:root{--ink:#243042;--muted:#738197;--line:#dfe7ee;--panel:#fff;--bg:#f4f7fa;--accent:#315b79;--shadow:0 8px 22px rgba(47,67,92,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.pageHeader{position:relative;overflow:hidden;background:linear-gradient(118deg,#263b55,#315b79 50%,#59869a);color:#fff;padding:30px max(24px,calc((100vw - 1500px)/2));box-shadow:0 4px 16px rgba(29,49,72,.18)}
.pageHeader:after{content:"";position:absolute;width:360px;height:360px;border:70px solid rgba(255,255,255,.06);border-radius:50%;right:-90px;top:-170px}.headerInner{position:relative;z-index:1;display:flex;justify-content:space-between;gap:24px}
.eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.14em;color:#cde2eb;font-weight:700}h1{margin:0;font-size:clamp(25px,3.3vw,42px)}.subtitle{margin:9px 0 0;color:#dceaf0;font-size:14px}
.headerRight{display:flex;align-items:center;gap:10px}.badge,.homeLink{border:1px solid rgba(255,255,255,.42);border-radius:999px;padding:9px 14px;font-size:13px;white-space:nowrap}.homeLink{background:#fff;color:#315b79;text-decoration:none;font-weight:700}
main{max-width:1500px;margin:auto;padding:18px 24px 56px}.tabs{display:flex;gap:8px;margin-bottom:18px;padding:5px;background:#e9eef3;border-radius:12px;width:max-content}.tab{min-width:150px;border:0;border-radius:9px;background:transparent;padding:11px 18px;color:#607086;font-weight:750;cursor:pointer}.tab[aria-selected=true]{background:#fff;color:#294c68;box-shadow:0 3px 10px rgba(40,58,79,.12)}
.status{padding:30px;text-align:center;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi,.chart-card,.note-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.kpi{padding:15px}.kpi-label{font-size:12px;color:var(--muted);min-height:34px}.kpi-value{font-size:23px;font-weight:760;margin:4px 0}.kpi-period{font-size:11px;color:#8b98a9}.section{margin-top:30px}.section-head{margin-bottom:12px}h2{margin:0;font-size:21px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.country-us .chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card{padding:15px;min-width:0;position:relative}.chart-top{display:flex;justify-content:space-between;gap:8px;min-height:58px}h3{font-size:15px;margin:0}.chart-subtitle{color:var(--muted);font-size:11px;margin-top:5px;line-height:1.4}.unit{height:25px;border:1px solid var(--line);border-radius:999px;background:#f4f7fa;padding:4px 8px;color:var(--muted);font-size:11px}
canvas{display:block;width:100%;height:250px}.series-picker{display:flex;flex-wrap:wrap;gap:5px 12px;max-height:72px;overflow:auto;margin:8px 0;font-size:11px;color:#536174}.series-picker label{display:flex;align-items:center;gap:4px}.navigator-wrap{margin-top:10px;overflow:hidden;min-width:0;border:1px solid var(--line);border-radius:6px;background:#f8fafc}.chart-navigator{display:block;width:100%;height:76px;touch-action:none}.navigator-line{fill:none;stroke-width:1.2}.navigator-track{fill:transparent;cursor:grab}.navigator-window{fill:rgba(37,99,235,.12);stroke:#7aa2f7;stroke-width:1.2}.navigator-dragging{cursor:grabbing}.navigator-shade{fill:rgba(148,163,184,.28)}.navigator-handle{fill:#fff;stroke:#7aa2f7;stroke-width:1.4;cursor:ew-resize}.navigator-handle:focus{outline:none;stroke:#1d4ed8;stroke-width:2.4}.navigator-text{fill:#738197;font-size:10px}.chart-summary{font-size:11px;color:var(--muted);margin-top:7px}
.note-card{margin-top:30px;padding:18px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.note{background:#f7f9fb;border-radius:10px;padding:12px}.note strong{font-size:13px}.note p{font-size:12px;color:var(--muted);line-height:1.55;margin:6px 0 0}footer{text-align:center;color:#8997a7;font-size:11px;padding:8px 24px 35px}
html.auth-locked body>:not(#authGate){visibility:hidden!important}.authGate{display:none;position:fixed;inset:0;z-index:9999;align-items:center;justify-content:center;background:rgba(244,246,248,.97)}html.auth-locked .authGate{display:flex}.authPanel{width:min(380px,calc(100vw - 48px));padding:26px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;box-shadow:0 22px 60px rgba(15,23,42,.16)}.authPanel strong{display:block;margin:8px 0 18px;font-size:22px}.authPanel label{display:grid;gap:7px;margin-top:12px;font-weight:700}.authPanel input[type=password]{height:40px;border:1px solid #cbd5e1;border-radius:6px;padding:0 10px}.authPanel button{width:100%;height:42px;margin-top:16px;border:0;border-radius:6px;background:#1d4ed8;color:#fff;font-weight:800}.authError{color:#dc2626;font-weight:700}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(4,1fr)}.chart-grid,.country-us .chart-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.pageHeader{padding:24px 18px}.headerInner{display:block}.headerRight{margin-top:18px;justify-content:space-between}.badge{display:none}main{padding:14px 12px 40px}.tabs{width:100%}.tab{min-width:0;flex:1}.kpis{grid-template-columns:repeat(2,1fr)}.chart-grid,.country-us .chart-grid,.note-grid{grid-template-columns:1fr}canvas{height:220px}}