/* ═══════════════ 学院首页新版导航 v2（仅 /school 首页启用，sc- 前缀隔离） ═══════════════ */
/* 变量定义在页面根 class 作用域内（规范：禁止裸 :root 污染全站） */
.sc-header-wrap{--sc-brand:#1f6ef7;--sc-violet:#7a5fe8;--sc-ink:#1d2129;--sc-ink-2:#4e5969;--sc-ink-3:#6b7480;--sc-line:#dfe3ea;--sc-bg:#f6f8fc}

/* 学院导航（吸顶白底毛玻璃） */
.sc-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--sc-line)}
.sc-header__in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:26px;height:70px;padding:0 20px}
.sc-logo{flex:none;display:flex;align-items:center;gap:9px}
.sc-logo .lg{display:flex;align-items:center;justify-content:center;height:34px;padding:0 8px;border-radius:9px;background:linear-gradient(135deg,#2b7cff,#6a4ff0);color:#fff;font-size:15px;font-weight:700;letter-spacing:1px}
.sc-logo .lg-img{height:34px;width:34px;object-fit:contain;border-radius:8px;flex:none}
.sc-logo b{font-size:16.5px;letter-spacing:.5px;color:var(--sc-ink)}

/* 一级导航：桌面 5 项 + 悬停下拉 */
.sc-nav{flex:1;display:flex;gap:6px;height:100%}
.sc-nav__item{position:relative;display:flex;align-items:center;font-size:14px;font-weight:400;line-height:20px;color:#1f2329;padding:0 10.5px;cursor:pointer;transition:color .15s;white-space:nowrap}
.sc-nav__item:hover,.sc-nav__item.on{color:var(--sc-brand);font-weight:700}
.sc-nav__item.on::after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,var(--sc-brand),var(--sc-violet))}
.sc-nav__item .caret{width:11px;height:11px;margin-left:5px;opacity:.55;transition:transform .18s}
.sc-nav__item:hover .caret{transform:rotate(180deg)}
.sc-drop{position:absolute;top:calc(100% - 1px);left:0;min-width:196px;background:#fff;border:1px solid var(--sc-line);border-radius:0 0 14px 14px;box-shadow:0 14px 34px rgba(29,33,41,.12);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .18s ease;z-index:101}
.sc-nav__item:hover .sc-drop{opacity:1;visibility:visible;transform:none}
.sc-drop a{display:flex;align-items:center;gap:9px;padding:10px 13px;border-radius:9px;font-size:14px;color:#1f2329;transition:all .15s}
.sc-drop a:hover{background:#f0f6ff;color:var(--sc-brand)}
.sc-drop a i{width:5px;height:5px;border-radius:50%;background:#b9c6dd;flex:none;transition:background .15s}
.sc-drop a:hover i{background:var(--sc-brand)}

.sc-header__act{flex:none;display:flex;align-items:center;gap:12px;margin-left:auto}
.sc-btn--login{font-size:13.5px;color:var(--sc-brand);border:1px solid rgba(31,110,247,.45);background:#fff;padding:7px 16px;border-radius:8px;transition:background .15s}
.sc-btn--login:hover{background:#f0f6ff}
.sc-btn--reg{font-size:13.5px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2b7cff,#7a5fe8);padding:8px 18px;border-radius:8px;transition:box-shadow .18s,transform .18s;order:-1}
.sc-btn--reg:hover{box-shadow:0 6px 16px rgba(31,110,247,.35);transform:translateY(-1px)}

/* 汉堡（≤1024 显示） */
.sc-burger{display:none;flex:none;width:40px;height:40px;border:none;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:5px;align-items:center;position:relative;z-index:2;touch-action:manipulation}
.sc-burger span{display:block;width:20px;height:2.5px;background:var(--sc-ink);border-radius:2px;transition:all .2s}
.sc-burger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.sc-burger.open span:nth-child(2){opacity:0}
.sc-burger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}

/* ══════════ 移动端全屏覆盖菜单 ══════════ */
.sc-modal{position:fixed;top:0;left:0;width:100%;height:100vh;background:#fff;z-index:98;display:none;flex-direction:column;padding-top:62px;padding-bottom:calc(32px + env(safe-area-inset-bottom));overflow-y:auto;user-select:none}
body.sc-drawer-open .sc-modal{display:flex}
body.sc-drawer-open{overflow:hidden}
.sc-modal__menus{padding:20px 16px;font-size:16px;display:flex;flex-direction:column;gap:4px}
.sc-modal__home{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f1f5f9;color:var(--sc-ink-2)}
.sc-macc{border-bottom:1px solid #f1f5f9}
.sc-macc__t{display:flex;width:100%;align-items:center;justify-content:space-between;padding:14px 0;border:none;background:transparent;font-size:16px;color:var(--sc-ink-2);cursor:pointer;font-family:inherit}
.sc-macc__t:active{color:var(--sc-brand);font-weight:600}
.sc-macc__t i{width:9px;height:9px;border-right:1.5px solid var(--sc-ink-3);border-bottom:1.5px solid var(--sc-ink-3);transform:rotate(45deg);transition:transform .2s;margin-top:-3px}
.sc-macc.open .sc-macc__t i{transform:rotate(225deg);margin-top:3px}
.sc-macc__b{display:none;padding:2px 0 10px 14px}
.sc-macc.open .sc-macc__b{display:block}
.sc-macc__b a{display:block;padding:11px 0;font-size:14px;color:var(--sc-ink-2)}
.sc-macc__b a:active{color:var(--sc-brand)}

/* ── 响应式 ── */
@media (min-width:1025px){.sc-burger{display:none}}
@media (max-width:1024px){
  .sc-nav{display:none}
  .sc-burger{display:flex}
  .sc-header__act{gap:8px}
  .sc-btn--login,.sc-btn--reg{font-size:13px;padding:5px 13px}
}
@media (max-width:768px){
  .sc-header__in{height:56px;padding:0 16px;gap:12px}
  .sc-logo{gap:7px}
  .sc-logo .lg{height:36px;font-size:14px}
  .sc-logo .lg-img{height:36px;width:36px}
  .sc-logo b{font-size:14px}
  .sc-btn--login,.sc-btn--reg{font-size:12px;padding:4px 11px}
  .sc-modal{padding-top:56px}
}
@media (max-width:480px){
  .sc-logo b{display:none}
}