/* 本站栏目共用页眉页脚，数值复用 design-system.css。 */
.skip-link { position:absolute; top:8px; left:8px; z-index:10; transform:translateY(-150%)}
.skip-link:focus { transform:none}
.site-header { display:flex; justify-content:space-between; align-items:center; min-height:88px; gap:24px}
.brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-weight:750; font-size:22px; letter-spacing:-.8px}
.brand-dot { color:var(--ds-accent); margin-left:-8px}
.brand-symbol { position:relative; display:inline-flex; width:27px; height:30px; margin-right:2px; align-items:center}
.brand-symbol i { position:absolute; width:15px; height:20px; border:2.5px solid var(--ds-accent); border-radius:9px; transform:rotate(35deg)}
.brand-symbol i:last-child { left:10px; transform:rotate(-35deg)}
.site-header nav { display:flex; align-items:center; gap:32px; font-size:14px}
.site-header nav a { text-decoration:none; color:var(--ds-muted)}
.site-header nav a:hover { color:var(--ds-accent)}
.site-header nav .nav-lab { color:var(--ds-ink)}
.site-footer { border-top:1px solid var(--ds-border); padding-block:32px}
.footer-top { display:flex; align-items:center; gap:28px}
.footer-top .brand { font-size:19px}
.footer-top p { font-size:12px; color:var(--ds-muted)}
.footer-top nav { margin-left:auto; display:flex; gap:24px; font-size:12px; color:var(--ds-muted)}
.footer-top nav a { text-decoration:none}
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; margin-top:24px; font-size:10px; color:var(--ds-muted)}
.footer-bottom>div { display:flex; flex-wrap:wrap; gap:16px}
.footer-bottom a { display:inline-flex; align-items:center; gap:4px; text-decoration:none}
.site-header nav a[aria-current="page"] { color:var(--ds-accent); font-weight:700 }
.footer-projects { display:flex; flex-wrap:wrap; gap:12px 24px; font-size:13px; color:var(--ds-muted); margin-top:20px }
.footer-projects a { text-decoration:none }
.traffic { color:var(--ds-muted); font-size:12px; margin:24px 0 0; line-height:1.8 }
@media(max-width:760px) {
 .site-header { flex-wrap:wrap; gap:12px; padding-block:20px }
 .site-header nav { width:100%; gap:12px 20px; flex-wrap:wrap; font-size:13px }
 .footer-top { flex-wrap:wrap; gap:16px }
 .footer-top nav { width:100%; flex-wrap:wrap; gap:20px }
 .footer-bottom,.footer-bottom>div { align-items:flex-start; flex-direction:column; gap:12px }
 .brand { font-size:21px }
}