/* ========================================================= 关键路径 CSS —— 内联在每页 ，保证首屏 LCP 仅含首屏可见元素必须样式（头部/Hero/免责声明） ========================================================= */ *,*::before,*::after{box-sizing:border-box} :root{ --c-primary:#1e40af;--c-primary-dark:#1e3a8a;--c-primary-light:#eff6ff; --c-accent:#059669;--c-warning:#b45309; --c-text:#111827;--c-text-sec:#4b5563;--c-text-muted:#6b7280; --c-border:#e5e7eb;--c-bg:#fff;--c-bg-alt:#f9fafb;--c-bg-card:#fff; --c-discl:#92400e;--c-discl-bg:#fffbeb; color-scheme:light } @media (prefers-color-scheme:dark){ :root{ --c-primary:#60a5fa;--c-primary-dark:#3b82f6;--c-primary-light:#1e3a8a; --c-accent:#34d399;--c-warning:#fbbf24; --c-text:#f3f4f6;--c-text-sec:#d1d5db;--c-text-muted:#9ca3af; --c-border:#374151;--c-bg:#0f172a;--c-bg-alt:#1e293b;--c-bg-card:#1e293b; --c-discl:#fbbf24;--c-discl-bg:#422006; color-scheme:dark } } html{-webkit-text-size-adjust:100%;scroll-padding-top:80px} body{margin:0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased} img,svg{max-width:100%;height:auto;display:block} a{color:var(--c-primary);text-decoration:none} h1,h2,h3{font-weight:700;line-height:1.25;margin:0 0 1rem;text-wrap:balance} h1{font-size:2.25rem;letter-spacing:-.02em} .skip-link{position:absolute;top:-100px;left:0;background:var(--c-primary);color:#fff;padding:.75rem 1rem;z-index:9999} .skip-link:focus-visible{top:0} :focus-visible{outline:2px solid var(--c-primary);outline-offset:2px} .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem} @media(min-width:640px){.container{padding:0 1.5rem}} .site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--c-border)} @media(prefers-color-scheme:dark){.site-header{background:rgba(15,23,42,.92)}} .site-header .container{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:1rem} .logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.125rem;color:var(--c-text)} .logo svg{width:28px;height:28px;color:var(--c-primary)} .logo .logo-num{color:var(--c-primary)} .menu-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:transparent;border:1px solid var(--c-border);border-radius:6px;color:var(--c-text);cursor:pointer;touch-action:manipulation} .menu-toggle svg{width:24px;height:24px} .typo-strip{background:var(--c-primary-light);color:var(--c-primary-dark);font-size:.75rem;text-align:center;padding:6px 1rem;border-bottom:1px solid var(--c-border)} .hero{padding:2.5rem 0;background:linear-gradient(180deg,var(--c-primary-light) 0%,transparent 100%)} .hero h1{font-size:clamp(1.75rem,4vw + 1rem,3rem)} .hero .lead{font-size:1.125rem;color:var(--c-text-sec);max-width:none} .disclaimer-banner{background:var(--c-discl-bg);border:1px solid #fcd34d;border-left:4px solid var(--c-warning);border-radius:6px;padding:.75rem 1rem;margin:1rem 0 1.5rem;display:flex;align-items:flex-start;gap:.75rem;font-size:.875rem;color:var(--c-discl);line-height:1.55} .disclaimer-banner svg{flex-shrink:0;width:20px;height:20px;margin-top:2px;color:var(--c-warning)} .disclaimer-banner p{margin:0} .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.75rem 1.25rem;border-radius:10px;border:1px solid transparent;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;touch-action:manipulation;text-decoration:none} .btn-primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)} .btn-primary:hover{background:var(--c-primary-dark)} .nav-links{display:none} @media(min-width:960px){.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;padding:0;margin:0}.menu-toggle{display:none}}