:root{--bg-page:#fafbfe;--bg-surface:#fff;--bg-tint:#f2f5fb;--accent:#3b5bdb;--accent-soft:#e7ecfd;--text-primary:#1e2438;--text-secondary:#5a6178;--text-muted:#98a0b8;--border-soft:#e8ecf3;--badge-free-bg:#e6f5ec;--badge-free-fg:#2f9e5e;--badge-analyze-bg:#e7ecfd;--badge-analyze-fg:#3b5bdb;--badge-pair-bg:#f0e9fb;--badge-pair-fg:#8b5cf6;--wx-wood:#3e9e5b;--wx-fire:#e05656;--wx-earth:#c08a3e;--wx-metal:#c4a02c;--wx-water:#3b7fd1;--font-heading:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "PingFang TC", "Hiragino Sans", "Microsoft JhengHei", "Noto Sans CJK SC", sans-serif;--font-body:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "PingFang TC", "Hiragino Sans", "Microsoft JhengHei", "Noto Sans CJK SC", sans-serif;--font-display:"Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "Source Han Serif TC", "Songti TC", STSong, SimSun, Georgia, "Times New Roman", serif;--radius-pill:9999px;--radius-card:18px;--radius-sm:10px;--w-page:1440px;--w-content:1120px;--w-text:760px;--shadow-card:0 1px 2px #1e24380a, 0 10px 28px #1e243812;--shadow-hover:0 2px 6px #1e24380f, 0 18px 44px #1e24381f;--footer-bg:var(--bg-surface);--footer-heading:var(--text-primary);--footer-link:var(--text-secondary);--footer-divider:var(--border-soft);--ink:#1e2438}[data-theme=dark]{--bg-page:#0f1320;--bg-surface:#161b2e;--bg-tint:#1b2135;--accent:#7c95f2;--accent-soft:#232b45;--text-primary:#eaecf5;--text-secondary:#aab2cc;--text-muted:#6c7590;--border-soft:#262e45;--badge-free-bg:#14301f;--badge-free-fg:#5cc98a;--badge-analyze-bg:#1c2444;--badge-analyze-fg:#8ea3f5;--badge-pair-bg:#2a2140;--badge-pair-fg:#b192ee;--wx-wood:#4fb56c;--wx-fire:#ef6b6b;--wx-earth:#d29a4e;--wx-metal:#d8b43e;--wx-water:#5a9ae0;--shadow-card:0 1px 2px #0000004d, 0 10px 28px #0000006b;--shadow-hover:0 2px 6px #0006, 0 18px 44px #0000008c;--ink:#2a3350}*,:before,:after{box-sizing:border-box}#nav-progress{background:var(--accent);z-index:9999;opacity:0;pointer-events:none;width:0;height:2px;transition:width .2s,opacity .3s;position:fixed;inset:0 auto auto 0}#nav-progress.is-active{opacity:1}@media (prefers-reduced-motion:reduce){#nav-progress{transition:opacity .2s}}.analyze-toast{z-index:9998;background:var(--text-primary);max-width:calc(100vw - 32px);color:var(--bg-page);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;line-height:1.4;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0000003d}.analyze-toast__text{flex:auto}.analyze-toast__spin{border:2px solid color-mix(in srgb, var(--bg-page) 40%, transparent);border-top-color:var(--bg-page);border-radius:50%;flex:none;width:16px;height:16px;animation:.7s linear infinite analyze-toast-spin}.analyze-toast__btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:6px 12px;font-weight:600;display:inline-flex}.analyze-toast__btn:hover{color:#fff;filter:brightness(1.06)}.analyze-toast__close{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;flex:none;padding:4px;display:inline-flex}.analyze-toast__close:hover{opacity:1}@keyframes analyze-toast-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.analyze-toast__spin{animation-duration:1.6s}}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-primary);margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img,svg{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn:hover,.card:hover{transform:none}}.section{width:100%;padding-inline:24px}.container{width:100%;max-width:var(--w-content);margin-inline:auto}.container-text{width:100%;max-width:var(--w-text);margin-inline:auto}.section-head{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}
