.weather-app{--wx-radius:22px;--wx-glass:rgba(8, 12, 26, 0.42);--wx-glass-2:rgba(8, 12, 26, 0.62);--wx-brd:rgba(255, 255, 255, 0.14);--wx-hero-txt:#f2f8ff;--wx-hero-dim:rgba(242, 248, 255, 0.68);--wx-accent:var(--neon-cyan, #00e5ff);--wx-accent-2:var(--neon-pink, #ff2fd0);display:flex;flex-direction:column;gap:18px;width:100%;animation:wxIn .55s cubic-bezier(.22,1,.36,1)}@keyframes wxIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.wx-searchbar{position:relative;z-index:200;display:flex;gap:10px;align-items:stretch;flex-wrap:wrap}.wx-search-wrap{position:relative;flex:1 1 280px;display:flex;align-items:center;background:rgba(10,12,24,.62);border:1px solid var(--wx-brd);border-radius:16px;padding:0 14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 0 24px rgba(0,229,255,.08),inset 0 0 24px rgba(0,229,255,.04);transition:border-color .3s,box-shadow .3s}.wx-search-wrap:focus-within{border-color:var(--wx-accent);box-shadow:0 0 32px rgba(0,229,255,.28),inset 0 0 28px rgba(0,229,255,.06)}.wx-search-icon{font-size:15px;opacity:.55;margin-right:10px;flex:0 0 auto}#wxSearchInput{flex:1;background:0 0;border:none;outline:0;color:#eaf4ff;font-family:inherit;font-size:15px;padding:15px 0;letter-spacing:.5px;min-width:0}#wxSearchInput::placeholder{color:rgba(234,244,255,.35)}.wx-clear{background:0 0;border:none;color:rgba(234,244,255,.45);cursor:pointer;font-size:15px;padding:4px 6px;display:none;transition:color .2s}.wx-clear:hover{color:var(--wx-accent)}.wx-clear.show{display:block}.wx-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:rgba(10,12,24,.96);border:1px solid var(--wx-brd);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 60px -16px rgba(0,0,0,.85),0 0 0 1px rgba(0,229,255,.08);max-height:300px;overflow-y:auto;z-index:300;display:none;padding:6px}.wx-suggestions.show{display:block}.wx-sugg-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;cursor:pointer;transition:background .18s,transform .18s;font-size:14px}.wx-sugg-item.active,.wx-sugg-item:hover{background:rgba(0,229,255,.12);transform:translateX(3px)}.wx-sugg-flag{font-size:18px;flex:0 0 auto}.wx-sugg-name{flex:1;min-width:0}.wx-sugg-name b{font-weight:400;color:#fff}.wx-sugg-name small{display:block;font-size:11.5px;opacity:.5;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wx-sugg-empty{padding:16px;text-align:center;font-size:13px;opacity:.45}.wx-icon-btn{flex:0 0 auto;width:52px;border-radius:16px;border:1px solid var(--wx-brd);background:rgba(10,12,24,.62);color:#eaf4ff;font-size:19px;cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:.25s;display:flex;align-items:center;justify-content:center}.wx-icon-btn:hover{border-color:var(--wx-accent);box-shadow:0 0 26px rgba(0,229,255,.3);transform:translateY(-2px)}.wx-icon-btn.busy{animation:wxPulse 1s infinite}@keyframes wxPulse{50%{opacity:.45}}.wx-unit-toggle{display:flex;flex:0 0 auto;border:1px solid var(--wx-brd);border-radius:16px;overflow:hidden;background:rgba(10,12,24,.62);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.wx-unit-toggle button{background:0 0;border:none;color:rgba(234,244,255,.55);font-family:inherit;font-size:15px;padding:0 18px;cursor:pointer;transition:.25s}.wx-unit-toggle button.active{background:linear-gradient(135deg,rgba(0,229,255,.22),rgba(255,47,208,.18));color:#fff;text-shadow:0 0 12px rgba(0,229,255,.7)}.wx-status{display:none;text-align:center;padding:22px;font-size:14px;letter-spacing:.5px;border-radius:16px;border:1px solid var(--wx-brd);background:rgba(10,12,24,.5);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.wx-status.loading{color:var(--wx-accent)}.wx-status.error{color:#ff5c7a;border-color:rgba(255,92,122,.35)}.wx-spinner{display:inline-block;width:13px;height:13px;margin-right:9px;vertical-align:-2px;border:2px solid rgba(0,229,255,.25);border-top-color:var(--wx-accent);border-radius:50%;animation:wxSpin .7s linear infinite}@keyframes wxSpin{to{transform:rotate(360deg)}}.wx-empty{text-align:center;padding:46px 22px 38px;border-radius:var(--wx-radius);border:1px dashed rgba(255,255,255,.16);background:radial-gradient(circle at 50% 0,rgba(0,229,255,.08),transparent 70%)}.wx-empty-emoji{font-size:60px;line-height:1;margin-bottom:16px;animation:wxFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 26px rgba(0, 229, 255, .5))}@keyframes wxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}.wx-empty h3{font-family:Orbitron,sans-serif;font-size:18px;letter-spacing:2px;margin:0 0 8px;color:#fff}.wx-empty p{margin:0 0 24px;font-size:13.5px;opacity:.5}.wx-chips{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.wx-chip{background:rgba(0,229,255,.07);border:1px solid rgba(0,229,255,.28);color:#cdf6ff;border-radius:100px;padding:8px 18px;font-family:inherit;font-size:13px;cursor:pointer;transition:.25s}.wx-chip:hover{background:rgba(0,229,255,.2);border-color:var(--wx-accent);color:#fff;box-shadow:0 0 22px rgba(0,229,255,.38);transform:translateY(-2px)}.wx-display{display:none;flex-direction:column;gap:18px}.wx-display.show{display:flex}.wx-hero{position:relative;border-radius:var(--wx-radius);overflow:hidden;min-height:360px;border:1px solid var(--wx-brd);box-shadow:0 30px 70px -26px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.05);isolation:isolate}.wx-sky{position:absolute;inset:0;background:linear-gradient(165deg,var(--wx-sky-1,#0b1026) 0,var(--wx-sky-2,#1a2450) 46%,var(--wx-sky-3,#2e3a75) 100%);transition:--wx-sky-1 1.6s ease,--wx-sky-2 1.6s ease,--wx-sky-3 1.6s ease;overflow:hidden}.wx-sky.sky-clear-day{--wx-sky-1:#1c3f9c;--wx-sky-2:#4f92e6;--wx-sky-3:#ffcf85}.wx-sky.sky-clear-night{--wx-sky-1:#02030c;--wx-sky-2:#0a1132;--wx-sky-3:#251a4d}.wx-sky.sky-partly-day{--wx-sky-1:#1e4a8f;--wx-sky-2:#5f9ad8;--wx-sky-3:#b9d4f0}.wx-sky.sky-partly-night{--wx-sky-1:#050718;--wx-sky-2:#111a3d;--wx-sky-3:#2c2a55}.wx-sky.sky-cloudy{--wx-sky-1:#232a3d;--wx-sky-2:#414b63;--wx-sky-3:#6f7a92}.wx-sky.sky-cloudy-night{--wx-sky-1:#06080f;--wx-sky-2:#161c2c;--wx-sky-3:#2a3244}.wx-sky.sky-fog{--wx-sky-1:#2a2f3a;--wx-sky-2:#4b525f;--wx-sky-3:#7c8593}.wx-sky.sky-rain{--wx-sky-1:#0f1726;--wx-sky-2:#24344c;--wx-sky-3:#3f5570}.wx-sky.sky-snow{--wx-sky-1:#2b3550;--wx-sky-2:#566a8f;--wx-sky-3:#a9bdd8}.wx-sky.sky-thunder{--wx-sky-1:#0a0512;--wx-sky-2:#1d1330;--wx-sky-3:#3a2258}.wx-sky.sky-fog::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,var(--wx-fog-1,rgba(220,225,235,.55)) 0,var(--wx-fog-2,rgba(200,205,215,.78)) 40%,var(--wx-fog-3,rgba(180,185,195,.88)) 65%,var(--wx-fog-2,rgba(200,205,215,.78)) 100%);pointer-events:none;z-index:3;animation:wxFogDrift 22s ease-in-out infinite}@keyframes wxFogDrift{0%,100%{opacity:.85}50%{opacity:1}}.wx-sun{position:absolute;top:12%;right:13%;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle at 38% 36%,#fffbe8 0,#ffd75e 42%,#ff9d2e 78%,#ff7a1a 100%);box-shadow:0 0 46px 16px rgba(255,197,78,.68),0 0 120px 52px rgba(255,160,40,.34),0 0 220px 100px rgba(255,120,20,.16);opacity:0;transition:opacity 1.4s ease;animation:wxSunBreathe 6s ease-in-out infinite}@keyframes wxSunBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.wx-moon{position:absolute;top:13%;right:15%;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle at 34% 32%,#fff 0,#dfe7f5 45%,#9aa8c6 100%);box-shadow:0 0 38px 12px rgba(190,215,255,.48),0 0 120px 50px rgba(120,160,255,.2);opacity:0;transition:opacity 1.4s ease;animation:wxMoonFloat 8s ease-in-out infinite}@keyframes wxMoonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.wx-stars{position:absolute;inset:0;opacity:0;transition:opacity 1.6s ease;background-image:radial-gradient(1.4px 1.4px at 12% 22%,#fff,transparent),radial-gradient(1.1px 1.1px at 26% 12%,#dff1ff,transparent),radial-gradient(1.6px 1.6px at 43% 28%,#fff,transparent),radial-gradient(1px 1px at 61% 14%,#cfe6ff,transparent),radial-gradient(1.3px 1.3px at 78% 30%,#fff,transparent);animation:wxTwinkle 4.5s ease-in-out infinite alternate}@keyframes wxTwinkle{from{opacity:.45}to{opacity:1}}.wx-cloud{position:absolute;height:40px;border-radius:100px;background:rgba(255,255,255,.72);filter:blur(7px);opacity:0;transition:opacity 1.4s ease}.wx-cloud::after,.wx-cloud::before{content:'';position:absolute;background:inherit;border-radius:50%}.wx-cloud::before{width:62px;height:62px;top:-30px;left:18px}.wx-cloud::after{width:44px;height:44px;top:-20px;right:22px}.wx-cloud-1{width:150px;top:16%;left:-25%;animation:wxDrift 46s linear infinite}.wx-cloud-2{width:200px;top:34%;left:-35%;animation:wxDrift 68s linear infinite 6s}.wx-cloud-3{width:120px;top:8%;left:-20%;animation:wxDrift 56s linear infinite 14s}@keyframes wxDrift{from{transform:translateX(0)}to{transform:translateX(calc(100vw + 320px))}}.wx-rain{position:absolute;inset:-15% -8%;opacity:0;transition:opacity 1.4s ease;pointer-events:none;overflow:hidden;transform:rotate(7deg);transform-origin:center;--wx-drop-travel:620px;mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 20%,#000 80%,transparent 100%)}.wx-drop{position:absolute;top:0;width:1.6px;border-radius:100px;background:linear-gradient(to bottom,rgba(210,235,255,0) 0,rgba(215,238,255,.55) 25%,rgba(235,248,255,.95) 62%,rgba(235,248,255,.05) 100%);filter:blur(.3px);animation-name:wxDropFall;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}@keyframes wxDropFall{from{transform:translate3d(0,-80px,0)}to{transform:translate3d(0,var(--wx-drop-travel),0)}}.wx-snow{position:absolute;inset:-100% 0 0 0;opacity:0;transition:opacity 1.4s ease;pointer-events:none;--wx-snow-color:#ffffff;--wx-snow-color-2:#eaf6ff;background-image:radial-gradient(circle at 10% 5%,var(--wx-snow-color) 3px,transparent 4px),radial-gradient(circle at 30% 20%,var(--wx-snow-color-2) 2.5px,transparent 3.5px),radial-gradient(circle at 55% 8%,var(--wx-snow-color) 3.5px,transparent 4.5px),radial-gradient(circle at 78% 22%,var(--wx-snow-color-2) 2.8px,transparent 3.8px),radial-gradient(circle at 92% 12%,var(--wx-snow-color) 3px,transparent 4px),radial-gradient(circle at 18% 32%,var(--wx-snow-color-2) 2.5px,transparent 3.5px),radial-gradient(circle at 42% 45%,var(--wx-snow-color) 3px,transparent 4px),radial-gradient(circle at 68% 38%,var(--wx-snow-color-2) 2.8px,transparent 3.8px),radial-gradient(circle at 88% 50%,var(--wx-snow-color) 3px,transparent 4px),radial-gradient(circle at 8% 60%,var(--wx-snow-color-2) 3px,transparent 4px),radial-gradient(circle at 35% 72%,var(--wx-snow-color) 2.8px,transparent 3.8px),radial-gradient(circle at 62% 68%,var(--wx-snow-color-2) 3.5px,transparent 4.5px),radial-gradient(circle at 82% 78%,var(--wx-snow-color) 2.5px,transparent 3.5px),radial-gradient(circle at 20% 90%,var(--wx-snow-color-2) 3px,transparent 4px),radial-gradient(circle at 50% 95%,var(--wx-snow-color) 2.8px,transparent 3.8px),radial-gradient(circle at 75% 92%,var(--wx-snow-color-2) 3px,transparent 4px);background-size:100% 200px;background-repeat:repeat;animation:wxSnowFall 12s linear infinite}@keyframes wxSnowFall{from{background-position:0 0}to{background-position:0 400px}}.wx-flash{position:absolute;inset:0;background:radial-gradient(circle at 62% 22%,rgba(220,200,255,.85),transparent 60%);opacity:0;pointer-events:none}.wx-sky.has-thunder .wx-flash{animation:wxFlash 7s ease-in-out infinite}@keyframes wxFlash{0%,100%,88%{opacity:0}89%{opacity:.85}90%{opacity:.05}91%{opacity:.7}92.5%{opacity:0}}.wx-sky.has-sun .wx-sun{opacity:1}.wx-sky.has-moon .wx-moon{opacity:1}.wx-sky.has-stars .wx-stars{opacity:1}.wx-sky.has-clouds .wx-cloud{opacity:1}.wx-sky.has-rain .wx-rain{opacity:1}.wx-sky.has-snow .wx-snow{opacity:1}.wx-hero-content{position:relative;z-index:4;padding:30px 34px 26px;display:flex;flex-direction:column;gap:22px;min-height:360px;color:var(--wx-hero-txt);text-shadow:0 2px 20px rgba(0,0,0,.55)}.wx-location{display:flex;flex-direction:column;gap:3px}.wx-city{font-family:Orbitron,sans-serif;font-size:27px;font-weight:700;letter-spacing:1.5px;line-height:1.15}.wx-region{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;color:var(--wx-hero-dim)}.wx-localtime{font-size:13px;letter-spacing:1.2px;color:rgba(255,255,255,.78);margin-top:5px}.wx-localtime b{font-weight:400;color:var(--wx-accent);text-shadow:0 0 14px rgba(0,229,255,.85)}.wx-hero-main{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:auto}.wx-icon{font-size:86px;line-height:1;filter:drop-shadow(0 8px 30px rgba(0, 0, 0, .45));animation:wxIconFloat 5s ease-in-out infinite}@keyframes wxIconFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(2deg)}}.wx-temp-wrap{display:flex;flex-direction:column}.wx-temp{font-family:Orbitron,sans-serif;font-size:76px;font-weight:900;line-height:.95;letter-spacing:-2px;display:flex;align-items:flex-start;background:linear-gradient(180deg,#fff 0,#bfe9ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 26px rgba(0, 0, 0, .45))}.wx-deg{font-size:40px;margin-top:8px}.wx-condition{font-size:16px;letter-spacing:2.5px;text-transform:uppercase;margin-top:6px;color:#fff}.wx-feels{font-size:13.5px;letter-spacing:1px;color:var(--wx-hero-dim);margin-top:5px}.wx-hero-meta{display:flex;gap:26px;flex-wrap:wrap;padding-top:18px;border-top:1px solid rgba(255,255,255,.18);font-size:13.5px;letter-spacing:.8px}.wx-hero-meta span{display:flex;align-items:center;gap:7px}.wx-hero-meta b{font-weight:400;color:#fff}.wx-section{border-radius:var(--wx-radius);border:1px solid var(--wx-brd);background:var(--wx-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:20px 22px 22px;box-shadow:0 18px 46px -24px rgba(0,0,0,.9)}.wx-section-title{font-family:Orbitron,sans-serif;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--wx-accent);margin-bottom:16px;text-shadow:0 0 16px rgba(0,229,255,.45);display:flex;align-items:center;gap:8px}.wx-section-title::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(0,229,255,.35),transparent)}.wx-hourly{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:18px 4px 14px;scrollbar-width:thin;scrollbar-color:rgba(0,229,255,.35) transparent}.wx-hourly::-webkit-scrollbar{height:6px}.wx-hourly::-webkit-scrollbar-track{background:0 0}.wx-hourly::-webkit-scrollbar-thumb{background:rgba(0,229,255,.3);border-radius:6px}.wx-hour{flex:0 0 auto;width:82px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:9px;padding:14px 6px 14px;border-radius:16px;border:1px solid transparent;background:rgba(255,255,255,.035);transition:.28s;cursor:default}.wx-hour:hover{background:rgba(0,229,255,.09);border-color:rgba(0,229,255,.32);transform:translateY(-5px);box-shadow:0 14px 32px -14px rgba(0,229,255,.7)}.wx-hour.now{background:linear-gradient(180deg,rgba(0,229,255,.18),rgba(255,47,208,.08));border-color:rgba(0,229,255,.55);box-shadow:0 0 26px -6px rgba(0,229,255,.6)}.wx-hour-time{font-size:12px;letter-spacing:1px;opacity:.62}.wx-hour.now .wx-hour-time{opacity:1;color:var(--wx-accent)}.wx-hour-icon{font-size:25px;line-height:1}.wx-hour-temp{font-family:Orbitron,sans-serif;font-size:15px;font-weight:700}.wx-hour-bar{width:5px;height:46px;border-radius:4px;background:rgba(255,255,255,.09);display:flex;align-items:flex-end;overflow:hidden}.wx-hour-bar i{display:block;width:100%;border-radius:4px;background:linear-gradient(180deg,#00e5ff,#ff2fd0);box-shadow:0 0 12px rgba(0,229,255,.7);transition:height .7s cubic-bezier(.22, 1, .36, 1)}.wx-hour-pop{font-size:11px;color:#7fd8ff;letter-spacing:.5px;min-height:13px}.wx-daily{display:flex;flex-direction:column;gap:7px}.wx-day{display:grid;grid-template-columns:92px 42px 1fr auto;align-items:center;gap:14px;padding:11px 14px;border-radius:14px;border:1px solid transparent;transition:.28s}.wx-day:hover{background:rgba(0,229,255,.07);border-color:rgba(0,229,255,.24);transform:translateX(4px)}.wx-day.today{background:linear-gradient(90deg,rgba(0,229,255,.14),transparent);border-color:rgba(0,229,255,.34)}.wx-day-name{font-size:14px;letter-spacing:1px}.wx-day-name small{display:block;font-size:11px;opacity:.45;margin-top:2px}.wx-day-icon{font-size:24px;text-align:center}.wx-day-range{display:flex;align-items:center;gap:12px}.wx-day-hi,.wx-day-lo{font-family:Orbitron,sans-serif;font-size:13.5px;min-width:42px}.wx-day-lo{opacity:.55;text-align:right}.wx-day-hi{text-align:left}.wx-day-track{flex:1;height:5px;border-radius:6px;background:rgba(255,255,255,.09);position:relative;overflow:hidden;min-width:60px}.wx-day-fill{position:absolute;top:0;bottom:0;border-radius:6px;background:linear-gradient(90deg,#4fc3ff,#00e5ff 45%,#ffd166 78%,#ff5c7a);box-shadow:0 0 14px rgba(0,229,255,.55)}.wx-day-pop{font-size:12px;color:#7fd8ff;min-width:44px;text-align:right;letter-spacing:.5px}.wx-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:12px}.wx-detail{border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);padding:15px 16px 14px;transition:.28s;position:relative;overflow:hidden}.wx-detail::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0,rgba(0,229,255,.14),transparent 65%);opacity:0;transition:opacity .3s}.wx-detail:hover{border-color:rgba(0,229,255,.38);transform:translateY(-4px);box-shadow:0 16px 34px -18px rgba(0,229,255,.75)}.wx-detail:hover::before{opacity:1}.wx-detail-head{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:1.6px;text-transform:uppercase;color:rgba(234,244,255,.5);margin-bottom:9px}.wx-detail-val{font-family:Orbitron,sans-serif;font-size:22px;font-weight:700;letter-spacing:.5px;color:#fff;text-shadow:0 0 18px rgba(0,229,255,.35)}.wx-detail-val small{font-family:'Share Tech Mono',monospace;font-size:12.5px;opacity:.55;margin-left:3px;letter-spacing:1px}.wx-detail-sub{font-size:11.5px;opacity:.45;margin-top:6px;letter-spacing:.6px}.wx-detail-bar{height:4px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:10px;overflow:hidden}.wx-detail-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#00e5ff,#ff2fd0);box-shadow:0 0 12px rgba(0,229,255,.7);transition:width .8s cubic-bezier(.22, 1, .36, 1)}.wx-sunarc-wrap{display:flex;flex-direction:column;gap:16px}.wx-sunarc{position:relative;height:110px;margin:0 12px}.wx-sunarc-arc{position:absolute;inset:0;border-radius:50% 50% 0 0/100% 100% 0 0;border:1px dashed rgba(255,255,255,.18);border-bottom:none}.wx-sunarc-track{position:absolute;inset:0;border-radius:50% 50% 0 0/100% 100% 0 0;overflow:hidden;border-bottom:none}.wx-sunarc-fill{position:absolute;inset:0;border-radius:50% 50% 0 0/100% 100% 0 0;background:conic-gradient(from 270deg at 50% 100%,rgba(255,200,80,.55) 0deg,rgba(255,140,60,.28) 40deg,transparent 90deg);border-bottom:none;transition:opacity .6s}.wx-sunarc-dot{position:absolute;width:20px;height:20px;margin-left:-10px;margin-bottom:-10px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#fffbe8,#ffc84f 60%,#ff8a1f);box-shadow:0 0 22px 7px rgba(255,190,70,.78),0 0 60px 22px rgba(255,150,40,.3);transition:left .9s cubic-bezier(.22, 1, .36, 1),bottom .9s cubic-bezier(.22, 1, .36, 1);z-index:2}.wx-sunarc-horizon{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}.wx-sunarc-labels{display:flex;justify-content:space-between;font-size:13px;letter-spacing:1px;opacity:.78}.wx-sunarc-labels b{font-weight:400;color:#ffd166}.wx-sunarc-mid{display:flex;justify-content:center;gap:30px;font-size:12.5px;letter-spacing:1px;opacity:.55;flex-wrap:wrap}@media (max-width:720px){.wx-hero-content{padding:24px 20px 20px;gap:16px}.wx-city{font-size:21px}.wx-temp{font-size:56px}.wx-deg{font-size:30px}.wx-icon{font-size:62px}.wx-hero-main{gap:16px}.wx-day{grid-template-columns:74px 34px 1fr auto;gap:9px;padding:9px 8px}.wx-day-range{gap:7px}.wx-details{grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.wx-unit-toggle button{padding:0 13px;font-size:14px}.wx-icon-btn{width:46px;font-size:17px}.wx-hero,.wx-hero-content{min-height:320px}.wx-sun{width:76px;height:76px}.wx-moon{width:62px;height:62px}}