@font-face{font-family:system-ui-local;src:local("Noto Sans CJK SC")}
:root{color-scheme:dark;font-family:Inter,system-ui-local,"Microsoft YaHei",sans-serif;background:#061326;color:#eef7ff}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh}.backdrop,.veil{position:fixed;inset:0}.backdrop{background:#07192d url('/ocean-whale-girl.png') center right/cover no-repeat}.veil{background:linear-gradient(90deg,rgba(3,12,25,.94) 0%,rgba(4,17,33,.84) 29%,rgba(5,23,46,.56) 56%,rgba(5,19,37,.15) 100%),linear-gradient(0deg,rgba(3,11,23,.72),transparent 23%)}.shell{position:relative;min-height:100vh;display:flex;flex-direction:column;max-width:1620px;margin:auto;padding:34px 5.4vw 24px}.topbar,.brand,.entry,.metric-top,footer{display:flex;align-items:center}.topbar{justify-content:space-between}.brand{gap:11px;text-decoration:none;color:inherit}.brand img{filter:drop-shadow(0 0 12px rgba(78,172,245,.38))}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand strong{letter-spacing:.22em;font-size:16px;font-weight:700}.brand small{letter-spacing:.22em;font-size:8px;color:#a6c1d8;margin-top:6px}.status{font-size:10px;letter-spacing:.18em;color:#aec9da;border:1px solid rgba(172,215,240,.22);border-radius:99px;padding:9px 13px;background:rgba(8,31,55,.28)}.status i{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#77c6d9;box-shadow:0 0 12px #7dd8e7}.content{width:min(660px,100%);margin:auto 0; padding:74px 0 84px}.eyebrow{font-size:10px;letter-spacing:.28em;color:#9fcfe2;display:flex;align-items:center;gap:12px}.line{width:26px;height:1px;background:#84cce5}h1{font-size:clamp(42px,5.1vw,74px);line-height:1.23;letter-spacing:-.045em;margin:20px 0 20px;font-weight:650;text-shadow:0 4px 34px #07182c}h1 em{font-style:normal;color:#a9d8e7}.intro{max-width:580px;color:#c4d5e1;font-size:14px;line-height:1.9;margin:0 0 36px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{min-height:185px;border:1px solid rgba(173,222,247,.22);background:rgba(8,30,53,.56);box-shadow:0 16px 40px rgba(0,7,19,.15);backdrop-filter:blur(16px);padding:19px 21px 18px}.metric-top{justify-content:space-between;color:#c4d9e7;font-size:12px;letter-spacing:.05em}.metric-symbol{font-size:19px;color:#8acde4}.metric-value{font-size:51px;line-height:1.1;margin:15px 0 4px;font-weight:570;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.metric-value span{font-size:25px;margin-left:3px;font-weight:400;color:#95d1e9}.metric-bottom{font-size:10px;letter-spacing:.15em;color:#7fbbd2}.metric-note{font-size:10px;color:#a9c2d3;margin-top:11px}.pulse{width:6px;height:6px;border-radius:50%;background:#8fe1d2;box-shadow:0 0 0 4px rgba(143,225,210,.12)}.loadbar{height:3px;background:rgba(151,213,229,.2);margin-top:13px;overflow:hidden}.loadbar span{display:block;width:84%;height:100%;background:linear-gradient(90deg,#53a9d2,#94ded8);transition:width 1.5s ease}.entry{gap:19px;margin-top:23px}.entry button,.submit{border:0;cursor:pointer;color:#08213b;background:#b6e2f0;font:600 13px Inter,system-ui-local,"Microsoft YaHei",sans-serif;letter-spacing:.04em;padding:15px 22px;min-width:222px;display:flex;justify-content:space-between;align-items:center}.entry button:hover,.submit:hover{background:#d6f1f9}.entry>span{color:#8eabba;font-size:10px;letter-spacing:.15em}footer{justify-content:space-between;gap:15px;color:#9bb6c6;font-size:9px;letter-spacing:.14em}dialog{width:min(390px,calc(100vw - 34px));padding:28px;background:#091f38;color:#edf8ff;border:1px solid #3d6e87;box-shadow:0 20px 80px #0009}dialog::backdrop{background:#020a16c9;backdrop-filter:blur(5px)}dialog form{display:flex;flex-direction:column}.close{align-self:end;background:none;border:0;color:#b9d2e0;font-size:24px;cursor:pointer}.dialog-icon{margin-top:-8px}dialog h2{font-size:23px;margin:8px 0}dialog p{font-size:12px;line-height:1.7;color:#adc4d5;margin:0 0 22px}dialog label{font-size:10px;letter-spacing:.16em;color:#9ac5d9;margin-bottom:8px}dialog input{height:45px;background:#06162b;border:1px solid #3c5c70;color:#fff;padding:0 12px;outline:none}dialog input:focus{border-color:#9ad5e5}.submit{margin-top:14px;width:100%;font-size:12px}dialog .error{color:#f0a5a8;margin:13px 0 0}
@media(max-width:740px){.shell{padding:22px 22px 20px}.backdrop{background-position:64% center}.veil{background:linear-gradient(90deg,rgba(3,12,25,.9),rgba(3,14,27,.58)),linear-gradient(0deg,rgba(3,11,23,.82),transparent 42%)}.content{padding:70px 0}.metrics{grid-template-columns:1fr}.metric{min-height:150px}.metric-value{font-size:43px}footer{flex-direction:column;align-items:flex-start;line-height:1.6}.status{font-size:8px;padding:8px}.brand strong{font-size:13px}.entry{align-items:flex-start;flex-direction:column}.entry>span{padding-left:2px}}