/* ============================================================
   数校云 · 全站统一头部导航样式（所有页面共用）
   结构：nav.site-nav > a.site-brand + ul.site-menu(#siteMenu)
        + div.user-area(#userArea) + button.site-toggle + div.site-overlay
   菜单项仍在各页 HTML 中书写（首帧即正确渲染，避免弱网闪现），
   本文件只负责外观与响应式布局。
   ============================================================ */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;gap:1rem;height:72px;padding:0 2rem;background:rgba(6,14,26,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid transparent}
.site-nav.scrolled{height:62px;background:rgba(6,14,26,.95);border-bottom-color:rgba(255,255,255,.06)}
.site-brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.3rem;letter-spacing:-.5px;color:#e8edf5;white-space:nowrap}
.site-logo{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#0d47a1,#1565c0 30%,#00b8d4 70%,#18ffff);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 4px 16px rgba(0,184,212,.3)}
.site-menu{display:flex;align-items:center;gap:.15rem;list-style:none;flex:1;justify-content:flex-end;min-width:0;padding:0;margin:0}
.site-menu>li{position:relative;flex-shrink:0}
.site-menu>li>a{display:flex;align-items:center;gap:4px;padding:9px 14px;border-radius:8px;font-size:.92rem;font-weight:500;color:#b0bec5;white-space:nowrap}
.site-menu>li>a:hover{color:#fff;background:rgba(255,255,255,.05)}
.site-menu>li>a.active{color:#18ffff;background:rgba(0,184,212,.12);font-weight:600}
.site-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}
.site-toggle span{display:block;width:26px;height:2px;background:#e8edf5;border-radius:2px}
.site-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}
.site-nav .user-area{margin-left:auto}
.site-nav .user-area .btn-outline{border-color:rgba(255,255,255,.3);color:#e8edf5;background:transparent}
.site-nav .user-area .btn-outline:hover{border-color:#00b8d4;color:#fff;background:rgba(255,255,255,.08)}
.site-nav .user-chip{color:#e8edf5}
.site-nav .user-chip .role-tag{background:rgba(255,255,255,.1);color:#cfd8dc}
.site-nav .user-area .user-name{color:#e8edf5}
.site-menu-user{display:none}
body.has-site-nav .page{padding-top:100px}
@media(max-width:1100px),(pointer:coarse){
.site-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:rgba(10,22,40,.98);backdrop-filter:blur(30px);flex-direction:column;padding:90px 1.5rem 2rem;gap:.3rem;justify-content:flex-start;align-items:stretch;z-index:1000}
.site-menu.open{right:0}
.site-toggle{display:flex;margin-left:auto}
.site-overlay.active{display:block}
.site-nav{padding:0 1rem}
.site-nav .user-area{display:none}
.site-menu-user{display:flex;flex-direction:column;gap:10px;margin-bottom:.6rem;padding:0 4px 16px;border-bottom:1px solid rgba(255,255,255,.08)}
.site-menu-user .user-name{color:#e8edf5;font-size:14px}
.site-menu-user .role-tag{background:rgba(255,255,255,.1);color:#cfd8dc}
.site-menu-user .btn-outline{border-color:rgba(255,255,255,.3);color:#e8edf5;background:transparent;justify-content:center}
.site-menu-user .btn-outline:hover{border-color:#00b8d4;color:#fff;background:rgba(255,255,255,.08)}
}