/* header.html —— 由内联样式抽出 */
:root { --brand:#1A6BFF; --brand-ink:#0B1D3A; --ink:#1F2329; --ink-2:#5A6069; --line:#E5E8EC; }
  /* ===== 顶部导航 ===== */
    .nav { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.66); -webkit-backdrop-filter:blur(14px) saturate(1.4); backdrop-filter:blur(14px) saturate(1.4); border-bottom:1px solid rgba(216,224,240,.55); box-shadow:0 1px 10px rgba(16,36,74,.06); transition:background .3s,border-color .3s,box-shadow .3s; }
    .nav.scrolled { background:#fff; border-bottom-color:var(--line); box-shadow:0 2px 14px rgba(16,36,74,.08); }
    .nav-inner { max-width:none; margin:0; padding:0 28px; height:64px; display:flex; align-items:center; gap:20px; }
    .nav-logo { display:flex; align-items:center; gap:10px; flex-shrink:0; }
    .nav-logo-mark { width:34px; height:34px; border-radius:8px; background:linear-gradient(135deg,#2E7CFF,#1552CC); display:flex; align-items:center; justify-content:center; color:#fff; }
    .nav-logo-mark svg { width:20px; height:20px; }
    .nav-logo-name { font-size:18px; font-weight:700; letter-spacing:.5px; }
    .nav-logo-sub { font-size:11px; color:var(--ink-2); margin-top:-2px; }
    .nav-links { display:flex; align-items:center; gap:22px; margin-left:8px; }
    .nav-links a { font-size:14px; color:var(--ink); transition:color .2s; white-space:nowrap; }
    .nav-links a:hover { color:var(--brand); }
    .nav-links a.active { color:var(--brand); font-weight:600; }
    .nav-actions { margin-left:auto; display:flex; align-items:center; gap:12px; }
    .btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; height:40px; padding:0 20px; border-radius:6px; font-size:14px; font-weight:500; border:1px solid transparent; transition:all .2s; white-space:nowrap; }
    .btn-ghost { background:transparent; border-color:var(--line); color:var(--ink); }
    .btn-ghost:hover { border-color:var(--brand); color:var(--brand); }
    .btn-primary { background:var(--brand); color:#fff; }
    .btn-primary:hover { background:#1558D6; }
    .nav-toggle { display:none; width:44px; height:44px; border:none; background:none; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
    .nav-toggle span { display:block; width:20px; height:2px; background:var(--ink); border-radius:2px; transition:all .25s; }
    .nav-toggle.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .nav-toggle.open span:nth-child(2) { opacity:0; }
    .nav-toggle.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }