:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#173445;background:#f5f7f6}
*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}
.site{max-width:1680px;margin:auto;padding:0 28px 40px}.top{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9e2e2}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:750}.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#145b70;color:white;font-size:26px;line-height:1}.topright{display:flex;align-items:center;gap:8px;color:#60757f;font-size:13px}.topright i{width:7px;height:7px;border-radius:50%;background:#21a37a}
.overview{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:35px 2px 25px}.eyebrow{color:#cf6f3a!important;font-size:13px!important;letter-spacing:.12em;font-weight:700;margin:0 0 10px!important}.overview h1{font-size:clamp(28px,3vw,40px);letter-spacing:-.025em;margin:0 0 9px;color:#163746}.overview p{margin:0;color:#60757f;font-size:15px;line-height:1.7}.stats{display:flex;gap:8px;flex:none}.stats div{width:96px;height:74px;background:#eaf0ef;border:1px solid #dbe5e4;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column}.stats b{font-size:24px;line-height:1;color:#17495a}.stats span{font-size:12px;color:#68818a}
.status{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:44px;border:1px solid #f0dec2;background:#fff9ed;border-radius:10px;padding:8px 13px;color:#735b3f;font-size:13px;margin-bottom:18px}.status b{padding:4px 8px;background:#eec982;color:#59421e;border-radius:5px}.status span{border-left:1px solid #decba9;padding-left:12px}
.workspace{background:white;border:1px solid #dce6e6;border-radius:18px;box-shadow:0 12px 40px #123e4a0a;overflow:hidden}.workhead{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:23px 24px 17px}.workhead h2{font-size:20px;margin:0 0 5px}.workhead p{font-size:13px;color:#72858d;margin:0;line-height:1.5}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.segmented{display:flex;background:#edf2f1;padding:4px;border-radius:10px;gap:3px}.segmented button{border:0;background:none;border-radius:7px;color:#4e6974;padding:7px 12px;font-size:13px}.segmented button.active{background:white;box-shadow:0 1px 5px #2345;color:#174759;font-weight:700}.controls label{display:flex;align-items:center;gap:8px;font-size:13px;color:#617983}.controls select{height:37px;border:1px solid #dce5e5;border-radius:9px;background:white;color:#214b5a;padding:0 24px 0 10px}
.legend{display:flex;gap:15px;align-items:center;flex-wrap:wrap;padding:10px 24px;border-top:1px solid #edf2f2;border-bottom:1px solid #e4ebeb;color:#60757e;font-size:12px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:13px;height:13px;border-radius:3px;border:1px solid #0001}.legend .legendnote{color:#a94f2d;margin-left:auto}.freezing{background:#bfd3e3}.cold{background:#dce8ea}.cool{background:#eaf1ec}.mild{background:#f9e9cc}.warm{background:#f8dac5}
.tablewrap{overflow:auto;max-height:68vh;scrollbar-color:#bacccf #edf2f2}table{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%;font-size:13px}th,td{border-right:1px solid #e6eded;border-bottom:1px solid #e6eded;text-align:center}thead th{position:sticky;top:0;z-index:4;background:#e8f0ef;height:57px;min-width:78px;color:#315766}thead th b,thead th small{display:block}thead th b{font-size:14px}thead th small{font-size:11px;font-weight:400;color:#76909a;margin-top:3px}.stickregion{position:sticky;left:0;z-index:5;width:62px;min-width:62px;max-width:62px}thead .stickregion{z-index:8}.stickcity{position:sticky;left:62px;z-index:5;width:98px;min-width:98px;max-width:98px}thead .stickcity{z-index:8}.regioncell{background:#eaf1f0;color:#2a5867;font-weight:700}.citycell{background:white;text-align:left;padding:9px 11px}.citycell b,.citycell small{display:block}.citycell b{font-size:13px}.citycell small{font-size:11px;color:#879aa0;margin-top:3px;font-weight:400}.groupstart td,.groupstart th{border-top:2px solid #bdd1d2}.weather{position:relative;min-width:78px;height:65px;padding:7px 4px 5px}.weather.freezing{background:#bfd3e3}.weather.cold{background:#dce8ea}.weather.cool{background:#edf3ef}.weather.mild{background:#fff0d9}.weather.warm{background:#fbe0ce}.weather b{font-size:14px;color:#1d3f4c;white-space:nowrap}.weather b small{font-size:11px;padding:0 1px}.weather b sup{font-size:9px;margin-left:1px}.weather>span{display:block;font-size:11px;color:#4b6770;margin-top:4px;max-width:70px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coldarrow{color:#bb5730}.sourcedot{position:absolute;top:5px;right:5px;border-radius:50%;width:5px;height:5px;background:#ba7a49}.sourcedot.snapshot7{background:#237d8b}.sourcedot.snapshot15{background:#dc9a35}.tablefoot{display:flex;justify-content:space-between;padding:10px 23px;color:#8a9da3;font-size:12px}footer{color:#80939c;line-height:1.6;font-size:12px;padding:20px 4px}
@media(max-width:800px){.site{padding:0 12px 28px}.top{height:58px}.overview{padding:25px 2px 18px;display:block}.stats{margin-top:17px}.stats div{flex:1;height:61px}.workhead{display:block;padding:18px 15px 12px}.controls{margin-top:15px}.legend{padding:10px 14px;gap:8px 12px}.legend .legendnote{margin-left:0}.tablewrap{max-height:66vh}.stickregion{width:46px;min-width:46px;max-width:46px}.stickcity{left:46px;width:80px;min-width:80px;max-width:80px}.citycell{padding:7px}.topright{font-size:11px}.status span{border:0;padding:0}}
.sourcedot.live10{background:#13a67e}
.controls .compare{white-space:nowrap;cursor:pointer}.compare input{accent-color:#176b75;width:16px;height:16px;margin:0}.weather{height:78px}.weather .prior{display:block;margin-top:3px;font-size:10px;color:#657980;font-style:normal}.legend .legendnote{font-size:11px}
.weather>span{font-size:12px}.weather .prior{font-size:11px}.weather{min-width:88px}.weather b{font-size:15px}
footer a{color:#387586;text-decoration:underline;text-underline-offset:2px}
.weather.unknown{background:#f2f3f3}.sourcedot.unavailable{background:#9da8ac}
.weather{height:66px;overflow:hidden}.show-prior .weather{height:78px}
.weather::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.42}
.weather-sun::before{background:radial-gradient(circle at 78% 78%,#ffdf8c 0,transparent 48%)}
.weather-cloud::before{background:radial-gradient(ellipse at 83% 83%,#a9c4ce 0,transparent 53%)}
.weather-rain::before{background:repeating-linear-gradient(115deg,transparent 0 12px,#88b9cd 13px 14px,transparent 15px 24px)}
.weather-snow::before{background:radial-gradient(circle at 78% 75%,#fff 0,transparent 50%),radial-gradient(circle,#8eb5c8 1px,transparent 2px);background-size:auto,18px 18px}
.weather-storm::before{background:linear-gradient(135deg,transparent 45%,#d8b376 48%,transparent 53%)}
.weather-mist::before{background:repeating-linear-gradient(0deg,transparent 0 8px,#aac4c7 9px 10px,transparent 11px 18px)}
.weather>b,.weather>span:not(.weather-glyph),.weather>.prior{position:relative;z-index:1}.weather .sourcedot{z-index:2}
.weather>.weather-glyph{position:absolute;right:7px;bottom:2px;z-index:0;display:block;width:auto;max-width:none;margin:0;overflow:visible;color:#426c80;font-size:35px;line-height:1;opacity:.18;pointer-events:none}
.weather-sun>.weather-glyph{color:#bd772e}.weather-storm>.weather-glyph{color:#a47835}