:root{--ocean-deep:#020d1f;--ocean-mid:#052847;--ocean-bright:#0a4a80;--ocean-light:#0d6ebd;--cyan:#00d4ff;--gold-dim:rgba(255,215,0,0.25);--glass:hsla(0,0%,100%,0.06);--glass-border:hsla(0,0%,100%,0.12);--text:#e8f4ff;--text-dim:#7ab8e0;--radius-lg:18px;--radius-md:12px;--radius-sm:8px;--ink:#040b18;--deep:#071428;--neon:#00e5ff;--aurora1:#00ffc8;--aurora2:#7b61ff;--aurora3:#ff6b9d;--gold:#f5c842;--white:#f0f7ff;--muted:#5a8ab0;--green:#00e5a0;--orange:#ff9f43;--red:#ff5c8a;--border:hsla(0,0%,100%,0.08)}a,a:active,a:hover,a:visited{text-decoration:none;color:burlywood;}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lexend,sans-serif;background:var(--ocean-deep);color:var(--text);min-height:100vh;overflow-x:hidden}body:before{background:radial-gradient(ellipse 80% 60% at 20% 10%,rgba(0,100,200,.35) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(0,60,140,.3) 0,transparent 60%),radial-gradient(ellipse 40% 40% at 50% 50%,rgba(10,74,128,.2) 0,transparent 70%)}body:after,body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none}body:after{background-image:linear-gradient(rgba(0,180,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(0,180,255,.03) 1px,transparent 0);background-size:40px 40px}.page{position:relative;z-index:1}.navbar{display:flex;align-items:center;gap:16px;padding:0 32px;height:64px;width:100%;background:rgba(2,13,31,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.search-wrap{flex:1;max-width:440px;margin:0 auto;position:relative}.search-wrap input{width:100%;padding:10px 48px 10px 18px;background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;color:var(--text);font-family:Lexend,sans-serif;font-size:13px;outline:none;transition:border-color .2s,box-shadow .2s}.search-wrap input::placeholder{color:var(--text-dim)}.search-wrap input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,212,255,.12)}.search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:var(--gold);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform .2s,box-shadow .2s}.search-btn:hover{transform:translateY(-50%) scale(1.1);box-shadow:0 0 12px rgba(255,215,0,.5)}.nav-actions{gap:10px;flex-shrink:0}.nav-actions,.nav-btn{display:flex;align-items:center}.nav-btn{gap:6px;padding:8px 14px;background:var(--glass);border:1px solid var(--glass-border);border-radius:50px;color:var(--text);font-family:Lexend,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.nav-btn:hover{background:rgba(0,212,255,.1);border-color:var(--cyan);color:var(--cyan)}.nav-btn .icon{font-size:14px}.location-bar{padding:8px 32px;background:rgba(0,70,150,.25);border-bottom:1px solid var(--gold-dim);gap:10px}.location-bar,.location-pill{display:flex;align-items:center}.location-pill{gap:6px;background:rgba(255,215,0,.1);border:1px solid var(--gold-dim);border-radius:20px;padding:4px 12px;font-size:12px;color:var(--gold);font-weight:500}.location-change{font-size:12px;color:var(--text-dim);cursor:pointer;text-decoration:underline;transition:color .2s}.location-change:hover{color:var(--cyan)}.hero{padding:28px 32px;background:linear-gradient(180deg,rgba(10,74,128,.15),transparent)}.hero-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;max-width:1100px;margin:0 auto}.main-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);overflow:hidden;position:relative}.main-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--cyan),var(--gold))}.main-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;background:linear-gradient(90deg,rgba(0,100,200,.3),rgba(0,150,200,.15));border-bottom:1px solid var(--glass-border)}.main-card-title{font-family:Barlow Condensed,sans-serif;font-size:22px;font-weight:700;color:#fff;letter-spacing:.02em}.update-badge{background:hsla(0,0%,100%,.1);border:1px solid var(--gold-dim);border-radius:20px;padding:4px 12px;font-size:11px;color:var(--text-dim)}.main-card-body{gap:20px}.main-card-body,.weather-visual{display:flex;justify-content:center}.weather-visual{padding:28px 32px;align-items:center}.big-icon{position:relative;width:110px;height:90px}.big-moon{position:absolute;top:0;right:4px;width:42px;height:42px;background:radial-gradient(circle at 35% 35%,#d0e8ff,#8bbfe8);border-radius:50%;box-shadow:inset -10px -3px 0 rgba(0,40,100,.4),0 0 20px rgba(100,180,255,.3)}.big-cloud{position:absolute;bottom:0;left:0;width:100px;height:50px;background:linear-gradient(135deg,rgba(200,230,255,.9),rgba(160,210,250,.7));border-radius:30px;backdrop-filter:blur(4px);box-shadow:0 8px 24px rgba(0,80,160,.3)}.big-cloud:before{top:-24px;left:18px;width:44px;height:44px}.big-cloud:after,.big-cloud:before{content:"";position:absolute;background:linear-gradient(135deg,rgba(210,235,255,.9),rgba(170,215,250,.7));border-radius:50%}.big-cloud:after{top:-14px;left:48px;width:34px;height:34px}.weather-data{padding:28px 24px 28px 0}.temp-display{display:flex;align-items:flex-start;gap:2px;margin-bottom:6px}.temp-num{font-size:96px;font-weight:900;line-height:.9;color:#fff;letter-spacing:-4px;text-shadow:0 0 40px rgba(0,212,255,.3)}.temp-num,.temp-unit{font-family:Barlow Condensed,sans-serif}.temp-unit{font-size:36px;font-weight:600;color:var(--cyan);margin-top:10px}.condition-name{font-size:20px;font-weight:600;color:var(--text);margin-bottom:4px}.feels-like{font-size:13px;color:var(--text-dim)}.stats-strip{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--glass-border)}.stat-item{padding:14px 10px;text-align:center;border-right:1px solid var(--glass-border);transition:background .2s;cursor:default}.stat-item:last-child{border-right:none}.stat-item:hover{background:rgba(0,212,255,.06)}.stat-emoji{font-size:18px;margin-bottom:4px}.stat-lbl{font-size:9px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.07em;margin-bottom:3px}.stat-val{font-size:13px;font-weight:700;color:var(--text)}.forecast-panel{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);padding:20px;display:flex;flex-direction:column;gap:35px;position:relative;overflow:hidden}.forecast-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cyan),var(--gold))}.forecast-label{font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:700;color:#fff;letter-spacing:.05em;text-transform:uppercase;padding-bottom:10px;border-bottom:1px solid var(--gold-dim)}.fc-day,.fc-days{display:flex;gap:8px}.fc-day{flex:1;background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 8px;text-align:center;cursor:pointer;transition:all .25s;flex-direction:column;align-items:center}.fc-day:hover{background:rgba(0,212,255,.1);border-color:var(--cyan);transform:translateY(-2px)}.fc-day.active{background:rgba(255,215,0,.12);border-color:var(--gold)}.fc-day-name{font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.fc-day.active .fc-day-name{color:var(--gold)}.mini-rain{position:relative;width:32px;height:28px}.mini-sun{position:absolute;top:0;right:0;width:16px;height:16px;background:radial-gradient(circle,#ffe566,#ffc700);border-radius:50%;box-shadow:0 0 6px rgba(255,200,0,.5)}.mini-cloud{bottom:4px;left:0;width:26px;height:13px;border-radius:8px}.mini-cloud,.mini-cloud:before{position:absolute;background:#a8d4f5}.mini-cloud:before{content:"";top:-7px;left:4px;width:11px;height:11px;border-radius:50%}.mini-drops{position:absolute;bottom:-4px;left:6px;display:flex;gap:4px}.mini-drops span{width:2px;height:5px;background:#60aee0;border-radius:2px;transform:rotate(15deg)}.fc-desc{font-size:10px;color:var(--text-dim)}.fc-pct{font-size:14px;font-weight:800;color:var(--gold);font-family:Barlow Condensed,sans-serif}.fc-range{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fc-range-btn{padding:8px 4px;background:hsla(0,0%,100%,.05);border:1px solid rgba(255,215,0,.2);border-radius:var(--radius-sm);color:var(--text-dim);font-family:Lexend,sans-serif;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.fc-range-btn:hover{background:rgba(255,215,0,.12);color:var(--gold);border-color:var(--gold)}.fc-range-btn.active{background:var(--gold);color:#002a60;border-color:var(--gold);font-weight:700}.section{padding:28px 32px;max-width:1100px;margin:0 auto}.section-title{font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:.04em;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:10px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--gold-dim),transparent)}.featured-wrap{padding:0 32px 32px}.featured-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;max-width:1100px;margin:0 auto}.cities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.city-widget{border-radius:var(--radius-lg);overflow:visible;position:relative;cursor:pointer;transition:transform .25s}.city-widget:hover{transform:translateY(-3px)}.city-header{background:linear-gradient(90deg,#005a9e,#09c);padding:5px 10px 5px 14px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);border-right:2px solid var(--gold);width:86%;border-radius:14px 14px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.city-name{color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.city-condition{font-size:13px;font-weight:700;letter-spacing:.02em;max-width:56%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;padding:2px 8px;border-radius:999px;color:#1d1d1a;font-style:italic}.city-condition.cond-cloud,.city-condition.cond-default,.city-condition.cond-fog,.city-condition.cond-rain,.city-condition.cond-snow,.city-condition.cond-sun,.city-condition.cond-wind{color:#1d1d1a}.city-body{background:linear-gradient(135deg,#003d6b,#06a,#004e8c);padding:14px 20px;display:flex;align-items:center;gap:14px;border-left:2px solid var(--gold);border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);border-radius:0 14px 14px 36px}.s-icon{position:relative;width:52px;height:44px;flex-shrink:0;overflow:hidden}.icon-fit{position:absolute;inset:0;transform-origin:center center}.icon-fit-forecast{transform:scale(.42)}.icon-fit-city{transform:scale(.6)}.s-sun{top:0;left:8px;width:28px;height:28px;background:radial-gradient(circle,#ffe566 60%,#ffc700 100%);box-shadow:0 0 0 4px rgba(255,200,0,.2)}.s-sun,.s-sun:before{position:absolute;border-radius:50%}.s-sun:before{content:"";inset:-8px;background:repeating-conic-gradient(rgba(255,200,0,.5) 0deg 10deg,transparent 10deg 20deg);z-index:-1}.s-cloud{position:absolute;bottom:0;left:0;width:46px;height:22px;background:#cce4f7;border-radius:14px}.s-cloud:before{top:-10px;left:8px;width:18px;height:18px}.s-cloud:after,.s-cloud:before{content:"";position:absolute;background:#cce4f7;border-radius:50%}.s-cloud:after{top:-6px;left:20px;width:14px;height:14px}.s-moon{top:0;right:4px;background:radial-gradient(circle at 35% 35%,#d0e8ff,#8bbfe8);box-shadow:inset -5px -2px 0 rgba(0,40,100,.45)}.s-moon,.wi-sun{position:absolute;width:24px;height:24px;border-radius:50%}.wi-sun{top:2px;left:10px;background:radial-gradient(circle,#ffe566 55%,#ffc700 100%);box-shadow:0 0 0 4px rgba(255,200,0,.2)}.wi-sun.wi-small{top:0;left:6px;width:20px;height:20px;box-shadow:0 0 0 3px rgba(255,200,0,.18)}.wi-sun.wi-hot{background:radial-gradient(circle,#ffd166 50%,#ff6b35 100%);box-shadow:0 0 12px rgba(255,107,53,.45)}.wi-cloud{position:absolute;bottom:2px;left:2px;width:42px;height:20px;border-radius:12px;background:#cce4f7}.wi-cloud:before{top:-8px;left:7px;width:15px;height:15px}.wi-cloud:after,.wi-cloud:before{content:"";position:absolute;border-radius:50%;background:#cce4f7}.wi-cloud:after{top:-5px;left:19px;width:12px;height:12px}.wi-cloud.wi-dark,.wi-cloud.wi-dark:after,.wi-cloud.wi-dark:before{background:#809cc0}.wi-rain{position:absolute;left:9px;bottom:-2px;width:2px;height:8px;border-radius:2px;background:#5db0ec;box-shadow:8px 1px 0 #5db0ec,16px -1px 0 #5db0ec}.wi-rain.wi-short{height:6px;box-shadow:8px 0 0 #5db0ec}.wi-bolt{position:absolute;left:20px;bottom:2px;width:0;height:0;border-left:5px solid transparent;border-right:2px solid transparent;border-top:14px solid gold;transform:skewX(-10deg);filter:drop-shadow(0 0 6px rgba(255,215,0,.6))}.wi-fog{bottom:8px;width:40px;background:rgba(200,230,255,.9);box-shadow:0 6px 0 rgba(200,230,255,.75),6px 12px 0 rgba(200,230,255,.6)}.wi-fog,.wi-wind{position:absolute;left:2px;height:2px;border-radius:2px}.wi-wind{top:12px;width:44px;background:#8cd6ff;box-shadow:6px -6px 0 #8cd6ff,2px 6px 0 #8cd6ff}.wi-snow{width:4px;height:4px;background:#d8eeff;box-shadow:8px 0 0 #d8eeff,16px 1px 0 #d8eeff}.wi-hail,.wi-snow{position:absolute;left:10px;bottom:-1px;border-radius:50%}.wi-hail{width:5px;height:5px;background:#d5ecff;box-shadow:9px 1px 0 #d5ecff,18px -1px 0 #d5ecff}.wi-typhoon-ring{top:6px;left:10px;width:26px;height:26px;border-color:rgba(165,125,255,.85) rgba(165,125,255,.4) rgba(165,125,255,.85) transparent;border-style:solid;border-width:3px;transform:rotate(22deg)}.wi-typhoon-eye,.wi-typhoon-ring{position:absolute;border-radius:50%}.wi-typhoon-eye{top:16px;left:20px;width:6px;height:6px;background:#d7c4ff}.city-temps{display:flex;align-items:center;gap:14px;flex:1}.city-t-low{font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:700;color:#a8d4f5;line-height:1}.city-sep{width:2px;height:36px;background:rgba(255,215,0,.35);border-radius:2px}.city-t-high{font-family:Barlow Condensed,sans-serif;font-size:52px;font-weight:900;color:#fff;line-height:1;letter-spacing:-1px}.right-col{display:flex;flex-direction:column;gap:16px}.map-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(10px)}.map-header{padding:12px 18px;background:rgba(0,80,160,.3);border-bottom:1px solid var(--glass-border);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;color:var(--cyan);letter-spacing:.05em;text-transform:uppercase}.map-body{height:160px;background:radial-gradient(ellipse at 30% 50%,rgba(0,100,200,.4),transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(0,180,200,.3),transparent 50%),linear-gradient(135deg,#021a3a,#041e4a);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px;position:relative;overflow:hidden}.map-overlay{position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230060aa' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.map-label{position:relative;z-index:1;text-align:center}.map-label span{display:block;font-size:24px;margin-bottom:6px}.news-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(10px);overflow:hidden;flex:1}.news-header{padding:12px 18px;background:rgba(0,80,160,.3);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;align-items:center}.news-header h3{font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700;color:var(--cyan);letter-spacing:.05em;text-transform:uppercase}.news-more{font-size:11px;color:var(--gold);cursor:pointer;text-decoration:none;transition:opacity .2s}.news-more:hover{opacity:.7}.news-list{padding:10px 14px;display:flex;flex-direction:column;gap:0}.news-item{display:flex;gap:10px;align-items:flex-start;border-bottom:1px solid hsla(0,0%,100%,.06);cursor:pointer;transition:background .2s;border-radius:8px;padding:8px}.news-item:hover{background:rgba(0,212,255,.05)}.news-item:last-child{border-bottom:none}.news-thumb{width:54px;height:40px;border-radius:6px;background:linear-gradient(135deg,#0a4a80,#0d6ebd);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:18px}.news-text{flex:1}.news-title{font-size:11px;font-weight:500;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-date{font-size:10px;color:var(--text-dim);margin-top:3px}.provinces-wrap{padding:0 32px 40px}.provinces-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--glass-border);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--glass-border);max-width:1100px;margin:0 auto}.province-item{background:var(--glass);backdrop-filter:blur(10px);padding:13px 16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background .2s}.province-item:hover{background:rgba(0,212,255,.08)}.province-name{font-size:13px;font-weight:500;color:var(--text)}.province-arrow{width:22px;height:22px;background:rgba(0,212,255,.1);border:1px solid rgba(0,212,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--cyan);transition:all .2s}.province-item:hover .province-arrow{background:var(--cyan);color:#002a60}footer{background:rgba(2,13,31,.9);border-top:1px solid var(--glass-border);padding:24px 32px;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-logo,footer{display:flex;align-items:center}.footer-logo{gap:8px}.footer-logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--cyan),var(--ocean-light));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.footer-name{font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800;color:var(--cyan)}.footer-copy{font-size:11px;color:var(--text-dim);text-align:center}.footer-links{display:flex;gap:18px}.footer-link{font-size:11px;color:var(--text-dim);cursor:pointer;transition:color .2s}.footer-link:hover{color:var(--cyan)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.featured-grid,.hero-grid,.provinces-wrap{animation:fadeUp .5s ease both}.featured-wrap{animation:fadeUp .5s ease .1s both}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr 260px}.featured-grid{grid-template-columns:1fr 280px}.provinces-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.navbar{padding:0 16px;gap:10px;height:56px}.logo-sub,.nav-actions{display:none}.location-bar{padding:7px 16px}.hero{padding:14px 16px}.hero-grid{grid-template-columns:1fr;gap:14px}.forecast-panel{order:2}.main-card-header{padding:14px 18px 12px}.main-card-title{font-size:18px}.featured-wrap{padding:0 16px 24px}.featured-grid{grid-template-columns:1fr;gap:16px}.right-col{flex-direction:row;gap:14px}.news-card{flex:1}.section{padding:20px 16px}.provinces-grid{grid-template-columns:repeat(3,1fr)}footer{padding:16px;flex-direction:column;text-align:center;gap:10px}.footer-links{justify-content:center}}@media (max-width:600px){.navbar{padding:0 12px;height:52px;gap:8px}.logo-name{font-size:15px}.search-wrap{max-width:none}.search-wrap input{font-size:12px;padding:8px 40px 8px 14px}.location-bar{padding:6px 12px;flex-wrap:wrap;gap:6px}.location-pill{font-size:11px;padding:3px 10px}.hero{padding:12px}.main-card-header{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px}.main-card-title{font-size:16px}.update-badge{font-size:10px}.main-card-body{grid-template-columns:auto 1fr}.weather-visual{padding:20px 16px}.big-icon{width:80px;height:68px}.big-moon{width:30px;height:30px}.big-cloud{width:72px;height:36px}.weather-data{padding:20px 16px 16px 0}.temp-num{font-size:64px;letter-spacing:-2px}.temp-unit{font-size:26px;margin-top:8px}.condition-name{font-size:16px}.feels-like{font-size:12px}.stats-strip{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(3){border-right:none}.stat-item:nth-child(4),.stat-item:nth-child(5),.stat-item:nth-child(6){border-top:1px solid var(--glass-border)}.stat-item:nth-child(6){border-right:none}.stat-emoji{font-size:16px}.stat-val{font-size:12px}.stat-lbl{font-size:8px}.forecast-panel{padding:16px}.forecast-label{font-size:14px}.fc-days{gap:6px}.fc-day{padding:10px 4px;gap:5px;border-radius:10px}.fc-day-name{font-size:9px}.fc-pct{font-size:12px}.fc-desc{font-size:9px}.fc-range{grid-template-columns:repeat(4,1fr);gap:5px}.fc-range-btn{font-size:10px;padding:7px 2px}.section-title{font-size:16px}.cities-grid{grid-template-columns:1fr;gap:10px}.city-body{padding:12px 16px}.city-t-low{font-size:32px}.city-t-high{font-size:44px}.city-sep{height:30px}.right-col{flex-direction:column}.map-body{height:auto}.news-list{padding:8px 10px}.news-item{padding:6px;gap:8px}.news-thumb{width:44px;height:34px;font-size:16px}.news-title{font-size:11px}.provinces-grid{grid-template-columns:repeat(2,1fr)}.province-name{font-size:12px}.province-item{padding:11px 12px}footer{padding:16px 12px;gap:8px}.footer-copy{font-size:10px}}@media (max-width:380px){.temp-num{font-size:52px}.temp-unit{font-size:22px}.big-icon{width:64px;height:54px}.cities-grid{grid-template-columns:1fr}.city-t-low{font-size:28px}.city-t-high{font-size:38px}.fc-range,.provinces-grid{grid-template-columns:repeat(2,1fr)}.search-wrap input{padding:7px 36px 7px 12px;font-size:11px}.logo-name{font-size:13px}}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);cursor:pointer;padding:8px;flex-shrink:0;transition:background .2s,border-color .2s}.hamburger:hover{background:rgba(0,212,255,.12);border-color:var(--cyan)}.hamburger span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease;transform-origin:center}.hamburger.open span:first-child{transform:translateY(7px) rotate(45deg);background:var(--cyan)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--cyan)}.mobile-menu{display:none;position:fixed;top:52px;left:0;right:0;background:rgba(2,13,31,.97);backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);z-index:99;padding:0;max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.mobile-menu.open{max-height:calc(100vh - 52px);padding:12px 0 20px;overflow-y:auto}.mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.05);transition:background .2s,color .2s}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover{background:rgba(0,212,255,.08);color:var(--cyan)}.mobile-menu-item .m-icon{font-size:18px;width:24px}.mobile-menu-item .m-badge{margin-left:auto;background:var(--gold);color:#002a60;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px}.mobile-menu-divider{height:1px;background:var(--glass-border);margin:8px 20px}@media (max-width:900px){.hamburger{display:flex}.mobile-menu{display:block}.search-wrap{display:none}.navbar{padding:0 16px;justify-content:space-between;gap:0;width:100%}}@media (max-width:600px){.mobile-menu{top:52px}}.nav-dropdown{position:relative}.dropdown-panel{position:absolute;top:calc(100% + 12px);right:0;width:520px;background:rgba(2,15,35,.97);backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-top:2px solid var(--gold);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,.6);z-index:200;opacity:0;pointer-events:none;transform:translateY(-8px);overflow:hidden}.dropdown-panel.open{opacity:1;pointer-events:all;}.dropdown-header{padding:14px 20px 10px;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;justify-content:space-between}.dropdown-title{font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:800;color:var(--gold);letter-spacing:.06em;text-transform:uppercase}.dropdown-close{width:26px;height:26px;background:var(--glass);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-dim);font-size:13px;transition:all .2s}.dropdown-close:hover{background:rgba(255,80,80,.2);color:#ff6060;border-color:#ff6060}.dropdown-body{padding:16px 20px 20px}.region-label{font-size:10px;font-weight:700;color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;display:flex;align-items:center;gap:8px}.region-label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(0,212,255,.3),transparent)}.province-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.p-chip{padding:6px 13px;background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;transition:all .18s;white-space:nowrap}.p-chip:hover{background:rgba(0,212,255,.14);border-color:var(--cyan);color:var(--cyan);transform:translateY(-1px)}.p-chip.selected{background:var(--gold);border-color:var(--gold);color:#002a60;font-weight:700}@media (max-width:900px){.dropdown-panel{position:fixed;top:52px;left:0;right:0;width:100%;border-radius:0;max-height:calc(100vh - 52px);overflow-y:auto}}.logo{display:flex;align-items:center;gap:14px;cursor:pointer;text-decoration:none}.logo-icon{width:40px;height:40px;position:relative;flex-shrink:0}.diamond-glow{inset:-3px;border:1px solid rgba(0,229,255,.18);border-radius:12px;animation:glowRing 4s ease-in-out infinite}.diamond-frame,.diamond-glow{position:absolute;transform:rotate(45deg)}.diamond-frame{inset:0;border:2px solid rgba(0,229,255,.5);border-radius:10px;background:linear-gradient(145deg,rgba(0,229,255,.12),rgba(124,58,237,.18));animation:diamondBreath 4s ease-in-out infinite}.diamond-fill{position:absolute;inset:5px;border-radius:7px;transform:rotate(45deg);background:linear-gradient(145deg,rgba(4,11,24,.96),rgba(10,22,46,.92))}.d-sun-ring{position:absolute;top:8px;left:50%;width:24px;height:24px;transform:translate(-50%,-8px);animation:raySpin 9s linear infinite;z-index:2}.d-sun-ring:after,.d-sun-ring:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,210,0,.45);border-radius:3px}.d-sun-ring:before{width:2px;height:24px}.d-sun-ring:after{width:24px;height:2px}.d-sun-ring2{position:absolute;top:8px;left:50%;width:24px;height:24px;transform:translate(-50%,-8px) rotate(45deg);animation:raySpin 9s linear infinite;z-index:2}.d-sun-ring2:after,.d-sun-ring2:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,210,0,.28);border-radius:3px}.d-sun-ring2:before{width:2px;height:24px}.d-sun-ring2:after{width:24px;height:2px}.d-sun{top:8px;width:13px;height:13px;background:radial-gradient(circle,#fff7a0 28%,#ffe94d 58%,#ffb800);border-radius:50%;box-shadow:0 0 12px rgba(255,200,0,.7),0 0 24px rgba(255,200,0,.28);animation:sunPulse 3s ease-in-out infinite}.d-cloud,.d-sun{position:absolute;left:50%;transform:translateX(-50%);z-index:3}.d-cloud{bottom:8px;width:28px;height:12px;background:linear-gradient(135deg,rgba(0,229,255,.88),rgba(0,185,228,.72));border-radius:12px;box-shadow:0 2px 10px rgba(0,200,240,.25)}.d-cloud:before{top:-7px;left:5px;width:14px;height:14px;background:linear-gradient(135deg,rgba(0,235,255,.9),rgba(0,195,235,.75))}.d-cloud:after,.d-cloud:before{content:"";position:absolute;border-radius:50%}.d-cloud:after{top:-5px;left:15px;width:10px;height:10px;background:rgba(0,230,255,.85)}.logo-text{display:flex;flex-direction:column;gap:3px}.logo-wordmark{font-family:Syne,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.04em;line-height:1;display:flex;align-items:baseline}.wm-white{color:#f0f7ff}.wm-neon{color:#00e5ff;text-shadow:0 0 24px rgba(0,229,255,.42)}.wm-num{font-size:15px;font-weight:500;color:#f5c842;text-shadow:0 0 18px rgba(245,200,66,.38)}.wm-domain,.wm-num{font-family:DM Mono,monospace;margin-left:1px}.wm-domain{font-size:9px;font-weight:400;color:rgba(245,200,66,.6);padding-bottom:2px;align-self:flex-end}.logo-divider{width:100%;height:1px;background:linear-gradient(90deg,#00e5ff,rgba(124,58,237,.6),transparent);opacity:.45}.logo-tagline{font-family:DM Mono,monospace;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#5a8ab0;display:flex;align-items:center;gap:7px}.logo-tagline:before{content:"";width:14px;height:1px;background:linear-gradient(90deg,#00e5ff,transparent);flex-shrink:0}@keyframes diamondBreath{0%,to{box-shadow:none;border-color:rgba(0,229,255,.5)}50%{box-shadow:0 0 20px rgba(0,229,255,.2),0 0 40px rgba(0,229,255,.08);border-color:rgba(0,229,255,.8)}}@keyframes glowRing{0%,to{opacity:.2;transform:rotate(45deg) scale(1)}50%{opacity:.7;transform:rotate(45deg) scale(1.08)}}@keyframes sunPulse{0%,to{box-shadow:0 0 12px rgba(255,200,0,.7),0 0 24px rgba(255,200,0,.28)}50%{box-shadow:0 0 20px rgba(255,200,0,.95),0 0 40px rgba(255,200,0,.45)}}@keyframes raySpin{0%{transform:translate(-50%,-8px) rotate(0deg)}to{transform:translate(-50%,-8px) rotate(1turn)}}