/* ============================================================
   萬能科技大學 — 單位子網站頁面（系所/學院/行政單位）
   ============================================================ */

/* 單位識別帶 */
.unit-band {
  background: linear-gradient(135deg, var(--navy-900), var(--blue-600));
  color: #fff;
  padding-block: var(--sp-6);
  position: relative;
  overflow: hidden;
}
.unit-band::after { /* 航線裝飾 */
  content: "";
  position: absolute; right: -40px; top: 50%;
  width: 320px; height: 2px;
  background: repeating-linear-gradient(90deg, rgba(255,255,255,0.35) 0 10px, transparent 10px 20px);
  transform: rotate(-8deg);
}
.unit-band .eyebrow { color: var(--sky-300); }
.unit-name {
  font-size: clamp(1.5rem, 4vw, 2.2rem); font-weight: 800;
  letter-spacing: 0.05em; text-wrap: balance;
}
.unit-name a { color: #fff; }
.unit-name a:hover { color: var(--gold-100); }
.unit-eng {
  margin-top: var(--sp-1);
  font-family: var(--font-display); font-size: var(--fs-xs);
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--sky-200);
}

/* 單位自己的導覽列（navbar 版型） */
.unit-nav {
  background: var(--c-surface);
  box-shadow: var(--shadow-sm);
  position: sticky; top: 64px; z-index: 80;
}
.unit-nav .container {
  display: flex; flex-wrap: wrap; gap: var(--sp-1);
  overflow-x: auto;
}
.unav-item { position: relative; }
.unav-item > a {
  display: inline-block; padding: var(--sp-3) var(--sp-4);
  font-size: var(--fs-sm); font-weight: 600; color: var(--c-text-soft);
  border-bottom: 3px solid transparent; white-space: nowrap;
}
.unav-item > a:hover { color: var(--navy-800); border-bottom-color: var(--gold-500); }
.unav-drop {
  position: absolute; top: 100%; left: 0; z-index: 90;
  min-width: 200px; background: var(--c-surface);
  border-radius: 0 0 var(--r-md) var(--r-md); box-shadow: var(--shadow-lg);
  padding: var(--sp-2);
  opacity: 0; visibility: hidden;
  transform: translateY(4px) scale(0.98); transform-origin: top left;
  transition: opacity var(--dur-pop) var(--ease-out), transform var(--dur-pop) var(--ease-out), visibility 0s linear var(--dur-pop);
}
.unav-item:hover .unav-drop,
.unav-item:focus-within .unav-drop {
  opacity: 1; visibility: visible; transform: translateY(0) scale(1);
  transition-delay: 0s;
}
.unav-drop a {
  display: block; padding: var(--sp-2) var(--sp-3);
  font-size: var(--fs-sm); color: var(--c-text-soft); border-radius: var(--r-sm);
  white-space: nowrap;
}
.unav-drop a:hover { background: var(--mist-50); color: var(--navy-800); }

/* 內容頁標題 */
.unit-page-title {
  font-size: var(--fs-xl); font-weight: 700; color: var(--navy-800);
  margin-bottom: var(--sp-4);
}
.unit-page-title::after {
  content: ""; display: block; width: 72px; height: 4px; margin-top: var(--sp-2);
  border-radius: var(--r-full);
  background: repeating-linear-gradient(90deg, var(--gold-500) 0 14px, transparent 14px 22px);
}

/* navbar 版型首頁的區塊（.block/.caption/.news）重塑 */
.legacy .block {
  background: transparent; margin-block: var(--sp-5);
}
.legacy .block .caption,
.legacy .caption.news_func {
  font-size: var(--fs-lg); font-weight: 700; color: var(--navy-800);
  padding-bottom: var(--sp-2); margin-bottom: var(--sp-3);
  border-bottom: 2px solid var(--mist-100);
}
.legacy .news ul, .legacy .news li { list-style: none; padding-left: 0; }
.legacy .news li {
  padding: var(--sp-2) 0; border-bottom: 1px dashed var(--ink-300);
}
.legacy .award_photo img { border-radius: var(--r-md); box-shadow: var(--shadow-md); }

/* 手機：單位導覽橫向捲動 */
@media (max-width: 1023px) {
  .unit-nav { top: 0; position: static; }
  .unit-nav .container { flex-wrap: nowrap; }
  .unav-drop { position: static; display: none; opacity: 1; visibility: visible; transform: none; box-shadow: none; }
  .unav-item.open .unav-drop { display: block; }
}