:root{color-scheme:light;--bg: #FFFFFF;--card: #FFFFFF;--ink: #111111;--muted: #6B6B6B;--line: #E4E4E4;--hard: #111111;--accent: #FF3000;--ret: #FF3000;--for: #111111}*{box-sizing:border-box}html,body,#root{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,sans-serif}.page{max-width:1060px;margin:0 auto;padding:28px 20px 56px}.hd{padding-bottom:18px;border-bottom:2px solid var(--hard);margin-bottom:4px}.hd .kicker{font-size:12px;letter-spacing:.28em;color:var(--accent);text-transform:uppercase;font-weight:600}.hd h1{font-size:clamp(22px,5vw,32px);margin:14px 0 8px;font-weight:800;letter-spacing:-.02em}.hd .sub{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.hd .sub b{color:var(--ink)}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:22px 0 14px}.toggle{display:inline-flex;gap:0;background:transparent;border:1px solid var(--hard);border-radius:0;padding:0}.toggle button{border:0;background:transparent;color:var(--ink);font-size:14px;font-weight:700;padding:8px 20px;border-radius:0;cursor:pointer;transition:all .15s;border-right:1px solid var(--hard)}.toggle button:last-child{border-right:0}.toggle button.on{background:var(--ink);color:#fff}.toggle button:not(.on):hover{background:#f2f2f2}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:18px;border:1px solid var(--line)}.stat{background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;gap:6px}.stat:nth-child(4n){border-right:0}.stat span{font-size:12px;color:var(--muted);letter-spacing:.02em}.stat b{font-size:clamp(15px,2.4vw,19px);font-weight:800}.chart-wrap{position:relative;background:var(--card);border:1px solid var(--line);border-radius:0;padding:14px 12px 8px}.chart-svg{width:100%;height:auto;display:block}.ax-lbl{fill:var(--muted);font-size:12px}.ax-lbl.idx{fill:#6b6b6b}.ax-lbl.yr{fill:#9a9a9a;font-size:11px}.tip{position:absolute;top:12px;transform:translate(-50%);background:#fff;border:1px solid var(--hard);border-radius:0;padding:9px 12px;pointer-events:none;font-size:13px;min-width:128px;box-shadow:4px 4px 0 0 var(--hard);z-index:5}.tip-q{font-weight:800;margin-bottom:6px;font-size:13px}.tip-row{display:flex;align-items:center;gap:7px;color:var(--muted);margin:3px 0}.tip-row b{color:var(--ink);margin-left:auto;font-variant-numeric:tabular-nums}.tip-row.idx{color:#6b6b6b}.dot{width:9px;height:9px;border-radius:0;display:inline-block}.foot{color:var(--muted);font-size:13px;line-height:1.6;margin-top:16px}.foot b{color:var(--ink)}@media (max-width: 640px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(4n){border-right:1px solid var(--line)}.stat:nth-child(2n){border-right:0}.tip{min-width:112px;font-size:12px}}