.section-title{font-family:Syne,sans-serif;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:20px;display:flex;align-items:center;gap:12px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:16px;margin-bottom:48px}.icon-card{background:var(--glass);border:1px solid var(--border);border-radius:18px;padding:28px 16px 18px;display:flex;flex-direction:column;align-items:center;gap:14px;cursor:pointer;transition:all .28s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.icon-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--card-accent,var(--neon)),transparent);opacity:.6}.icon-card:hover{transform:translateY(-6px) scale(1.03);background:hsla(0,0%,100%,.07);box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 24px var(--card-glow,rgba(0,229,255,.12));border-color:rgba(0,229,255,.22)}.icon-label{font-size:10.5px;color:var(--muted);text-align:center;line-height:1.4;letter-spacing:.03em}.icon-label strong{display:block;font-size:12px;color:var(--white);font-weight:500;margin-bottom:2px}.stage{width:80px;height:80px;position:relative;flex-shrink:0}.sun-core{width:34px;height:34px;background:radial-gradient(circle,#fff7a0 30%,#ffe94d 60%,#ffb800);border-radius:50%;box-shadow:0 0 0 5px rgba(255,200,0,.18),0 0 28px rgba(255,200,0,.4);animation:sunPulse 3s ease-in-out infinite}.sun-core,.sun-rays{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-rays{width:80px;height:80px;animation:sunSpin 12s linear infinite}.sun-rays:after,.sun-rays:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,220,0,.5);border-radius:4px}.sun-rays:before{width:3px;height:80px}.sun-rays:after{width:80px;height:3px}.sun-ray-d{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:80px;height:80px;animation:sunSpin 12s linear infinite}.sun-ray-d:after,.sun-ray-d:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,220,0,.3);border-radius:4px}.sun-ray-d:before{width:3px;height:80px}.sun-ray-d:after{width:80px;height:3px}@keyframes sunPulse{0%,to{box-shadow:0 0 0 5px rgba(255,200,0,.18),0 0 28px rgba(255,200,0,.4)}50%{box-shadow:0 0 0 8px rgba(255,200,0,.25),0 0 42px rgba(255,200,0,.55)}}@keyframes sunSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.hot-core{transform:translateX(-50%);width:32px;height:32px;background:radial-gradient(circle,#fff 20%,#ff9f43 55%,#f50);border-radius:50%;box-shadow:0 0 0 5px rgba(255,100,0,.2),0 0 32px rgba(255,80,0,.5);animation:hotPulse 2s ease-in-out infinite}.hot-core,.hot-rays{position:absolute;top:18px;left:50%}.hot-rays{width:72px;height:72px;transform:translate(-50%,-20px);animation:sunSpin 8s linear infinite}.hot-rays:after,.hot-rays:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,100,0,.55);border-radius:4px}.hot-rays:before{width:3px;height:72px}.hot-rays:after{width:72px;height:3px}.hot-rays2{position:absolute;top:18px;left:50%;width:72px;height:72px;transform:translate(-50%,-20px) rotate(45deg);animation:sunSpin 8s linear infinite}.hot-rays2:after,.hot-rays2:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(255,100,0,.35);border-radius:4px}.hot-rays2:before{width:3px;height:72px}.hot-rays2:after{width:72px;height:3px}.heat-wave{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.hw{width:2px;height:16px;border-radius:2px;background:linear-gradient(180deg,rgba(255,120,0,.7),transparent);animation:heatRise 1.5s ease-in-out infinite}.hw:first-child{animation-delay:0s;height:12px}.hw:nth-child(2){animation-delay:.2s;height:18px}.hw:nth-child(3){animation-delay:.1s;height:14px}.hw:nth-child(4){animation-delay:.3s;height:16px}.hw:nth-child(5){animation-delay:.15s;height:11px}@keyframes hotPulse{0%,to{box-shadow:0 0 0 5px rgba(255,100,0,.2),0 0 32px rgba(255,80,0,.5)}50%{box-shadow:0 0 0 10px rgba(255,100,0,.28),0 0 50px rgba(255,60,0,.65)}}@keyframes heatRise{0%{transform:scaleY(1) translateY(0);opacity:.7}50%{transform:scaleY(1.3) translateY(-3px);opacity:1}to{transform:scaleY(1) translateY(0);opacity:.7}}.pc-sun{top:8px;right:8px;width:28px;background:radial-gradient(circle,#ffe94d 56%,#ffb800);border-radius:50%;box-shadow:0 0 0 3px rgba(255,200,0,.2),0 0 14px rgba(255,200,0,.35);animation:sunPulse 3s ease-in-out infinite}.pc-cloud,.pc-sun{position:absolute;height:28px}.pc-cloud{bottom:10px;left:4px;width:58px;background:linear-gradient(135deg,rgba(190,225,255,.82),rgba(160,205,250,.65));border-radius:28px;box-shadow:2px 3px 14px rgba(0,100,200,.18)}.pc-cloud:before{top:-16px;left:10px;width:30px;height:30px;background:linear-gradient(135deg,rgba(200,230,255,.85),rgba(170,215,255,.7))}.pc-cloud:after,.pc-cloud:before{content:"";position:absolute;border-radius:50%}.pc-cloud:after{top:-10px;left:32px;width:22px;height:22px;background:linear-gradient(135deg,rgba(200,230,255,.82),rgba(170,215,255,.68))}.cloud-back{position:absolute;top:14px;right:6px;width:48px;height:22px;background:rgba(140,190,230,.38);border-radius:22px}.cloud-back:before{content:"";position:absolute;top:-11px;left:8px;width:22px;height:22px;background:rgba(150,198,238,.38);border-radius:50%}.cloud-main{position:absolute;bottom:12px;left:4px;width:62px;height:30px;background:linear-gradient(135deg,rgba(200,232,255,.88),rgba(170,215,255,.72));border-radius:30px;box-shadow:2px 4px 18px rgba(0,100,200,.2)}.cloud-main:before{top:-18px;left:10px;width:34px;height:34px;background:linear-gradient(135deg,rgba(210,235,255,.88),rgba(180,220,255,.75))}.cloud-main:after,.cloud-main:before{content:"";position:absolute;border-radius:50%}.cloud-main:after{top:-12px;left:36px;width:24px;height:24px;background:linear-gradient(135deg,rgba(210,235,255,.85),rgba(180,220,255,.72))}.dark-cloud-back{top:10px;right:4px;width:54px;border-radius:26px}.dark-cloud-back,.dark-cloud-back:before{position:absolute;height:26px;background:rgba(80,110,150,.45)}.dark-cloud-back:before{content:"";top:-12px;left:8px;width:26px;border-radius:50%}.dark-cloud-main{position:absolute;bottom:8px;left:2px;width:68px;height:34px;background:linear-gradient(135deg,rgba(90,120,165,.9),rgba(70,100,145,.8));border-radius:34px;box-shadow:2px 4px 20px rgba(0,20,60,.35)}.dark-cloud-main:before{content:"";position:absolute;top:-20px;left:10px;width:38px;height:38px;background:linear-gradient(135deg,rgba(95,125,170,.9),rgba(75,105,150,.85));border-radius:50%}.dark-cloud-main:after{content:"";position:absolute;top:-14px;left:40px;width:28px;height:28px;background:linear-gradient(135deg,rgba(90,120,162,.88),rgba(72,102,146,.82));border-radius:50%}.lr-cloud{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:58px;height:28px;background:linear-gradient(135deg,rgba(120,160,210,.85),rgba(100,140,195,.75));border-radius:28px;box-shadow:2px 4px 16px rgba(0,60,150,.2)}.lr-cloud:before{top:-16px;left:10px;width:30px;height:30px;background:linear-gradient(135deg,rgba(130,168,215,.88),rgba(108,148,200,.8))}.lr-cloud:after,.lr-cloud:before{content:"";position:absolute;border-radius:50%}.lr-cloud:after{top:-10px;left:34px;width:22px;height:22px;background:linear-gradient(135deg,rgba(128,166,213,.85),rgba(106,145,198,.78))}.rain-drops{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.rd{width:2px;border-radius:3px;background:linear-gradient(180deg,rgba(100,170,240,.9),rgba(60,130,210,.4));animation:rainFall 1.2s ease-in infinite}.rd:first-child{height:12px;animation-delay:0s}.rd:nth-child(2){height:14px;animation-delay:.2s}.rd:nth-child(3){height:11px;animation-delay:.4s}.rd:nth-child(4){height:13px;animation-delay:.15s}@keyframes rainFall{0%{transform:translateY(0);opacity:.9}to{transform:translateY(6px);opacity:0}}.mr-cloud{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:62px;height:30px;background:linear-gradient(135deg,rgba(80,110,160,.92),rgba(60,90,145,.85));border-radius:30px;box-shadow:0 4px 20px rgba(0,40,120,.3)}.mr-cloud:before{top:-17px;left:10px;width:34px;height:34px;background:linear-gradient(135deg,rgba(85,115,165,.92),rgba(65,95,150,.88))}.mr-cloud:after,.mr-cloud:before{content:"";position:absolute;border-radius:50%}.mr-cloud:after{top:-11px;left:36px;width:25px;height:25px;background:rgba(82,112,162,.9)}.rain-drops-m{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.rdm{width:2.5px;border-radius:3px;background:linear-gradient(180deg,rgba(80,160,255,.95),rgba(40,120,220,.4));animation:rainFallM .9s ease-in infinite}.rdm:first-child{height:16px;animation-delay:0s}.rdm:nth-child(2){height:18px;animation-delay:.1s}.rdm:nth-child(3){height:14px;animation-delay:.25s}.rdm:nth-child(4){height:17px;animation-delay:.08s}.rdm:nth-child(5){height:15px;animation-delay:.35s}@keyframes rainFallM{0%{transform:translateY(0) rotate(10deg);opacity:1}to{transform:translateY(8px) rotate(10deg);opacity:0}}.hr-cloud{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:66px;height:32px;background:linear-gradient(135deg,rgba(50,70,120,.96),rgba(35,55,105,.92));border-radius:32px;box-shadow:0 6px 24px rgba(0,20,80,.45)}.hr-cloud:before{top:-19px;left:10px;width:38px;height:38px;background:linear-gradient(135deg,rgba(52,72,122,.96),rgba(38,58,108,.92))}.hr-cloud:after,.hr-cloud:before{content:"";position:absolute;border-radius:50%}.hr-cloud:after{top:-13px;left:38px;width:28px;height:28px;background:rgba(48,68,118,.94)}.rain-drops-h{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);display:flex;gap:5px}.rdh{width:3px;border-radius:3px;background:linear-gradient(180deg,#64b4ff,rgba(50,140,240,.35));animation:rainFallH .65s ease-in infinite}.rdh:first-child{height:20px;animation-delay:0s}.rdh:nth-child(2){height:22px;animation-delay:.08s}.rdh:nth-child(3){height:18px;animation-delay:.18s}.rdh:nth-child(4){height:21px;animation-delay:.04s}.rdh:nth-child(5){height:19px;animation-delay:.28s}.rdh:nth-child(6){height:20px;animation-delay:.12s}@keyframes rainFallH{0%{transform:translateY(0) rotate(14deg);opacity:1}to{transform:translateY(10px) rotate(14deg);opacity:0}}.sr-sun{top:6px;right:8px;width:26px;background:radial-gradient(circle,#ffe94d 56%,#ffb800);border-radius:50%;box-shadow:0 0 0 3px rgba(255,200,0,.22),0 0 14px rgba(255,200,0,.4);animation:sunPulse 3s ease-in-out infinite}.sr-cloud,.sr-sun{position:absolute;height:26px}.sr-cloud{top:20px;left:4px;width:56px;background:linear-gradient(135deg,rgba(120,160,210,.82),rgba(100,140,192,.72));border-radius:26px}.sr-cloud:before{top:-14px;left:8px;width:28px;height:28px;background:linear-gradient(135deg,rgba(128,168,215,.85),rgba(108,148,198,.78))}.sr-cloud:after,.sr-cloud:before{content:"";position:absolute;border-radius:50%}.sr-cloud:after{top:-9px;left:32px;width:20px;height:20px;background:rgba(124,164,212,.82)}.sr-rain{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.srr{width:2px;height:11px;border-radius:2px;background:linear-gradient(180deg,rgba(100,170,255,.85),rgba(60,130,220,.3));animation:rainFall 1.1s ease-in infinite}.srr:nth-child(2){animation-delay:.22s}.srr:nth-child(3){animation-delay:.44s}.ts-cloud{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:64px;height:30px;background:linear-gradient(135deg,rgba(40,55,100,.97),rgba(25,40,85,.95));border-radius:30px;box-shadow:0 6px 28px rgba(0,10,60,.55),0 0 0 1px rgba(124,58,237,.22)}.ts-cloud:before{top:-18px;left:8px;width:36px;height:36px;background:linear-gradient(135deg,rgba(42,57,102,.97),rgba(28,42,88,.95))}.ts-cloud:after,.ts-cloud:before{content:"";position:absolute;border-radius:50%}.ts-cloud:after{top:-12px;left:36px;width:26px;height:26px;background:rgba(38,53,98,.96)}.lightning{position:absolute;bottom:4px;left:50%;transform:translateX(-50%)}.bolt{width:0;height:0;position:relative}.bolt:before{content:"";left:-7px;width:14px;background:linear-gradient(170deg,#fff176,var(--gold) 40%,#ff9f43);clip-path:polygon(60% 0,100% 0,40% 50%,80% 50%,0 100%,20% 50%,-20% 50%);filter:drop-shadow(0 0 6px rgba(255,220,0,.9))}.bolt-glow,.bolt:before{position:absolute;top:0;height:26px;animation:boltFlash 2.5s ease-in-out infinite}.bolt-glow{left:-14px;width:28px;background:radial-gradient(ellipse,rgba(255,220,0,.4),transparent 70%)}@keyframes boltFlash{0%,90%,to{opacity:1}92%{opacity:.1}94%{opacity:1}96%{opacity:.2}98%{opacity:1}}.snow-cloud{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:58px;height:28px;background:linear-gradient(135deg,rgba(200,220,240,.82),rgba(180,205,228,.72));border-radius:28px}.snow-cloud:before{top:-16px;left:10px;width:30px;height:30px;background:linear-gradient(135deg,rgba(205,224,242,.85),rgba(185,208,232,.78))}.snow-cloud:after,.snow-cloud:before{content:"";position:absolute;border-radius:50%}.snow-cloud:after{top:-10px;left:34px;width:22px;height:22px;background:rgba(202,222,240,.82)}.snowflakes{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.sf{width:6px;height:6px;border-radius:50%;background:rgba(200,230,255,.9);box-shadow:0 0 4px rgba(180,220,255,.7);animation:snowDrift 1.8s ease-in-out infinite;position:relative}.sf:after,.sf:before{content:"";position:absolute;background:rgba(200,230,255,.7)}.sf:before{transform:translate(-50%,-50%)}.sf:after,.sf:before{top:50%;left:50%;width:1.5px;height:8px;border-radius:2px}.sf:after{transform:translate(-50%,-50%) rotate(90deg)}.sf:first-child{animation-delay:0s}.sf:nth-child(2){animation-delay:.3s}.sf:nth-child(3){animation-delay:.6s}.sf:nth-child(4){animation-delay:.15s}@keyframes snowDrift{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(5px);opacity:1}}.fog-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:8px}.fog-line{height:4px;background:linear-gradient(90deg,transparent,rgba(180,210,240,.65),rgba(160,195,230,.8),rgba(180,210,240,.65),transparent);border-radius:4px;animation:fogDrift 3s ease-in-out infinite}.fog-line:first-child{width:64px;animation-delay:0s}.fog-line:nth-child(2){width:50px;animation-delay:.5s;margin-left:8px}.fog-line:nth-child(3){width:58px;animation-delay:1s}.fog-line:nth-child(4){width:44px;animation-delay:.3s;margin-left:4px}.fog-line:nth-child(5){width:55px;animation-delay:.8s}@keyframes fogDrift{0%,to{transform:translateX(0);opacity:.6}50%{transform:translateX(5px);opacity:1}}.wind-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:9px}.wl{height:3.5px;border-radius:4px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.6),rgba(0,229,255,.85),rgba(0,229,255,.2),transparent);animation:windBlow 1.5s ease-in-out infinite;position:relative}.wl:first-child{width:68px;animation-delay:0s}.wl:nth-child(2){width:52px;animation-delay:.18s;margin-left:8px}.wl:nth-child(3){width:60px;animation-delay:.36s}.wl:nth-child(4){width:44px;animation-delay:.12s;margin-left:12px}.wl:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:8px;height:8px;border-right:2.5px solid rgba(0,229,255,.7);border-top:2.5px solid rgba(0,229,255,.7);transform:translateY(-50%) rotate(45deg)}@keyframes windBlow{0%,to{transform:translateX(0);opacity:.7}50%{transform:translateX(8px);opacity:1}}.night-moon{top:16px;left:50%;transform:translateX(-50%);width:40px;height:40px;background:radial-gradient(circle at 38% 38%,#e0f0ff,#9ac5e8,#5a95cc);box-shadow:inset -10px -4px 0 rgba(0,30,80,.45),0 0 20px rgba(120,180,255,.3)}.night-moon,.night-moon:before{position:absolute;border-radius:50%}.night-moon:before{content:"";top:8px;left:7px;width:8px;height:8px;background:rgba(0,30,80,.22)}.night-stars{position:absolute;inset:0}.nstar{position:absolute;background:rgba(220,240,255,.9);border-radius:50%;animation:starTwinkle 2.5s ease-in-out infinite}.nstar:first-child{width:2px;height:2px;top:10px;left:12px;animation-delay:0s}.nstar:nth-child(2){width:3px;height:3px;top:22px;right:8px;animation-delay:.5s}.nstar:nth-child(3){width:2px;height:2px;top:14px;right:18px;animation-delay:1s}.nstar:nth-child(4){width:2px;height:2px;bottom:12px;left:8px;animation-delay:.8s}.nstar:nth-child(5){width:2px;height:2px;bottom:18px;right:12px;animation-delay:1.5s}@keyframes starTwinkle{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.cn-moon{top:10px;right:10px;width:28px;background:radial-gradient(circle at 38% 38%,#d4eaff,#7ab8e0);border-radius:50%;box-shadow:inset -7px -3px 0 rgba(0,30,80,.45),0 0 12px rgba(90,170,255,.22)}.cn-cloud,.cn-moon{position:absolute;height:28px}.cn-cloud{bottom:10px;left:4px;width:60px;background:linear-gradient(135deg,rgba(90,120,165,.88),rgba(70,100,148,.78));border-radius:28px;box-shadow:2px 3px 14px rgba(0,20,70,.28)}.cn-cloud:before{top:-16px;left:10px;width:30px;height:30px;background:linear-gradient(135deg,rgba(95,125,170,.9),rgba(75,105,152,.82))}.cn-cloud:after,.cn-cloud:before{content:"";position:absolute;border-radius:50%}.cn-cloud:after{top:-10px;left:33px;width:22px;height:22px;background:rgba(90,120,165,.88)}.hail-cloud{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:62px;height:28px;background:linear-gradient(135deg,rgba(60,80,130,.94),rgba(45,65,115,.9));border-radius:28px}.hail-cloud:before{top:-16px;left:10px;width:32px;height:32px;background:linear-gradient(135deg,rgba(62,82,132,.94),rgba(48,68,118,.9))}.hail-cloud:after,.hail-cloud:before{content:"";position:absolute;border-radius:50%}.hail-cloud:after{top:-10px;left:35px;width:24px;height:24px;background:rgba(58,78,128,.92)}.hail-drops{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.hd{width:7px;height:7px;border-radius:50%;background:radial-gradient(circle at 35% 35%,rgba(220,240,255,.95),rgba(160,200,240,.8));box-shadow:0 1px 4px rgba(100,160,220,.4);animation:hailFall 1.1s ease-in infinite}.hd:first-child{animation-delay:0s}.hd:nth-child(2){animation-delay:.2s}.hd:nth-child(3){animation-delay:.1s}.hd:nth-child(4){animation-delay:.3s}@keyframes hailFall{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}.rainbow-base{bottom:10px;width:62px;height:28px;overflow:hidden}.rainbow-arc,.rainbow-base{position:absolute;left:50%;transform:translateX(-50%)}.rainbow-arc{border-radius:50%;border-style:solid;border-color:transparent;bottom:0}.arc1{width:62px;height:62px;border-width:4px 4px 0;border-top-color:rgba(255,90,90,.8)}.arc2{width:54px;height:54px;border-width:4px 4px 0;border-top-color:rgba(255,160,50,.8)}.arc3{width:46px;height:46px;border-width:4px 4px 0;border-top-color:rgba(255,220,50,.8)}.arc4{width:38px;height:38px;border-width:4px 4px 0;border-top-color:rgba(80,220,100,.8)}.arc5{width:30px;height:30px;border-width:4px 4px 0;border-top-color:rgba(50,180,255,.8)}.arc6{width:22px;height:22px;border-width:4px 4px 0;border-top-color:rgba(120,100,255,.8)}.rainbow-cloud-l{left:0}.rainbow-cloud-l,.rainbow-cloud-r{position:absolute;top:18px;width:28px;height:16px;background:rgba(200,225,250,.6);border-radius:16px}.rainbow-cloud-r{right:0}.rainbow-sun{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:22px;height:22px;background:radial-gradient(circle,#ffe94d 56%,#ffb800);border-radius:50%;box-shadow:0 0 12px rgba(255,200,0,.45);animation:sunPulse 3s ease-in-out infinite}.typhoon-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid;animation:typhoonSpin 3s linear infinite}.tr1{width:72px;height:72px;border-color:rgba(124,58,237,.7);animation-duration:4s}.tr2{width:54px;height:54px;border-color:rgba(0,229,255,.65);animation-duration:3s;animation-direction:reverse}.tr3{width:36px;height:36px;border-color:rgba(255,107,157,.6);animation-duration:2s}.typhoon-center{transform:translate(-50%,-50%);width:12px;height:12px;background:radial-gradient(circle,hsla(0,0%,100%,.9),rgba(200,180,255,.7));border-radius:50%;box-shadow:0 0 10px rgba(200,180,255,.6)}.typhoon-center,.typhoon-cloud{position:absolute;top:50%;left:50%}.typhoon-cloud{transform:translate(-50%,-50%) rotate(0deg);width:72px;height:72px;animation:typhoonSpin 4s linear infinite}.tc-arm{position:absolute;width:16px;height:7px;background:rgba(140,160,200,.6);border-radius:8px;top:50%;left:50%}.tc-arm:first-child{transform:translate(-50%,-50%) rotate(0deg) translateX(28px)}.tc-arm:nth-child(2){transform:translate(-50%,-50%) rotate(90deg) translateX(28px)}.tc-arm:nth-child(3){transform:translate(-50%,-50%) rotate(180deg) translateX(28px)}.tc-arm:nth-child(4){transform:translate(-50%,-50%) rotate(270deg) translateX(28px)}@keyframes typhoonSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.drought-sun{position:absolute;top:10px;width:36px;height:36px;background:radial-gradient(circle,#fff 20%,#ff9f43 55%,#ff4500);border-radius:50%;box-shadow:0 0 0 6px rgba(255,80,0,.18),0 0 36px rgba(255,60,0,.55);animation:hotPulse 2s ease-in-out infinite}.drought-cracks,.drought-sun{left:50%;transform:translateX(-50%)}.drought-cracks{position:absolute;bottom:6px;width:58px;height:18px;position:relative}.crack-line{position:absolute;background:rgba(180,120,60,.7);border-radius:2px}.crack-line:first-child{width:50px;height:2px;bottom:8px;left:4px}.crack-line:nth-child(2){width:2px;height:14px;bottom:2px;left:18px;transform:rotate(15deg)}.crack-line:nth-child(3){width:2px;height:12px;bottom:4px;left:36px;transform:rotate(-10deg)}.crack-line:nth-child(4){width:20px;height:2px;bottom:4px;left:4px;transform:rotate(5deg)}.crack-line:nth-child(5){width:18px;height:2px;bottom:4px;right:4px;transform:rotate(-5deg)}.usage-section{margin-top:48px}.usage-card{background:rgba(0,0,0,.35);border:1px solid var(--border);border-radius:16px;overflow:hidden}.usage-header{padding:12px 20px;background:rgba(0,50,120,.2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.usage-dots span{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.usage-dots .d1{background:#ff5f57}.usage-dots .d2{background:#febc2e}.usage-dots .d3{background:#28c840}.usage-code{padding:20px 24px;font-size:11.5px;line-height:1.8;color:var(--muted);font-family:DM Mono,monospace;overflow-x:auto}.usage-code .kw{color:#7b61ff}.usage-code .cls{color:#00e5ff}.usage-code .str{color:#00ffc8}.usage-code .cm{color:rgba(90,138,176,.6)}.sizes-grid{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-top:12px}.size-demo{display:flex;flex-direction:column;align-items:center;gap:8px}.size-label{font-size:10px;color:var(--muted);font-family:DM Mono,monospace}.icon-sm{transform:scale(.5);transform-origin:center bottom}.icon-md{transform:scale(.75);transform-origin:center bottom}.icon-lg{transform:scale(1)}.icon-xl{transform:scale(1.4);transform-origin:center bottom}@media(max-width:600px){.header h1{font-size:26px}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.icon-card{padding:20px 12px 14px}}