@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{--bg:#f4f7fb;--ink:#0f172a;--muted:#64748b;--card:#ffffffd6;--line:#94a3b83d;--blue:#2563eb;--rose:#e11d48;--amber:#f59e0b;--green:#059669}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 20% -10%,#dbeafe 0,transparent 35%),radial-gradient(circle at 80% 0,#ffe4e6 0,transparent 30%),var(--bg);margin:0;font-family:Noto Sans SC,system-ui,-apple-system,Segoe UI,sans-serif}.loading{min-height:100vh;color:var(--muted);place-items:center;font-size:18px;display:grid}main{max-width:1500px;margin:0 auto;padding:24px}.hero{isolation:isolate;background:linear-gradient(135deg,#0f172a 0%,#172554 46%,#7f1d1d 100%);border-radius:34px;min-height:270px;position:relative;overflow:hidden;box-shadow:0 24px 80px #0f172a38}.hero-bg{opacity:.95;background:linear-gradient(110deg,#ffffff1a,#0000 42%),radial-gradient(circle at 75% 35%,#fcd34d59,#0000 20%);position:absolute;inset:0}.hero-bg:after{content:"";background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:-60px;transform:rotate(-6deg)}.hero-content{color:#fff;max-width:960px;padding:42px 48px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#64748b;font-size:12px;font-weight:900}.eyebrow.bright{color:#bfdbfe}.hero h1{letter-spacing:-.06em;margin:12px 0 16px;font-size:clamp(36px,5vw,68px);line-height:1.02}.hero p{color:#dbeafe;max-width:760px;margin:0;font-size:18px;line-height:1.8}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.hero-meta span,.chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e0f2fe;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;padding:8px 12px;font-size:13px}.chip{color:#475569;background:#f8fafc;border-color:#e2e8f0}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0;display:grid}.kpi{background:var(--card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffffad;border-radius:24px;padding:20px;position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a14}.kpi:before{content:"";background:#2563eb1f;border-radius:999px;width:120px;height:120px;position:absolute;top:-30px;right:-30px}.kpi.rose:before{background:#e11d4821}.kpi.amber:before{background:#f59e0b2e}.kpi.up:before{background:#05966921}.kpi.down:before{background:#e11d4821}.kpi-label{color:var(--muted);font-size:13px;font-weight:700}.kpi-value{letter-spacing:-.04em;margin:10px 0 4px;font-size:28px;font-weight:900}.kpi-sub{color:#64748b;font-size:13px}.main-grid{grid-template-columns:minmax(0,1.45fr) 420px;gap:18px;display:grid}.map-wrap,.chart-card,.rank-card,.detail-card,.insight-card{background:var(--card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffb3;border-radius:28px;box-shadow:0 18px 60px #0f172a17}.map-wrap{padding:22px}.panel-title-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-title-row h2{letter-spacing:-.04em;margin:6px 0 0;font-size:25px}.panel-title-row.compact h2{font-size:21px}.ghost-btn{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:999px;padding:10px 14px;font-weight:800;box-shadow:0 10px 24px #0f172a2e}.ghost-btn:hover{transform:translateY(-1px)}.map-chart{width:100%;height:620px}.legend-row{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.legend-row i{border-radius:999px;width:28px;height:10px;display:inline-block}.legend-row b{color:#0f172a;margin-left:auto}.side-stack{flex-direction:column;gap:18px;display:flex}.detail-card{padding:22px}.detail-card h2{letter-spacing:-.05em;margin:6px 0 18px;font-size:30px}.detail-card dl{grid-template-columns:1fr;gap:10px;margin:0;display:grid}.detail-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:12px 0;display:flex}dt{color:#64748b;font-weight:700}dd{margin:0;font-weight:900}.up{color:#059669}.down{color:#e11d48}.flat{color:#64748b}.source-link{text-align:center;color:#1d4ed8;background:#eff6ff;border-radius:16px;margin-top:18px;padding:12px;font-weight:900;text-decoration:none;display:block}.rank-card{padding:18px}.rank-list{flex-direction:column;gap:8px;max-height:470px;margin-top:14px;display:flex;overflow:auto}.rank-row{cursor:pointer;text-align:left;background:#f8fafce0;border:1px solid #0000;border-radius:16px;grid-template-columns:34px 1fr auto 72px;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.rank-row:hover,.rank-row.active{background:#fff;border-color:#93c5fd;box-shadow:0 10px 26px #2563eb1f}.rank-no{color:#475569;background:#e2e8f0;border-radius:10px;place-items:center;width:26px;height:26px;font-weight:900;display:grid}.rank-name,.rank-price{font-weight:900}.rank-pct{text-align:right;font-size:12px;font-weight:900}.lower-grid{grid-template-columns:minmax(0,1.2fr) 420px;gap:18px;margin-top:18px;display:grid}.chart-card{padding:22px}.line-chart{width:100%;height:430px}.insight-card{background:linear-gradient(#ffffffe6,#f8fafccc);padding:24px}.insight-card h2{margin:6px 0 16px;font-size:24px}.insight-card ul{color:#475569;margin:0;padding-left:20px;line-height:1.9}.insight-card li{margin-bottom:8px}.insight-card b{color:#0f172a}footer{color:#64748b;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px 4px 6px;font-size:13px;display:flex}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.main-grid,.lower-grid{grid-template-columns:1fr}.map-chart{height:520px}.side-stack{grid-template-columns:1fr 1fr;display:grid}.rank-list{max-height:340px}}@media (width<=720px){main{padding:12px}.hero{border-radius:24px}.hero-content{padding:30px 24px}.kpi-grid,.side-stack{grid-template-columns:1fr}.map-chart{height:430px}.rank-row{grid-template-columns:30px 1fr}.rank-price,.rank-pct{grid-column:2}.hero-meta span{font-size:12px}.kpi-value{font-size:24px}}.hero-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff29;border:1px solid #ffffff3d;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900;text-decoration:none}.future-section{color:#fff;background:linear-gradient(135deg,#111827,#1e1b4b 55%,#7f1d1d);border-radius:34px;margin-top:18px;padding:24px;box-shadow:0 22px 80px #0f172a38}.future-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.future-head h2{letter-spacing:-.06em;margin:8px 0;font-size:38px}.future-head p{color:#cbd5e1;margin:0;line-height:1.8}.future-badge{color:#e0f2fe;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:900}.future-kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.future-kpis .kpi{color:#0f172a;background:#ffffffeb}.future-grid{grid-template-columns:minmax(0,1.25fr) .85fr;gap:16px;margin-top:16px;display:grid}.future-card{color:#0f172a;background:#ffffffeb;border:1px solid #ffffff73;border-radius:28px;padding:22px;box-shadow:0 18px 54px #00000029}.community-chart{width:100%;height:430px}.insight-dark{color:#fff;background:#0f172ab8}.insight-dark h2{margin:8px 0 14px;font-size:28px}.insight-dark ul{color:#e2e8f0;margin:0;padding-left:20px;line-height:1.9}.mini-trend{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.mini-trend div{background:#ffffff1a;border:1px solid #ffffff24;border-radius:18px;padding:12px;position:relative}.mini-trend span{color:#cbd5e1;font-size:12px;display:block}.mini-trend b{margin-top:4px;font-size:16px;display:block}.mini-trend em{color:#fbbf24;z-index:2;font-style:normal;font-weight:900;position:absolute;top:30px;right:-13px}@media (width<=1100px){.future-kpis{grid-template-columns:repeat(2,1fr)}.future-grid{grid-template-columns:1fr}}@media (width<=720px){.future-section{border-radius:24px;padding:16px}.future-head{flex-direction:column}.future-head h2{font-size:30px}.future-kpis,.mini-trend{grid-template-columns:1fr}.community-chart{height:480px}}