.weather-tool[data-v-b7e036d6]{max-width:800px;margin:0 auto}.search-section[data-v-b7e036d6]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.search-box[data-v-b7e036d6]{display:flex;flex:1;min-width:250px}.search-box input[data-v-b7e036d6]{flex:1;padding:12px 16px;font-size:15px;border:2px solid #e2e8f0;border-radius:10px 0 0 10px;outline:none;transition:border-color .2s}.search-box input[data-v-b7e036d6]:focus{border-color:#2563eb}.search-box button[data-v-b7e036d6]{padding:12px 20px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:0 10px 10px 0;cursor:pointer;transition:opacity .2s}.search-box button[data-v-b7e036d6]:hover:not(:disabled){opacity:.9}.search-box button[data-v-b7e036d6]:disabled{opacity:.6;cursor:not-allowed}.current-location-btn[data-v-b7e036d6]{padding:12px 20px;font-size:14px;font-weight:600;background:#f8fafc;color:#475569;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s;white-space:nowrap}.current-location-btn[data-v-b7e036d6]:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.search-results[data-v-b7e036d6]{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:15px;margin-bottom:20px}.search-results h4[data-v-b7e036d6]{margin:0 0 10px;font-size:14px;color:#64748b}.search-results ul[data-v-b7e036d6]{list-style:none;padding:0;margin:0}.search-results li[data-v-b7e036d6]{padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;display:flex;flex-direction:column;gap:2px}.search-results li[data-v-b7e036d6]:hover{background:#f8fafc}.location-name[data-v-b7e036d6]{font-weight:600;color:#1e293b}.location-detail[data-v-b7e036d6]{font-size:13px;color:#64748b}.error-message[data-v-b7e036d6]{background:#fef2f2;color:#dc2626;padding:15px;border-radius:10px;margin-bottom:20px;text-align:center}.loading[data-v-b7e036d6]{text-align:center;padding:60px 20px}.spinner[data-v-b7e036d6]{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:spin-b7e036d6 1s linear infinite;margin:0 auto 15px}@keyframes spin-b7e036d6{to{transform:rotate(360deg)}}.loading p[data-v-b7e036d6]{color:#64748b;margin:0}.weather-content[data-v-b7e036d6]{background:#fff;border-radius:16px;padding:25px;box-shadow:0 4px 20px #00000014}.location-header[data-v-b7e036d6]{text-align:center;margin-bottom:25px}.location-header h2[data-v-b7e036d6]{margin:0;font-size:28px;color:#1e293b}.location-sub[data-v-b7e036d6]{margin:5px 0 0;color:#64748b;font-size:14px}.update-time[data-v-b7e036d6]{margin:5px 0 0;font-size:12px;color:#94a3b8}.current-weather[data-v-b7e036d6]{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:20px;padding:20px;background:linear-gradient(135deg,#2563eb10,#1e40af10);border-radius:16px}.current-main[data-v-b7e036d6]{text-align:center}.weather-icon-large[data-v-b7e036d6]{font-size:64px;line-height:1;margin-bottom:10px}.current-temp[data-v-b7e036d6]{font-size:56px;font-weight:700;color:#1e293b;line-height:1}.weather-desc[data-v-b7e036d6]{font-size:18px;color:#475569;margin-top:5px}.current-details[data-v-b7e036d6]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.detail-item[data-v-b7e036d6]{display:flex;flex-direction:column;align-items:center;padding:12px;background:#fff;border-radius:10px}.detail-icon[data-v-b7e036d6]{font-size:20px;margin-bottom:5px}.detail-label[data-v-b7e036d6]{font-size:12px;color:#64748b}.detail-value[data-v-b7e036d6]{font-size:16px;font-weight:600;color:#1e293b}.today-range[data-v-b7e036d6]{text-align:center;margin-bottom:25px;font-size:16px}.today-range .high[data-v-b7e036d6]{color:#ef4444;font-weight:600}.today-range .low[data-v-b7e036d6]{color:#3b82f6;font-weight:600}.today-range .divider[data-v-b7e036d6]{color:#cbd5e1;margin:0 15px}.hourly-forecast[data-v-b7e036d6]{margin-bottom:25px}.hourly-forecast h3[data-v-b7e036d6]{margin:0 0 15px;font-size:16px;color:#1e293b}.hourly-scroll[data-v-b7e036d6]{display:flex;gap:10px;overflow-x:auto;padding:5px 0;scrollbar-width:thin}.hourly-item[data-v-b7e036d6]{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 15px;background:#f8fafc;border-radius:12px;min-width:70px}.hourly-item.is-now[data-v-b7e036d6]{background:linear-gradient(135deg,#2563eb,#1e40af)}.hourly-item.is-now .hour-time[data-v-b7e036d6],.hourly-item.is-now .hour-temp[data-v-b7e036d6]{color:#fff}.hour-time[data-v-b7e036d6]{font-size:13px;color:#64748b;font-weight:500}.hour-icon[data-v-b7e036d6]{font-size:24px}.hour-temp[data-v-b7e036d6]{font-size:16px;font-weight:600;color:#1e293b}.hour-rain[data-v-b7e036d6]{font-size:11px;color:#3b82f6}.weekly-forecast[data-v-b7e036d6]{margin-bottom:25px}.weekly-forecast h3[data-v-b7e036d6]{margin:0 0 15px;font-size:16px;color:#1e293b}.weekly-item[data-v-b7e036d6]{display:grid;grid-template-columns:50px 60px 40px 1fr 180px 60px;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f1f5f9}.weekly-item[data-v-b7e036d6]:last-child{border-bottom:none}.weekly-item.is-today[data-v-b7e036d6]{background:linear-gradient(135deg,#2563eb08,#1e40af08);margin:0 -15px;padding:12px 15px;border-radius:8px}.day-name[data-v-b7e036d6]{font-weight:600;color:#1e293b}.day-date[data-v-b7e036d6]{font-size:13px;color:#64748b}.day-icon[data-v-b7e036d6]{font-size:24px;text-align:center}.day-desc[data-v-b7e036d6]{font-size:13px;color:#64748b}.day-temps[data-v-b7e036d6]{display:flex;align-items:center;gap:10px}.day-high[data-v-b7e036d6]{font-weight:600;color:#ef4444;width:35px;text-align:right}.day-low[data-v-b7e036d6]{font-weight:600;color:#3b82f6;width:35px}.temp-bar[data-v-b7e036d6]{flex:1;height:6px;background:#e2e8f0;border-radius:3px;position:relative}.temp-range[data-v-b7e036d6]{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#3b82f6,#ef4444);border-radius:3px}.day-rain[data-v-b7e036d6]{font-size:13px;color:#3b82f6;text-align:right}.sun-times[data-v-b7e036d6]{display:flex;justify-content:center;gap:50px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:12px}.sun-item[data-v-b7e036d6]{display:flex;flex-direction:column;align-items:center;gap:5px}.sun-icon[data-v-b7e036d6]{font-size:28px}.sun-label[data-v-b7e036d6]{font-size:13px;color:#92400e}.sun-time[data-v-b7e036d6]{font-size:18px;font-weight:600;color:#78350f}.initial-state[data-v-b7e036d6]{text-align:center;padding:60px 20px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014}.initial-icon[data-v-b7e036d6]{font-size:64px;margin-bottom:20px}.initial-state h3[data-v-b7e036d6]{margin:0 0 10px;color:#1e293b;font-size:22px}.initial-state p[data-v-b7e036d6]{margin:0;color:#64748b}@media (max-width: 768px){.search-section[data-v-b7e036d6]{flex-direction:column}.search-box[data-v-b7e036d6],.current-location-btn[data-v-b7e036d6]{width:100%}.current-weather[data-v-b7e036d6]{grid-template-columns:1fr;gap:20px}.current-details[data-v-b7e036d6]{grid-template-columns:repeat(2,1fr)}.weekly-item[data-v-b7e036d6]{grid-template-columns:45px 55px 35px 1fr 50px;font-size:14px}.day-temps[data-v-b7e036d6],.day-desc[data-v-b7e036d6]{display:none}.sun-times[data-v-b7e036d6]{gap:30px}}@media (max-width: 480px){.weather-content[data-v-b7e036d6]{padding:15px}.location-header h2[data-v-b7e036d6]{font-size:24px}.current-temp[data-v-b7e036d6],.weather-icon-large[data-v-b7e036d6]{font-size:48px}.current-details[data-v-b7e036d6]{grid-template-columns:repeat(3,1fr);gap:8px}.detail-item[data-v-b7e036d6]{padding:8px}.detail-icon[data-v-b7e036d6]{font-size:16px}.detail-label[data-v-b7e036d6]{font-size:10px}.detail-value[data-v-b7e036d6]{font-size:13px}}.weather-page[data-v-f1b38303]{max-width:900px;margin:0 auto;padding:20px}.page-header[data-v-f1b38303]{text-align:center;margin-bottom:30px}.page-header h1[data-v-f1b38303]{font-size:32px;color:#1f2937;margin:0 0 10px}.page-header p[data-v-f1b38303]{font-size:16px;color:#6b7280;margin:0}.info-section[data-v-f1b38303]{margin-top:40px}details[data-v-f1b38303]{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}summary[data-v-f1b38303]{padding:18px 24px;font-weight:600;color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;justify-content:space-between}summary[data-v-f1b38303]::-webkit-details-marker{display:none}summary[data-v-f1b38303]:after{content:"▼";font-size:12px;color:#6b7280;transition:transform .2s}details[open] summary[data-v-f1b38303]:after{transform:rotate(180deg)}.info-content[data-v-f1b38303]{padding:0 24px 24px}.info-card[data-v-f1b38303]{background:#f9fafb;padding:20px;border-radius:10px;margin-bottom:15px}.info-card[data-v-f1b38303]:last-child{margin-bottom:0}.info-card h4[data-v-f1b38303]{margin:0 0 12px;color:#1f2937;font-size:16px}.info-card p[data-v-f1b38303]{color:#4b5563;line-height:1.6;margin:0}.info-card ul[data-v-f1b38303]{margin:0;padding-left:20px}.info-card li[data-v-f1b38303]{color:#4b5563;line-height:1.8;margin-bottom:5px}.info-card li strong[data-v-f1b38303]{color:#1f2937}.info-card a[data-v-f1b38303]{color:#2563eb;text-decoration:none}.info-card a[data-v-f1b38303]:hover{text-decoration:underline}.uv-levels[data-v-f1b38303]{display:flex;flex-direction:column;gap:8px}.uv-item[data-v-f1b38303]{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;border-radius:8px}.uv-label[data-v-f1b38303]{font-weight:600}.uv-desc[data-v-f1b38303]{font-size:13px}.uv-item.low[data-v-f1b38303]{background:#d1fae5;color:#065f46}.uv-item.moderate[data-v-f1b38303]{background:#fef3c7;color:#92400e}.uv-item.high[data-v-f1b38303]{background:#fed7aa;color:#9a3412}.uv-item.very-high[data-v-f1b38303]{background:#fecaca;color:#991b1b}.uv-item.extreme[data-v-f1b38303]{background:#e9d5ff;color:#6b21a8}.weather-icons-grid[data-v-f1b38303]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.icon-item[data-v-f1b38303]{padding:10px;background:#fff;border-radius:8px;text-align:center;font-size:14px;color:#4b5563}@media (max-width: 768px){.weather-page[data-v-f1b38303]{padding:15px}.page-header h1[data-v-f1b38303]{font-size:24px}.info-content[data-v-f1b38303]{padding:0 15px 15px}summary[data-v-f1b38303]{padding:15px}.uv-item[data-v-f1b38303]{flex-direction:column;align-items:flex-start;gap:5px}}