:root{--accent: #1e6fd9;--bg: #f0f6ff;--card: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--radius: 14px;--shadow: 0 8px 24px rgba(30, 111, 217, .08);font-family:Segoe UI,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100dvh}#root{min-height:100dvh}.app-shell{position:relative;max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:72px;overflow-x:hidden}.app-main{flex:1;padding:16px 16px 8px}.page-header h1{margin:0 0 4px;font-size:1.5rem}.subtitle{margin:0 0 16px;color:var(--muted);font-size:.9rem}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:var(--shadow);border:1px solid var(--border)}.card h2{margin:0 0 12px;font-size:1rem}.weather-hero{background:linear-gradient(145deg,var(--accent),#3b82f6);color:#fff;border:none}.weather-hero .muted{color:#ffffffd9;margin:0 0 8px}.hero-now{margin-bottom:12px}.hero-now-main{display:flex;align-items:center;gap:14px}.hero-now-temp{font-size:3rem;font-weight:700;line-height:1;letter-spacing:-.02em}.hero-now-detail{display:flex;flex-direction:column;gap:4px;min-width:0}.hero-now-condition{font-size:1.15rem;font-weight:600}.hero-now-meta{font-size:.78rem;opacity:.88;line-height:1.35}.hero-rain-row{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.rain-question{margin:0;font-size:1.35rem;line-height:1.35}.rain-window-hint{font-size:.72rem;font-weight:400;opacity:.88;margin-left:4px}.umbrella-alert{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:linear-gradient(90deg,#fef08a,#fde047);color:#713f12;box-shadow:0 4px 16px #00000026;animation:umbrella-pulse 2s ease-in-out infinite}.umbrella-alert-icon{font-size:1.75rem;line-height:1}.umbrella-alert-text{display:flex;flex-direction:column;gap:2px}.umbrella-alert-text strong{font-size:1.05rem}.umbrella-alert-text span{font-size:.78rem;opacity:.9}@keyframes umbrella-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.summary{margin:0 0 16px;opacity:.95}.stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.stat{text-align:center;background:#ffffff26;border-radius:10px;padding:8px 4px}.stat-val{display:block;font-weight:700;font-size:.95rem}.stat-label{font-size:.75rem;opacity:.9}.source-chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.72rem;padding:4px 8px;border-radius:999px;background:#fff3}.row{display:flex;gap:8px;margin-bottom:8px}input,textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;font:inherit;margin-bottom:8px}.btn{border:none;border-radius:10px;padding:10px 16px;font:inherit;font-weight:600;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:#e2e8f0;color:var(--text)}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:var(--card);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;padding:6px 0;color:var(--muted);font-size:.7rem;cursor:pointer}.tab.active{color:var(--accent);font-weight:600}.tab-icon{font-size:1.1rem}.suggestions{list-style:none;margin:8px 0 0;padding:0}.suggestions button{width:100%;text-align:left;padding:10px;border:none;background:#f8fafc;border-radius:8px;margin-bottom:4px;cursor:pointer}.banner{text-align:center;padding:10px;border-radius:10px;background:#dbeafe;color:#1e40af;margin-bottom:12px}.banner.error{background:#fee2e2;color:#991b1b}.empty,.muted{color:var(--muted)}.source-list{list-style:none;margin:0;padding:0}.source-list li{display:flex;flex-direction:column;padding:10px 0;border-bottom:1px solid var(--border)}.source-list li:last-child{border-bottom:none}.reminder-list{list-style:none;margin:0 0 12px;padding:0}.reminder-item{display:flex;gap:12px;background:var(--card);border-radius:var(--radius);padding:14px;margin-bottom:8px;border:1px solid var(--border)}.reminder-icon{font-size:1.5rem}.switch-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.switch-row:last-child{border-bottom:none}.guess-card{text-align:center}.points-display{font-size:1.1rem}.guess-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.guess-rain{background:#3b82f6;color:#fff;padding:20px 8px}.guess-sun{background:#fbbf24;color:#78350f;padding:20px 8px}.result-box{margin-top:16px;padding:12px;background:#ecfdf5;border-radius:10px}.rules{margin:0;padding-left:1.2rem;color:var(--muted)}.mall-grid{list-style:none;margin:0;padding:0}.mall-item h3{margin:0 0 6px}.mall-tag{font-size:.7rem;text-transform:uppercase;color:var(--accent)}.cost{font-weight:700;color:var(--accent)}.ledger{list-style:none;margin:0;padding:0}.ledger li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.ledger .pos{color:#059669;font-weight:700}.ledger .neg{color:#dc2626;font-weight:700}.muted-box{font-size:.9rem;color:var(--muted)}.custom-list{list-style:none;padding:0;margin:0}.custom-list li{padding:8px 0;border-bottom:1px solid var(--border)}.forecast-note{margin:-4px 0 12px;font-size:.8rem}.forecast-scroll{max-height:220px;overflow-y:auto;margin:0 -4px;padding:0 4px}.hourly-list,.week-list{list-style:none;margin:0;padding:0}.hourly-list li{display:grid;grid-template-columns:5.5rem 1fr auto;grid-template-rows:auto auto;gap:2px 8px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.85rem}.hourly-list li.rain-slot{background:#1e6fd90f;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px}.hourly-list time{grid-row:span 2;color:var(--muted);font-size:.78rem}.hourly-summary{font-weight:600}.hourly-temp{text-align:right;font-weight:600}.hourly-precip{grid-column:2 / -1;color:var(--muted);font-size:.78rem}.hourly-precip small{font-size:.72rem}.week-list li{padding:10px 0;border-bottom:1px solid var(--border)}.week-list li:last-child{border-bottom:none}.week-list li.rain-day .week-day-head strong{color:var(--accent)}.week-day-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.week-day-body{display:flex;flex-direction:column;gap:2px;font-size:.85rem;color:var(--muted)}.saved-cities-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.saved-cities-head h2{margin:0}.hint-warn{color:#b45309}.city-chips{display:flex;flex-wrap:wrap;gap:8px}.city-chip-wrap{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#f8fafc}.city-chip-wrap.active{border-color:var(--accent);box-shadow:0 0 0 2px #1e6fd933}.city-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;border:none;background:none;cursor:pointer;font:inherit;text-align:left}.city-chip-name{font-weight:700;font-size:.88rem}.city-chip-rain{font-size:.72rem;color:var(--muted)}.city-chip-remove{border:none;border-left:1px solid var(--border);background:#f1f5f9;color:var(--muted);width:28px;cursor:pointer;font-size:1.1rem;line-height:1}.city-chip-remove:hover{background:#fee2e2;color:#dc2626}.suggestions li{display:flex;justify-content:space-between;align-items:center;gap:8px}.suggestion-name{flex:1;font-size:.88rem}.suggestion-actions{display:flex;gap:6px;flex-shrink:0}.btn.sm{padding:6px 10px;font-size:.78rem}.banner.ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.muted.small{font-size:.8rem;margin:6px 0 0}.location-hint{margin:0 0 10px;line-height:1.45}.qweather-setup h2{margin:0 0 8px;color:#b45309}.qweather-setup .setup-steps{margin:12px 0 0;padding-left:20px;font-size:.88rem}.qweather-setup .setup-steps li{margin-bottom:8px}.env-sample{background:#f1f5f9;padding:10px;border-radius:8px;font-size:.78rem;overflow-x:auto;margin:8px 0 0}.banner.small{margin-top:10px;font-size:.82rem}.weather-fx{position:fixed;top:0;right:0;bottom:0;max-width:480px;left:50%;transform:translate(-50%);pointer-events:none;z-index:5;overflow:hidden;animation:fx-scene 5.2s ease-out forwards}@keyframes fx-scene{0%{opacity:0}8%{opacity:1}72%{opacity:1}to{opacity:0}}.fx-sky-wash{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;animation:fx-wash-in 5.2s ease-out forwards}@keyframes fx-wash-in{0%,to{opacity:0}15%,70%{opacity:1}}.weather-fx--sunny .fx-sky-wash{background:linear-gradient(165deg,rgba(255,237,160,.55) 0%,rgba(255,200,100,.2) 35%,transparent 65%)}.fx-sun-group{position:absolute;top:4%;right:8%;width:100px;height:100px;animation:fx-sun-enter 5s ease-out forwards}@keyframes fx-sun-enter{0%{transform:translate(40px,-30px) scale(.4);opacity:0}20%{transform:translate(0) scale(1);opacity:1}to{transform:translate(0) scale(1);opacity:1}}.fx-sun-halo{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(255,220,80,.75) 0%,rgba(255,200,50,.25) 45%,transparent 70%);animation:fx-sun-pulse 2.4s ease-in-out infinite}@keyframes fx-sun-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}.fx-sun-core{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9c4,#fde047 40%,#f59e0b);box-shadow:0 0 24px #fbbf24cc}.fx-sun-rays{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 8deg,rgba(255,235,120,.5) 8deg 18deg,transparent 18deg 28deg,rgba(255,235,120,.45) 28deg 38deg,transparent 38deg 48deg,rgba(255,235,120,.5) 48deg 58deg,transparent 58deg 68deg,rgba(255,235,120,.45) 68deg 78deg,transparent 78deg 88deg,rgba(255,235,120,.5) 88deg 98deg,transparent 98deg 108deg,rgba(255,235,120,.45) 108deg 118deg,transparent 118deg 128deg,rgba(255,235,120,.5) 128deg 138deg,transparent 138deg 148deg,rgba(255,235,120,.45) 148deg 158deg,transparent 158deg 360deg);animation:fx-rays-spin 12s linear infinite}@keyframes fx-rays-spin{to{transform:rotate(360deg)}}.fx-sun-spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fde047;top:calc(20% + var(--i) * 12%);left:calc(10% + var(--i) * 14%);animation:fx-sparkle 1.8s ease-in-out infinite;animation-delay:calc(var(--i) * .25s);opacity:0}@keyframes fx-sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.9;transform:scale(1.2)}}.weather-fx--cloudy .fx-sky-wash{background:linear-gradient(180deg,rgba(148,163,184,.35) 0%,rgba(203,213,225,.15) 40%,transparent 70%)}.fx-cloud-group{position:absolute;top:calc(6% + var(--i) * 11%);left:calc(-20% + var(--i) * 18%);display:flex;align-items:flex-end;opacity:0;animation:fx-cloud-pass 5s ease-in-out forwards;animation-delay:calc(var(--i) * .15s);filter:drop-shadow(0 4px 12px rgba(100,116,139,.2))}@keyframes fx-cloud-pass{0%{transform:translate(-15%);opacity:0}18%{opacity:.92}75%{opacity:.88}to{transform:translate(25%);opacity:0}}.fx-cloud-puff{display:block;background:linear-gradient(180deg,#f8fafc,#e2e8f0);border-radius:50%}.fx-cloud-puff--a{width:calc(48px + var(--i) * 6px);height:calc(32px + var(--i) * 4px);margin-right:-18px;z-index:1}.fx-cloud-puff--b{width:calc(56px + var(--i) * 8px);height:calc(40px + var(--i) * 5px);margin-right:-22px;z-index:2}.fx-cloud-puff--c{width:calc(44px + var(--i) * 5px);height:calc(28px + var(--i) * 3px);z-index:3}.weather-fx--rain .fx-sky-wash{background:linear-gradient(180deg,rgba(100,116,139,.28) 0%,rgba(148,163,184,.12) 50%,transparent 85%)}.weather-fx--thunder .fx-sky-wash{background:linear-gradient(180deg,rgba(51,65,85,.45) 0%,rgba(71,85,105,.2) 55%,transparent 90%)}.fx-rain-mist{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(186,230,253,.08) 60%,rgba(147,197,253,.15) 100%);animation:fx-mist-in 5s ease-out forwards}@keyframes fx-mist-in{0%{opacity:0}20%{opacity:1}to{opacity:.6}}.fx-rain-streak{position:absolute;top:-20%;left:calc((var(--i) * 2.1%) + 1%);width:2px;height:calc(14px + (var(--i) % 5) * 6px);background:linear-gradient(180deg,transparent 0%,rgba(147,197,253,.2) 20%,rgba(96,165,250,.85) 100%);border-radius:0 0 2px 2px;transform:rotate(12deg);opacity:0;animation:fx-rain-fall .55s linear infinite;animation-delay:calc((var(--i) % 20) * .04s)}.weather-fx--rain .fx-rain-streak{animation-duration:.5s}.weather-fx--thunder .fx-rain-streak{background:linear-gradient(180deg,transparent 0%,rgba(148,163,184,.3) 20%,rgba(191,219,254,.75) 100%);animation-duration:.42s}@keyframes fx-rain-fall{0%{transform:rotate(12deg) translateY(-10vh);opacity:0}8%{opacity:.85}to{transform:rotate(12deg) translateY(115vh);opacity:.35}}.fx-thunder-dark{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 20%,transparent 30%,rgba(15,23,42,.35) 100%);animation:fx-dark-pulse 5s ease-out forwards}@keyframes fx-dark-pulse{0%{opacity:0}15%{opacity:1}to{opacity:.7}}.fx-lightning{position:absolute;top:12%;left:50%;width:56px;height:105px;margin-left:-28px;opacity:0;filter:drop-shadow(0 0 12px rgba(253,224,71,.9));animation:fx-bolt-strike 5s ease-out forwards}@keyframes fx-bolt-strike{0%,12%,28%,to{opacity:0;transform:scale(.6) translateY(-20px)}14%{opacity:1;transform:scale(1.05) translateY(0)}16%{opacity:.3;transform:scale(1) translateY(2px)}20%{opacity:1;transform:scale(1) translateY(0)}22%{opacity:0}}.fx-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 25%,rgba(255,255,255,.75) 0%,rgba(255,255,255,.15) 40%,transparent 70%);opacity:0;animation:fx-thunder-flash 5s ease-out forwards}@keyframes fx-thunder-flash{0%,to{opacity:0}13%{opacity:.95}15%{opacity:0}19%{opacity:.55}21%{opacity:0}}