.map-container[data-v-482c6983]{width:100%;height:100vh}.mode-switch[data-v-2811d2ea]{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:1000;display:flex;background:#fffffff2;border-radius:8px;box-shadow:0 2px 12px #00000026;overflow:hidden}.mode-btn[data-v-2811d2ea]{padding:10px 24px;border:none;background:transparent;font-size:14px;cursor:pointer;color:#666;transition:all .3s}.mode-btn.active[data-v-2811d2ea]{background:#3385ff;color:#fff}.mode-btn[data-v-2811d2ea]:hover:not(.active){background:#f0f0f0}.city-search[data-v-bceba8e0]{position:absolute;top:16px;left:16px;z-index:1000}.search-box[data-v-bceba8e0]{display:flex;background:#fff;border-radius:8px;box-shadow:0 2px 12px #00000026;overflow:hidden}.search-box input[data-v-bceba8e0]{width:220px;padding:10px 16px;border:none;outline:none;font-size:14px}.search-box button[data-v-bceba8e0]{padding:10px 20px;border:none;background:#3385ff;color:#fff;cursor:pointer;font-size:14px;transition:background .3s}.search-box button[data-v-bceba8e0]:hover{background:#2b6edb}.weather-card[data-v-bceba8e0]{margin-top:10px;background:#fffffff7;border-radius:12px;box-shadow:0 4px 20px #00000026;width:280px;overflow:hidden}.card-header[data-v-bceba8e0]{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#3385ff,#5b9eff);color:#fff}.card-header h3[data-v-bceba8e0]{margin:0;font-size:18px}.close-btn[data-v-bceba8e0]{cursor:pointer;font-size:20px;opacity:.8}.close-btn[data-v-bceba8e0]:hover{opacity:1}.card-body[data-v-bceba8e0]{padding:18px}.temp[data-v-bceba8e0]{font-size:48px;font-weight:700;color:#333;text-align:center;margin-bottom:16px}.info-grid[data-v-bceba8e0]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item[data-v-bceba8e0]{display:flex;flex-direction:column}.info-item .label[data-v-bceba8e0]{font-size:12px;color:#999;margin-bottom:2px}.info-item .value[data-v-bceba8e0]{font-size:14px;color:#333;font-weight:500}.loading-text[data-v-bceba8e0]{text-align:center;color:#999}.panel-overlay[data-v-f16eeaab]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;background:#0000004d}.panel[data-v-f16eeaab]{position:absolute;top:0;right:0;width:420px;height:100%;background:#fff;box-shadow:-4px 0 20px #00000026;transform:translate(100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden}.panel.open[data-v-f16eeaab]{transform:translate(0)}.panel-header[data-v-f16eeaab]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#3385ff,#5b9eff);color:#fff;flex-shrink:0}.panel-header h2[data-v-f16eeaab]{margin:0;font-size:20px}.close-btn[data-v-f16eeaab]{cursor:pointer;font-size:24px;opacity:.8;line-height:1}.close-btn[data-v-f16eeaab]:hover{opacity:1}.panel-body[data-v-f16eeaab]{flex:1;overflow-y:auto;padding:16px 20px}.panel-body.loading[data-v-f16eeaab]{display:flex;align-items:center;justify-content:center;color:#999}.now-overview[data-v-f16eeaab]{text-align:center;margin-bottom:16px}.temp-main[data-v-f16eeaab]{font-size:56px;font-weight:700;color:#333;line-height:1.2}.now-detail[data-v-f16eeaab]{display:flex;justify-content:center;gap:16px;font-size:13px;color:#666;margin-top:4px}.alerts[data-v-f16eeaab]{margin-bottom:16px}.alert-item[data-v-f16eeaab]{padding:8px 12px;background:#fff3e0;border-radius:6px;font-size:12px;color:#e65100;margin-bottom:6px;line-height:1.5}.alert-tag[data-v-f16eeaab]{display:inline-block;padding:1px 6px;background:#ff9800;color:#fff;border-radius:3px;font-size:11px;margin-right:4px}.chart-section[data-v-f16eeaab]{margin-bottom:20px}.chart-section h3[data-v-f16eeaab]{font-size:14px;color:#333;margin:0 0 8px;padding-left:8px;border-left:3px solid #3385ff}.chart[data-v-f16eeaab]{width:100%;height:220px}.chart-radar[data-v-f16eeaab]{height:280px}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}.app{position:relative;width:100%;height:100%}