/* ─── 品牌字体 ─── */ @font-face{font-family:'Syne';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/syne-latin-400-normal.woff2') format('woff2')} @font-face{font-family:'Syne';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/syne-latin-600-normal.woff2') format('woff2')} @font-face{font-family:'Syne';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/syne-latin-700-normal.woff2') format('woff2')} @font-face{font-family:'Syne';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/syne-latin-800-normal.woff2') format('woff2')} @font-face{font-family:'DM Mono';font-style:normal;font-weight:300;font-display:swap;src:url('fonts/dm-mono-latin-300-normal.woff2') format('woff2')} @font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/dm-mono-latin-400-normal.woff2') format('woff2')} @font-face{font-family:'Noto Sans SC Local';font-style:normal;font-weight:100 900;font-display:swap;src:url('fonts/noto-sans-sc-local.woff2') format('woff2')} *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} html{color-scheme:dark;scroll-behavior:smooth;scroll-padding-top:72px} :root{ --bg:#0B0B0B;--surface:#161616;--surface-raised:#1E1E1E; --accent:#FFB547;--accent-light:#FFD08A;--accent-glow:rgba(255,181,71,0.12); --text:#F0ECE4;--text-muted:#8A857F;--text-dim:#7A7570;--green:#48C088; --line:rgba(255,255,255,.07); --font-display:'Syne','Noto Sans SC Local',sans-serif;--font-mono:'DM Mono','Noto Sans SC Local',monospace; --font-cn:'Noto Sans SC Local','Noto Sans SC','PingFang SC','Microsoft YaHei','Source Han Sans SC','Segoe UI Emoji','Apple Color Emoji',sans-serif; } body{background:var(--bg);color:var(--text);font-family:var(--font-cn);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased} ::selection{background:var(--accent);color:var(--bg)} .container{max-width:1320px;margin:0 auto;padding:0 clamp(24px,5vw,80px)} /* ─── NAV ─── */ nav{ position:fixed;top:0;left:0;right:0;z-index:100; /* 显式高度：与全站导航同一口径（内容区 64 + 1px 下边框 = 65），不再靠 padding 撑 */ height:65px;padding:0;display:flex;align-items:center; background:rgba(11,11,11,0.82); backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,181,71,0.06); } nav .container{display:flex;align-items:center;gap:24px;width:100%} .nav-logo{ display:flex;align-items:center;gap:12px; font-family:var(--font-display);font-weight:800;font-size:1.15rem; letter-spacing:-0.02em;color:var(--text);text-decoration:none; } .nav-logo span{color:var(--accent)} .nav-logo-icon{width:36px;height:36px;flex-shrink:0} /* 右侧组：导航链接 + 主题键 + 汉堡整体靠右（margin-left:auto），与 logo 之间留弹性空白 */ .nav-right{display:flex;align-items:center;gap:26px;margin-left:auto} /* 导航内容统一对齐到主题按钮：同为 34px 高的盒子，文字垂直居中 */ .nav-links{display:flex;align-items:center;gap:26px;list-style:none} .nav-links li{display:flex;align-items:center;height:34px} .nav-links a{ display:flex;align-items:center;height:100%;line-height:1; font-family:var(--font-mono);font-size:0.8rem;color:var(--text-muted); text-decoration:none;letter-spacing:0.04em;transition:color 0.3s; } .nav-links li a.on{position:relative;color:var(--text)} .nav-links li a.on::after{content:'';position:absolute;left:50%;margin-left:-7px;bottom:-7px;width:14px;height:2px;border-radius:1px;background:var(--accent)} .nav-links a:hover{color:var(--accent)} .nav-links a.nav-spec{color:var(--accent);opacity:.85} .nav-links a.nav-spec:hover{color:var(--accent-light);opacity:1} .theme-tg{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:0 0 auto;padding:0;border-radius:9px;background:transparent;color:var(--text-muted,var(--tm,var(--td,#8A857F)));border:1px solid color-mix(in srgb,currentColor 30%,transparent);cursor:pointer;transition:color .25s,border-color .25s,background .25s} .theme-tg:hover{color:var(--accent,var(--ac,var(--cy,#FFB547)));background:color-mix(in srgb,currentColor 10%,transparent)} .theme-tg:focus-visible{outline:2px solid var(--accent,var(--ac,var(--cy,#FFB547)));outline-offset:2px} .theme-tg svg{width:16px;height:16px;display:block} .theme-tg .ic-moon{display:none} [data-theme=light] .theme-tg .ic-sun{display:none} [data-theme=light] .theme-tg .ic-moon{display:block} /* ─── HAMBURGER ─── */ .hamburger{ display:none;flex-direction:column;gap:5px; background:none;border:none;cursor:pointer;padding:8px;z-index:1001; } .hamburger span{ display:block;width:22px;height:2px;background:var(--text);border-radius:2px; transition:all 0.3s ease; } .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)} .hamburger.active span:nth-child(2){opacity:0} .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)} .mobile-menu{ display:none;position:fixed;top:0;left:0;right:0;bottom:0; background:rgba(10,10,10,0.97);z-index:999; flex-direction:column;align-items:center;justify-content:center;gap:28px; } .mobile-menu.active{display:flex} .mobile-menu a{ font-family:var(--font-cn);font-size:1.2rem;font-weight:400; color:var(--text-muted);text-decoration:none;transition:color 0.2s; } .mobile-menu a:hover{color:var(--accent)} [data-theme=light]{color-scheme:light;--bg:#F3F2F0;--surface:#FFFFFF;--surface-raised:#FAF8F6;--accent:#FFB547;--accent-light:#FFD08A;--accent-glow:rgba(255,181,71,.07);--text:#262524;--text-muted:#666664;--text-dim:#747672;--green:#17864A;--line:rgba(21,21,20,.10)} [data-theme=light] nav{background:rgba(243,242,240,.86);border-bottom-color:rgba(143,91,18,.10)} [data-theme=light] .mobile-menu{background:rgba(243,242,240,.97)} main{padding-top:65px;min-height:60vh} .wrap{max-width:960px;margin:0 auto} /* 面包屑必须是 div：