:root{--mcr-bg: #0e1a2b;--bg: #edf2fb;--card: rgba(255, 255, 255, 0.92);--card-2: rgba(228, 228, 231, 0.33);--text-dark: #18181b;--text-body: #3f3f46;--text-light: #f4f4f5;--text-dim: #71717a;--brand: #1d4f9d;--line: rgba(143, 170, 212, 0.28);--shadow: 0 14px 34px rgba(16, 42, 84, 0.11);--panel-gap: 0.82rem}body{margin:0;min-height:100vh;overflow-x:hidden;width:100%;font-family:"Onest", "Chiron Hei HK", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "PingFang TC", "Microsoft JhengHei", sans-serif;color:var(--text-body);background:linear-gradient(180deg, #f6f9ff, var(--bg));padding:0;font-size:16px;line-height:1.5;font-weight:400}.site-header,main,footer{width:Min(1120px, calc(100% - 1.8rem));margin-inline:auto;box-sizing:border-box}.site-header{padding:1.15rem 0 1rem;display:flex;justify-content:space-between;align-items:center;gap:0.9rem}.brand-wrap{display:flex;gap:0.75rem;align-items:center}.logo-mark{width:48px;height:48px;border-radius:12px;object-fit:contain}.brand-overline{margin:0;font-size:0.82rem;color:var(--mcr-bg);opacity:0.5}h1{margin:0;font-size:clamp(1.2rem, 3vw, 1.85rem);line-height:1.2;color:var(--mcr-bg)}.telegram-btn{text-decoration:none;color:#fff;font-weight:700;padding:0.5rem 0.9rem;border-radius:999px;display:inline-flex;align-items:center;gap:0.4rem;transition:transform 0.2s, box-shadow 0.2s}.telegram-btn:hover{color:#fff;opacity:0.8}.telegram-btn:active{transform:scale(0.96)}.tg-icon{width:18px;height:18px;stroke-width:2.5px}.panel{margin-bottom:var(--panel-gap);background:var(--card);border-radius:18px;box-shadow:0 3px 6px rgba(16,42,84,0.1);padding:0.95rem;width:auto !important}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:0.8rem;margin-bottom:0.65rem}.wind-index-graph{height:100%}h2,h3{font-size:1rem;font-weight:600;margin:0}h2{color:var(--mcr-bg)}h3{color:var(--text-dark);letter-spacing:0.05rem}.gradient-bg{background:linear-gradient(to bottom, oklch(from var(--gradient-bg) calc(l + 0.02) c h), oklch(from var(--gradient-bg) calc(l - 0.02) c h)),var(--gradient-bg)}.hero-card{padding:1.05rem}.hero-card.light{color:var(--text-dark)}.hero-card.dark{color:var(--text-light)}.hero-icon{width:122px;height:122px;object-fit:contain}.hero-narrative{margin:0;font-size:clamp(1.5rem, 2.5vw, 1.8rem);font-weight:500;line-height:1.5;letter-spacing:0.05rem;text-wrap:balance}.hero-two-col{display:grid;grid-template-columns:auto auto;gap:2rem}.hero-left,.hero-right{border-radius:14px;background:transparent;min-height:245px;padding:0.78rem}.hero-left{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:0.5rem}.hero-right-top{display:flex;flex-direction:column;align-items:flex-start;gap:0.4rem}.hero-right{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:1rem}.hero-right-bottom{width:100%;display:flex;flex:1;justify-content:flex-end;align-items:flex-end}.update-time{color:var(--text-dim);font-size:0.8rem;white-space:nowrap}.warning-icons{display:flex;gap:0.5rem;flex-wrap:wrap;justify-content:flex-end;align-items:flex-start}.warning-badge{width:64px;height:64px;border-radius:16px;display:grid;place-items:center}.warning-badge img{width:84%;height:84%;filter:drop-shadow(0 2px 2px rgba(16,42,84,0.2))}.hero-nums-wrapper{text-align:right;display:flex;flex-direction:column;align-items:flex-start;gap:0.25rem;flex-shrink:1;min-width:0}.hero-location{display:inline-flex;align-items:center;gap:0.2rem;height:clamp(0.75rem, 3.2vw, 1.2rem);margin-bottom:0.4rem;opacity:0.5}.hero-location svg{height:100%;fill:currentColor}.hero-location span{font-size:clamp(0.75rem, 3.2vw, 1.2rem);white-space:nowrap}.hero-num{font-size:clamp(1.75rem, 7.5vw, 2.75rem);font-weight:550;line-height:1;white-space:nowrap;letter-spacing:0.1rem}.hero-num big{font-size:clamp(2.5rem, 10vw, 3.5rem)}.hero-wind-inline{margin-top:0.1rem;display:inline-flex;align-items:baseline;gap:0.5rem;white-space:nowrap}.wind-label{opacity:0.82;font-size:0.9rem}.wind-value{font-size:clamp(1.3rem, 3.8vw, 2.2rem);font-weight:500}.advice-grid{display:grid;gap:0.58rem}.advice{border-radius:12px;padding:0.66rem 1rem;background:var(--card-2)}.main-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--panel-gap)}.main-grid-left{grid-column:span 1}.main-grid-right{grid-column:span 2}.advice h3{margin-bottom:0.4rem;font-size:0.9rem}.advice p{margin:0;text-align:justify}.map-wrap{border-radius:12px;background:#f8fbff}.map-stage{position:relative;width:100%;aspect-ratio:15 / 11;border-radius:10px;overflow:hidden;transition:opacity 0.3s}.hk-map-base,#districtOverlay{position:absolute;inset:0;width:100%;height:100%}.district-list-view{display:none;padding:0.5rem}.district-list-view.is-visible{display:block}.district-temp-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:0.6rem}.district-temp-list li{background:white;border-radius:10px;padding:0.7rem 0.9rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(16,42,84,0.04);border:1px solid var(--line)}.district-temp-list .d-name{font-size:0.9rem;font-weight:500;color:var(--text-dim)}.district-temp-list .d-temp{font-size:1rem;font-weight:800}.panel-head-btn{background:white;border:1px solid var(--line);padding:0.3rem 0.8rem;border-radius:20px;font-size:0.8rem;cursor:pointer;color:var(--text);font-family:inherit;transition:all 0.2s}.panel-head-btn:hover{background:#f0f4f8}.wind-now-card{display:inline-flex;align-items:center;gap:0.5rem;padding:0.66rem 1rem;border-radius:12px;background:var(--card-2)}.wind-index-row{display:flex;flex-direction:row;gap:0.6rem;justify-content:center;align-items:stretch}.wind-now-arrow-wrap{width:32px;height:32px;display:grid;place-items:center}.wind-now-arrow-wrap svg{width:75%;height:75%;fill:var(--text-dark);stroke:var(--text-dark);stroke-width:10px;stroke-linejoin:round}.wind-now-text{display:flex;flex-direction:column;align-items:flex-start;gap:0.05rem;line-height:1.1}.wind-now-index{font-size:2rem;font-weight:500;color:var(--text-dark)}.wind-now-level{font-size:1rem;font-weight:500;color:var(--text-dim);white-space:nowrap;letter-spacing:0.05rem}.wind-trend-card{padding:0.5rem 0.6rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:0.3rem}.wind-trendline{width:100%;max-height:40px;display:block}.wind-trendline-stroke{fill:none;stroke:#101828;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}.wind-trend-scale{display:flex;justify-content:space-between;font-size:0.72rem;color:var(--text-dim)}.wind-reference-line{stroke-width:4;opacity:0.8}.wind-reference-text{font-size:64px;font-weight:500}.wind-special-line{stroke:var(--text-dim);stroke-width:4;stroke-dasharray:10 10;opacity:0.5}.wind-special-text{font-size:36px;font-weight:400;color:var(--text-dim);opacity:0.5}.hk-map-base{object-fit:cover}#districtOverlay{pointer-events:none}#districtOverlay .district-temp-value{font-size:64px;font-weight:800;paint-order:stroke;stroke:rgba(0,0,0,0.2);text-shadow:0 3px 4px rgba(0,0,0,0.45);stroke-width:5px}#districtOverlay .district-temp-value .big{font-size:96px}#districtOverlay .district-temp-name{font-size:36px;font-weight:500;fill:#52525b}.legend{margin-top:0.46rem;display:flex;gap:0.46rem;flex-wrap:wrap;font-size:0.8rem;color:var(--text-dim)}.legend-chip{border-radius:999px;padding:0.18rem 0.5rem;background:var(--card-2);display:inline-flex;gap:0.26rem;align-items:center}.legend-dot{width:10px;height:10px;border-radius:999px}.rain-bars{display:grid;gap:0.43rem}.rain-row{display:grid;grid-template-columns:52px 1fr 38px;gap:0.45rem;align-items:center}.rain-track{height:8px;border-radius:999px;background:#dbe7f8;overflow:hidden}.rain-fill{height:100%;background:#3a7ddd}.nine-day{overflow-x:auto;padding-bottom:0.2rem}.nine-scroll{display:flex;justify-content:center;gap:0rem;min-width:37rem;align-items:start;--strip-height: 300px;--strip-scale: 1}.day-col{display:flex;flex-direction:column;align-items:center;text-align:center;width:calc(5rem * var(--strip-scale));gap:calc(0.5rem * var(--strip-scale))}.day-head{font-size:calc(1rem * var(--strip-scale));line-height:1.3;font-weight:500}.day-head.is-sunday,.day-head.is-holiday{color:#dc2626}.day-head.is-saturday{color:#2563eb}.capsule-track{position:relative;height:calc(var(--strip-height) * var(--strip-scale));width:calc(4rem * var(--strip-scale))}.capsule-track .capsule{position:absolute;left:0;right:0;top:calc(var(--capsule-top) * var(--strip-scale));height:calc(var(--capsule-height) * var(--strip-scale));margin:0 auto;width:100%;border-radius:8rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;box-shadow:inset 0 -2px 1px rgba(0,0,0,0.08);font-size:calc(1.5rem * var(--strip-scale));font-weight:500;line-height:1}.capsule.light{color:var(--text-dark)}.capsule.dark{color:var(--text-light)}.capsule .icon-t-high,.capsule .t-low{margin-top:calc(0.5rem * var(--strip-scale))}.capsule .icon{width:calc(2.5rem * var(--strip-scale));height:calc(2.5rem * var(--strip-scale))}.capsule .t-low{margin-bottom:calc(0.75rem * var(--strip-scale))}.aqhi-main{font-size:1.5rem;font-weight:900;margin-bottom:0.25rem}.aqhi-box p{margin:0}.bottom-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--panel-gap)}.astro-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.95rem;margin-bottom:0.7rem}.astro-day h3{margin:0 0 0.32rem}.solar-terms{padding:0.2rem 0.1rem 0.1rem}.solar-terms h3{margin:0 0 0.32rem}.overview-list{margin:0;padding:0;list-style:none}.overview-list li{display:flex;justify-content:space-between;gap:0.6rem;padding:0.43rem 0;margin:0}.overview-list li+li{border-top:1px solid var(--line)}.overview-list .k{color:var(--text-dim)}.overview-list .v{font-weight:700;text-align:right}.is-hidden{display:none}footer{color:var(--text-dim);font-size:0.82rem;padding:0.25rem 0 1rem}footer p{margin:0.2rem 0}@media (max-width: 980px){.advice-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}.wind-now-text{flex-direction:row;align-items:baseline;gap:0.25rem}.main-grid{grid-template-columns:1fr;gap:0}.main-grid-left{grid-column:span 1}.main-grid-right{grid-column:span 1}.col-span-1,.col-span-2{grid-column:span 1}.bottom-grid{grid-template-columns:1fr}}@media (max-width: 780px){.advice-grid{grid-template-columns:1fr}.panel-head{gap:0.24rem}.wind-now-card{padding:0.45rem 0.55rem;gap:0.45rem}.wind-trend-card{padding:0.45rem 0.55rem}.hero-icon{width:104px;height:104px}.warning-badge{width:42px;height:42px;border-radius:12px}.main-grid-right{grid-column:span 3}.nine-scroll{--strip-scale: 0.9}}@media (max-width: 480px){.hero-left{min-height:auto;padding:0}.hero-icon{width:80px;height:80px}.hero-narrative{font-size:1rem}.hero-right{min-height:auto;padding:0}.hero-right>:only-child{align-items:center}.hero-right-top{flex:2;width:auto;flex-direction:row;justify-content:flex-start}.warning-icons{order:2;justify-content:flex-end;flex-wrap:wrap;overflow-x:auto;gap:0.3rem}.hero-nums-wrapper{order:1;align-items:flex-start;text-align:left;flex-shrink:0}.hero-location{margin-bottom:0.1rem;gap:0.1rem}.hero-num{letter-spacing:0.06rem}.wind-now-text{flex-direction:column;align-items:flex-start;gap:0.05rem}.wind-now-index{font-size:1.5rem}.wind-now-level{font-size:0.8rem}.main-grid{grid-template-columns:1fr;gap:0}.nine-scroll{--strip-scale: 0.8;min-width:33rem}}p,ul,ol,table,pre,dl{margin:0 0 20px}a{color:#60a5fa;text-decoration:none}