:root{--ink:#12251f;--muted:#66736e;--line:#dde5e1;--paper:#f4f7f5;--white:#fff;--accent:#0e624b;--accent2:#dff1e9;--warn:#9b5c00;--bad:#9e3d38;--shadow:0 12px 40px rgba(18,37,31,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}.topbar{height:76px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(244,247,245,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center}.brandmark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--ink);color:white;font-family:Georgia,serif;font-size:24px}.brand b{display:block;font-size:14px;letter-spacing:.01em}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.actions{display:flex;gap:12px;align-items:center}.iconbtn,.lang button{border:1px solid var(--line);background:var(--white);height:36px;min-width:36px;border-radius:10px;color:var(--ink);cursor:pointer}.iconbtn{font-size:19px}.lang{display:flex;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.lang button{border:0;border-radius:0;font-size:11px;font-weight:700}.lang button.active{background:var(--ink);color:white}main{max-width:1200px;margin:auto;padding:0 24px 80px}.hero{padding:86px 0 60px;border-bottom:1px solid var(--line)}.eyebrow,.sectionhead span{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--accent)}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,7.5vw,92px);font-weight:500;letter-spacing:-.055em;line-height:.98;max-width:900px;margin:16px 0 24px}.hero>p{font-size:18px;max-width:680px;color:var(--muted);margin:0}.statusline{margin-top:28px;color:var(--muted);font-size:12px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:#b9c1bd}.dot.live{background:#2a9b68;box-shadow:0 0 0 4px rgba(42,155,104,.12)}.dot.warn{background:#c38324}.sep{color:#aeb8b3}.sectionhead{padding:52px 0 20px;display:flex;justify-content:space-between;align-items:end;gap:20px}.sectionhead h2{font-size:29px;margin:6px 0 0;letter-spacing:-.025em}.sectionhead p{font-size:13px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{border:1px solid var(--line);background:var(--white);border-radius:16px;padding:20px;text-align:left;cursor:pointer;transition:.2s;min-height:180px;display:flex;flex-direction:column;box-shadow:0 1px 0 rgba(0,0,0,.01)}.card:hover,.card.active{transform:translateY(-2px);border-color:#a9bbb3;box-shadow:var(--shadow)}.card.active{outline:2px solid rgba(14,98,75,.09)}.cardtop{display:flex;justify-content:space-between;gap:12px}.label{font-size:13px;font-weight:700}.period{font-size:10px;color:var(--muted);white-space:nowrap}.value{font-family:Georgia,serif;font-size:39px;letter-spacing:-.04em;margin:22px 0 6px}.value small{font-family:Inter,sans-serif;font-size:12px;color:var(--muted);letter-spacing:0;margin-left:5px}.note{font-size:11px;color:var(--muted);margin-top:auto}.spark{height:30px;width:86px;margin-top:10px}.loading{grid-column:1/-1;padding:60px;border:1px dashed #bcc8c3;border-radius:16px;text-align:center;color:var(--muted)}.detail{margin-top:18px;background:var(--ink);color:white;border-radius:20px;padding:30px;box-shadow:var(--shadow)}.detail .eyebrow{color:#8ccab7}.detailhead{display:flex;justify-content:space-between;gap:30px;align-items:start}.detail h2{font-family:Georgia,serif;font-size:42px;font-weight:500;letter-spacing:-.04em;margin:8px 0}.detailhead p{margin:0;color:#b9c8c3}.bigvalue{text-align:right;font-family:Georgia,serif;font-size:48px;letter-spacing:-.04em;white-space:nowrap}.bigvalue small{display:block;font-family:Inter,sans-serif;font-size:11px;color:#9eb1aa;letter-spacing:0}.chartwrap{margin-top:28px;border-top:1px solid rgba(255,255,255,.1);padding-top:20px}#chart{width:100%;height:auto;overflow:visible}.detailfoot{display:flex;justify-content:space-between;color:#9eb1aa;font-size:11px;margin-top:8px}.detailfoot a{color:#d7ebe4;text-decoration:none}.context{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:72px}.contextCard{padding:26px 0;border-top:2px solid var(--ink)}.contextCard .num{font-family:Georgia,serif;color:var(--accent);font-size:14px}.contextCard h3{font-size:17px;margin:18px 0 8px}.contextCard p{font-size:13px;color:var(--muted);margin:0;max-width:330px}footer{border-top:1px solid var(--line);max-width:1200px;margin:auto;padding:28px 24px 45px;display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:11px}footer b{display:block;color:var(--ink);margin-bottom:5px}footer a{color:var(--ink)}@media(max-width:900px){.cards{grid-template-columns:repeat(2,1fr)}.context{grid-template-columns:1fr}.sectionhead{align-items:start;flex-direction:column}.detailhead{flex-direction:column}.bigvalue{text-align:left}.topbar{padding:0 18px}main{padding-left:18px;padding-right:18px}}@media(max-width:520px){.brand small{display:none}.hero{padding-top:55px}.hero>p{font-size:16px}.cards{grid-template-columns:1fr}.card{min-height:150px}h1{font-size:52px}.detail{padding:22px}.detail h2{font-size:34px}footer{flex-direction:column}}
