:root{--color-primary:#f4a261;--color-primary-soft:#fce4cd;--color-secondary:#e9c46a;--color-bg-start:#fff8f0;--color-bg-end:#ffe8d6;--color-text:#4a3728;--color-text-soft:#8b7355;--color-accent:#ff8a80;--color-sky:#81d4fa;--color-card-bg:#ffffffbf;--color-card-border:#f4a26126;--color-shadow:#4a372814;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3.5rem;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{color:var(--color-text);background:linear-gradient(170deg, var(--color-bg-start), var(--color-bg-end));-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;overflow-x:hidden}#root{min-height:100dvh}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}ul{list-style:none}.app{flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-bg{background:radial-gradient(ellipse 80% 50% at 50% -10%, var(--color-primary-soft), transparent), radial-gradient(ellipse 60% 40% at 80% 80%, #81d4fa1f, transparent);pointer-events:none;z-index:0;position:fixed;inset:0}.app-content{padding:var(--space-lg) var(--space-md);z-index:1;flex:1;width:100%;max-width:480px;margin:0 auto;position:relative}.header{text-align:center;margin-bottom:var(--space-lg);animation:fadeSlideUp .6s var(--ease-out)}.header-greeting{font-size:var(--text-2xl);letter-spacing:.02em;margin-bottom:var(--space-sm);font-weight:700}.header-emoji{margin-right:var(--space-sm)}.header-heart{margin-left:var(--space-xs);animation:1.5s ease-in-out infinite heartbeat;display:inline-block}.header-city{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:var(--text-sm);color:var(--color-text-soft);border:1px solid var(--color-card-border);transition:transform var(--duration-fast), box-shadow var(--duration-fast);border-radius:9999px;display:inline-flex}.header-city:active{transform:scale(.97)}.header-city-hint{font-size:var(--text-xs);opacity:.6}.card{background:var(--color-card-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--color-card-border);box-shadow:0 4px 24px var(--color-shadow);margin-bottom:var(--space-md)}.card-title{font-size:var(--text-base);margin-bottom:var(--space-md);color:var(--color-text);font-weight:600}.cards>*{animation:fadeSlideUp .5s var(--ease-out) both}.cards>:first-child{animation-delay:.1s}.cards>:nth-child(2){animation-delay:.2s}.cards>:nth-child(3){animation-delay:.3s}.cards>:nth-child(4){animation-delay:.4s}.weather-card{text-align:center}.weather-main{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.weather-temp-num{font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:700;line-height:1}.weather-temp-unit{font-size:var(--text-xl);color:var(--color-text-soft);margin-left:2px;font-weight:500}.weather-meta{justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-md);display:flex}.weather-meta-item{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.weather-meta-label{font-size:var(--text-xs);color:var(--color-text-soft)}.weather-meta-value{font-size:var(--text-base);font-weight:600}.weather-status{font-size:var(--text-lg);color:var(--color-text-soft);margin-bottom:var(--space-sm);font-weight:500}.weather-range{justify-content:center;gap:var(--space-xl);font-size:var(--text-base);font-weight:600;display:flex}.weather-range-arrow{font-size:var(--text-xs);margin-right:2px}.weather-range-arrow.up{color:var(--color-accent)}.weather-range-arrow.down{color:var(--color-sky)}.advice-main{font-size:var(--text-lg);margin-bottom:var(--space-sm);font-weight:600}.advice-sub{font-size:var(--text-sm);color:var(--color-text-soft);margin-bottom:var(--space-sm)}.advice-extra{gap:var(--space-xs);flex-direction:column;display:flex}.advice-extra li{font-size:var(--text-sm);color:var(--color-text-soft)}.tips-list{gap:var(--space-md);flex-direction:column;display:flex}.tips-item{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-sm);line-height:1.6;display:flex}.tips-icon{font-size:var(--text-lg);flex-shrink:0}.tips-text{color:var(--color-text)}.tips-item.tips-general:last-child{padding-top:var(--space-sm);margin-top:var(--space-xs);border-top:1px solid var(--color-card-border)}.tips-item.tips-general:last-child .tips-text{color:var(--color-text-soft);font-style:italic}.forecast-list{justify-content:space-around;display:flex}.forecast-item{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.forecast-day{font-size:var(--text-xs);color:var(--color-text-soft);font-weight:500}.forecast-text{font-size:var(--text-xs);color:var(--color-text-soft)}.forecast-temp{font-size:var(--text-sm);font-weight:600}.forecast-high{color:var(--color-accent)}.forecast-low{color:var(--color-sky)}.forecast-sep{color:var(--color-text-soft);margin:0 2px}.citysearch-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-lg);animation:fadeIn .2s var(--ease-out);background:#4a372833;flex-direction:column;display:flex;position:fixed;inset:0}.citysearch-panel{border-radius:var(--radius-lg);padding:var(--space-md);width:100%;max-width:400px;animation:slideUp .3s var(--ease-out);background:#fff;margin:10vh auto 0;box-shadow:0 16px 48px #4a372826}.citysearch-input-wrap{align-items:center;gap:var(--space-sm);display:flex}.citysearch-input{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-card-border);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-text);transition:border-color var(--duration-fast);outline:none;flex:1}.citysearch-input:focus{border-color:var(--color-primary)}.citysearch-close{font-size:var(--text-lg);color:var(--color-text-soft);padding:var(--space-sm)}.citysearch-status{text-align:center;padding:var(--space-lg);color:var(--color-text-soft);font-size:var(--text-sm)}.citysearch-list{margin-top:var(--space-sm);max-height:60vh;overflow-y:auto}.citysearch-group{margin-bottom:var(--space-xs)}.citysearch-group:last-child{margin-bottom:0}.citysearch-city{text-align:left;width:100%;padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-base);transition:background var(--duration-fast);align-items:center;gap:var(--space-xs);font-weight:600;display:flex}.citysearch-city:hover,.citysearch-city:active{background:var(--color-bg-start)}.citysearch-districts{padding-left:var(--space-md)}.citysearch-district{text-align:left;width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-soft);transition:background var(--duration-fast);align-items:center;display:flex}.citysearch-district:before{content:"└";margin-right:var(--space-sm);color:var(--color-text-soft);opacity:.4}.citysearch-district:hover,.citysearch-district:active{background:var(--color-bg-start);color:var(--color-text)}.citysearch-name{font-size:var(--text-base);font-weight:500}.citysearch-adm{font-size:var(--text-xs);color:var(--color-text-soft);font-weight:400}.citysearch-empty{text-align:center;padding:var(--space-lg);color:var(--color-text-soft);font-size:var(--text-sm)}.loading-card,.error-card{text-align:center;padding:var(--space-xl);color:var(--color-text-soft)}.loading-spinner{border:3px solid var(--color-card-border);border-top-color:var(--color-primary);width:36px;height:36px;margin:0 auto var(--space-md);border-radius:50%;animation:.8s linear infinite spin}.error-hint{font-size:var(--text-xs);margin-top:var(--space-sm);opacity:.7}.app-footer{text-align:center;padding:var(--space-lg);font-size:var(--text-xs);color:var(--color-text-soft);opacity:.7;z-index:1;position:relative}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}.air-main{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.air-aqi{font-size:var(--text-3xl);font-weight:700}.air-level{font-size:var(--text-lg);font-weight:600}.air-detail{gap:var(--space-lg);margin-bottom:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-soft);display:flex}.air-advice{font-size:var(--text-sm);color:var(--color-text-soft)}.uv-main{align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.uv-index{font-size:var(--text-3xl);font-weight:700}.uv-level{font-size:var(--text-lg);font-weight:600}.uv-advice{font-size:var(--text-sm);color:var(--color-text-soft)}.besttime-dry{text-align:center;color:var(--color-text-soft);font-size:var(--text-sm);padding:var(--space-md) 0}.rain-legend{gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.rain-legend-item{font-size:var(--text-xs);color:var(--color-text-soft);align-items:center;gap:4px;display:flex}.rain-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.rain-chart{align-items:flex-end;gap:1px;height:160px;padding-bottom:32px;display:flex;overflow-x:auto}.rain-bar-wrap{flex-direction:column;flex:1;align-items:center;min-width:22px;height:100%;display:flex;position:relative}.rain-bar-top{flex-direction:column;justify-content:flex-end;align-items:center;min-height:30px;margin-bottom:3px;display:flex}.rain-bar-tag,.rain-bar-value{font-size:9px;font-weight:600}.rain-bar-track{flex:1;width:100%;position:relative}.rain-bar-fill{min-height:3px;transition:height .3s var(--ease-out);border-radius:3px 3px 0 0;position:absolute;bottom:0;left:2px;right:2px}.rain-bar-time{color:var(--color-text-soft);white-space:nowrap;font-size:9px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.schedule-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.schedule-header .card-title{margin-bottom:0}.schedule-add-btn{font-size:var(--text-sm);color:var(--color-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:background var(--duration-fast);font-weight:600}.schedule-add-btn:hover{background:var(--color-primary-soft)}.schedule-empty{text-align:center;color:var(--color-text-soft);font-size:var(--text-sm);padding:var(--space-md) 0}.schedule-list{gap:var(--space-sm);flex-direction:column;display:flex}.schedule-item{gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--color-card-border);display:flex}.schedule-item:last-child{border-bottom:none}.schedule-time{font-size:var(--text-xs);color:var(--color-primary);min-width:80px;padding-top:2px;font-weight:600}.schedule-info{flex:1;min-width:0}.schedule-name{font-size:var(--text-sm);font-weight:600}.schedule-location,.schedule-items{font-size:var(--text-xs);color:var(--color-text-soft);margin-top:2px}.schedule-actions{gap:var(--space-xs);align-items:flex-start;display:flex}.schedule-action{font-size:var(--text-xs);opacity:.5;transition:opacity var(--duration-fast);padding:2px 4px}.schedule-action:hover{opacity:1}.schedule-tips{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--color-card-border)}.schedule-tip{font-size:var(--text-xs);color:var(--color-text-soft);line-height:1.8}.editor-title{font-size:var(--text-lg);margin-bottom:var(--space-md);text-align:center;font-weight:600}.editor-field{margin-bottom:var(--space-md)}.editor-field label{font-size:var(--text-xs);color:var(--color-text-soft);margin-bottom:var(--space-xs);display:block}.editor-field input,.editor-field select{width:100%;padding:var(--space-sm) var(--space-md);border:2px solid var(--color-card-border);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--color-text);background:#fff;outline:none}.editor-field input:focus,.editor-field select:focus{border-color:var(--color-primary)}.editor-row{gap:var(--space-md);display:flex}.editor-row .editor-field{flex:1}.editor-btns{gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.editor-cancel,.editor-save{padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-base);text-align:center;flex:1;font-weight:600}.editor-cancel{background:var(--color-bg-start);color:var(--color-text-soft)}.editor-save{background:var(--color-primary);color:#fff}.tempalert-body{font-size:var(--text-sm);color:var(--color-text-soft);line-height:1.6}.tempalert-body strong{color:var(--color-accent)}.envelope-subtitle{font-size:var(--text-xs);color:var(--color-text-soft);margin-bottom:var(--space-md);margin-top:-var(--space-sm)}.envelope-messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;max-height:200px;margin-bottom:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex;overflow-y:auto}.envelope-empty{text-align:center;color:var(--color-text-soft);font-size:var(--text-xs);padding:var(--space-md) 0}.envelope-msg{background:var(--color-bg-start);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md)}.envelope-msg.inbox{border-left:3px solid var(--color-accent);background:#fef0f5}.envelope-msg.outbox{border-left:3px solid var(--color-sky);background:#f0f7ff}.envelope-text{font-size:var(--text-sm);color:var(--color-text);word-break:break-word;line-height:1.5}.envelope-time{color:var(--color-text-soft);text-align:right;margin-top:2px;font-size:10px;display:block}.envelope-input-row{gap:var(--space-sm);display:flex}.envelope-input{padding:var(--space-sm) var(--space-md);border:2px solid var(--color-card-border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);background:#fff;outline:none;flex:1}.envelope-input:focus{border-color:var(--color-primary)}.envelope-send{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);white-space:nowrap;transition:opacity var(--duration-fast);font-weight:600}.envelope-send:active{opacity:.8}.envelope-clear{padding:2px var(--space-md);font-size:var(--text-xs);color:var(--color-text-soft);opacity:.4;transition:opacity var(--duration-fast);margin:0 auto;margin-bottom:var(--space-sm);display:block}.envelope-clear:hover{opacity:1;color:var(--color-accent)}.install-banner{z-index:200;color:#fff;padding:var(--space-sm) var(--space-md);justify-content:space-between;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);background:linear-gradient(135deg,#f4a261,#e9c46a);display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000026}.install-text{align-items:center;gap:var(--space-sm);flex:1;display:flex}.install-icon{font-size:var(--text-lg)}.install-actions{align-items:center;gap:var(--space-sm);display:flex}.install-btn{color:var(--color-primary);padding:4px var(--space-md);font-size:var(--text-xs);white-space:nowrap;background:#fff;border-radius:9999px;font-weight:700}.install-close{color:#fff;font-size:var(--text-lg);opacity:.7;padding:var(--space-xs)}.install-close:hover{opacity:1}.identity-toggle{margin:0 auto var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:var(--text-xs);color:var(--color-primary);border:1px solid var(--color-primary-soft);transition:all var(--duration-fast);background:#fff;border-radius:9999px;display:block}.identity-toggle:hover{background:var(--color-primary-soft)}@media (width>=480px){.app-content{padding:var(--space-xl) var(--space-lg)}}