vue-weather-ui/dist/style.css

A beautiful Vue 3 weather UI components library with mini mode support and QWeather integration

.weather-component[data-v-f08bdba0]{transition:all .3s ease;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;padding:24px}.weather-component.mini[data-v-f08bdba0]{margin-bottom:12px;padding:12px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.weather-component.light[data-v-f08bdba0]{background:#fff;color:#2d3748}.weather-component.dark[data-v-f08bdba0]{background:#2d3748;color:#fff}.weather-component[data-v-f08bdba0]:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000026}.weather-header[data-v-f08bdba0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.weather-header h3[data-v-f08bdba0]{font-size:1.3rem;font-weight:600;margin:0}.weather-component.light .weather-header h3[data-v-f08bdba0]{color:#2d3748}.weather-component.dark .weather-header h3[data-v-f08bdba0]{color:#fff}.weather-content[data-v-f08bdba0]{display:flex;flex-direction:column;gap:16px}.weather-item[data-v-f08bdba0]{background:#f7fafc;border-radius:12px;padding:16px;border:2px solid transparent;transition:all .3s ease}.weather-item.mini[data-v-f08bdba0]{padding:8px;border-radius:8px}.weather-component.light .weather-item[data-v-f08bdba0]{background:#f7fafc;border-color:#e2e8f0}.weather-component.dark .weather-item[data-v-f08bdba0]{background:#4a5568;border-color:#2d3748}.weather-item[data-v-f08bdba0]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.weather-component.light .weather-item[data-v-f08bdba0]:hover{background:#edf2f7;border-color:#cbd5e0}.weather-component.dark .weather-item[data-v-f08bdba0]:hover{background:#1a202c;border-color:#1a202c}.weather-item.selected[data-v-f08bdba0],.weather-item.current[data-v-f08bdba0]{background:#667eea!important;color:#fff!important;border-color:#5a67d8!important;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.weather-item.selected[data-v-f08bdba0] *,.weather-item.current[data-v-f08bdba0] *{color:#fff!important}.weather-item.selected[data-v-f08bdba0]:hover,.weather-item.current[data-v-f08bdba0]:hover{background:#5a67d8!important;border-color:#4c51bf!important;transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.weather-icon[data-v-f08bdba0]{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.weather-icon .qweather-icon[data-v-f08bdba0]{transition:color .3s ease}.weather-component.light .weather-item:not(.selected):not(.current) .qweather-icon[data-v-f08bdba0]{color:#2d3748!important}.weather-component.dark .weather-item .qweather-icon[data-v-f08bdba0]{color:#fff!important}.temp-container[data-v-f08bdba0]{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.temp-value[data-v-f08bdba0]{font-weight:600;line-height:1}.temp-max[data-v-f08bdba0]{color:#e53e3e;font-size:1.2rem}.temp-min[data-v-f08bdba0]{color:#3182ce;font-size:1rem}.temp-unit[data-v-f08bdba0]{font-size:.9rem;color:#718096;margin-left:2px}.weather-item.selected .temp-max[data-v-f08bdba0]{color:#feb2b2}.weather-item.selected .temp-min[data-v-f08bdba0]{color:#90cdf4}.weather-item.selected .temp-unit[data-v-f08bdba0]{color:#fffc}.weather-component.dark .temp-unit[data-v-f08bdba0]{color:#a0aec0}.weather-desc[data-v-f08bdba0]{font-size:.8rem;color:#718096;line-height:1.2;margin-bottom:4px}.weather-item.selected .weather-desc[data-v-f08bdba0]{color:#ffffffe6}.weather-component.dark .weather-desc[data-v-f08bdba0]{color:#cbd5e0}.weather-label[data-v-f08bdba0]{font-size:.8rem;color:#718096;font-weight:500}.weather-component.dark .weather-label[data-v-f08bdba0]{color:#a0aec0}.weather-value[data-v-f08bdba0]{font-size:.9rem;font-weight:500;color:#2d3748}.weather-item.selected .weather-value[data-v-f08bdba0]{color:#fff}.weather-component.dark .weather-value[data-v-f08bdba0]{color:#e2e8f0}.details-grid[data-v-f08bdba0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.detail-item[data-v-f08bdba0]{display:flex;flex-direction:column;gap:4px}.detail-label[data-v-f08bdba0]{font-size:.8rem;color:#718096}.weather-component.dark .detail-label[data-v-f08bdba0]{color:#a0aec0}.detail-value[data-v-f08bdba0]{font-size:.9rem;font-weight:500;color:#2d3748}.weather-component.dark .detail-value[data-v-f08bdba0]{color:#fff}.weather-scroll[data-v-f08bdba0]{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.weather-scroll[data-v-f08bdba0]::-webkit-scrollbar{height:6px}.weather-scroll[data-v-f08bdba0]::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.weather-scroll[data-v-f08bdba0]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.weather-component.dark .weather-scroll[data-v-f08bdba0]{scrollbar-color:#718096 #4a5568}.weather-component.dark .weather-scroll[data-v-f08bdba0]::-webkit-scrollbar-track{background:#4a5568}.weather-component.dark .weather-scroll[data-v-f08bdba0]::-webkit-scrollbar-thumb{background:#718096}.weather-button[data-v-f08bdba0]{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;color:#4a5568}.weather-button[data-v-f08bdba0]:hover{background:#edf2f7;border-color:#cbd5e0}.weather-button.active[data-v-f08bdba0]{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-component.dark .weather-button[data-v-f08bdba0]{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.weather-component.dark .weather-button[data-v-f08bdba0]:hover{background:#2d3748;border-color:#1a202c}.weather-component.dark .weather-button.active[data-v-f08bdba0]{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-divider[data-v-f08bdba0]{border-top:1px solid #e2e8f0;margin:16px 0}.weather-component.dark .weather-divider[data-v-f08bdba0]{border-top-color:#4a5568}@media (max-width: 640px){.weather-component[data-v-f08bdba0]{padding:16px;border-radius:16px}.weather-component.mini[data-v-f08bdba0]{padding:8px;border-radius:8px}.weather-header[data-v-f08bdba0]{flex-direction:column;gap:12px;margin-bottom:16px}.weather-header h3[data-v-f08bdba0]{font-size:1.1rem}.weather-item[data-v-f08bdba0]{padding:12px}.weather-item.mini[data-v-f08bdba0]{padding:6px}.details-grid[data-v-f08bdba0]{grid-template-columns:repeat(2,1fr);gap:8px}.temp-max[data-v-f08bdba0]{font-size:1rem}.temp-min[data-v-f08bdba0]{font-size:.9rem}}.weather-card[data-v-f08bdba0]{min-height:280px;display:flex;flex-direction:column}.weather-card.mini[data-v-f08bdba0]{min-height:120px}.weather-card-header[data-v-f08bdba0]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.location-info h3[data-v-f08bdba0]{font-size:1.5rem;font-weight:600;margin-bottom:4px}.weather-card.mini .location-info h3[data-v-f08bdba0]{font-size:1.1rem;margin-bottom:2px}.location-details[data-v-f08bdba0]{font-size:.9rem}.weather-main[data-v-f08bdba0]{display:flex;flex-direction:column;align-items:center;text-align:center}.weather-temp .temp-value[data-v-f08bdba0]{font-size:3rem}.weather-temp .temp-value.mini[data-v-f08bdba0]{font-size:1.8rem}.weather-temp .temp-unit[data-v-f08bdba0]{font-size:1.5rem;margin-left:4px}.weather-temp .temp-unit.mini[data-v-f08bdba0]{font-size:1rem}.weather-card-body[data-v-f08bdba0]{flex:1}.weather-card-body-mini[data-v-f08bdba0]{margin-top:12px}.mini-info-row[data-v-f08bdba0]{display:flex;justify-content:space-between;align-items:center;gap:8px}.mini-info-item[data-v-f08bdba0]{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.mini-label[data-v-f08bdba0]{font-size:.7rem;text-align:center}.mini-value[data-v-f08bdba0]{font-size:.8rem;text-align:center}.mini-update-time[data-v-f08bdba0]{margin-top:8px;text-align:center}.mini-update-text[data-v-f08bdba0]{font-size:.65rem;font-weight:400}.weather-card-footer[data-v-f08bdba0]{margin-top:auto;padding-top:16px}.update-time[data-v-f08bdba0]{font-size:.8rem}@media (max-width: 640px){.weather-card-header[data-v-f08bdba0]{flex-direction:column;gap:16px}.temp-value[data-v-f08bdba0]{font-size:2.5rem}.mini-info-row[data-v-f08bdba0]{flex-direction:column;gap:8px}.mini-info-item[data-v-f08bdba0]{flex-direction:row;justify-content:space-between}}.weather-component[data-v-ce5bab7c]{transition:all .3s ease;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;padding:24px}.weather-component.mini[data-v-ce5bab7c]{margin-bottom:12px;padding:12px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.weather-component.light[data-v-ce5bab7c]{background:#fff;color:#2d3748}.weather-component.dark[data-v-ce5bab7c]{background:#2d3748;color:#fff}.weather-component[data-v-ce5bab7c]:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000026}.weather-header[data-v-ce5bab7c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.weather-header h3[data-v-ce5bab7c]{font-size:1.3rem;font-weight:600;margin:0}.weather-component.light .weather-header h3[data-v-ce5bab7c]{color:#2d3748}.weather-component.dark .weather-header h3[data-v-ce5bab7c]{color:#fff}.weather-content[data-v-ce5bab7c]{display:flex;flex-direction:column;gap:16px}.weather-item[data-v-ce5bab7c]{background:#f7fafc;border-radius:12px;padding:16px;border:2px solid transparent;transition:all .3s ease}.weather-item.mini[data-v-ce5bab7c]{padding:8px;border-radius:8px}.weather-component.light .weather-item[data-v-ce5bab7c]{background:#f7fafc;border-color:#e2e8f0}.weather-component.dark .weather-item[data-v-ce5bab7c]{background:#4a5568;border-color:#2d3748}.weather-item[data-v-ce5bab7c]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.weather-component.light .weather-item[data-v-ce5bab7c]:hover{background:#edf2f7;border-color:#cbd5e0}.weather-component.dark .weather-item[data-v-ce5bab7c]:hover{background:#1a202c;border-color:#1a202c}.weather-item.selected[data-v-ce5bab7c],.weather-item.current[data-v-ce5bab7c]{background:#667eea!important;color:#fff!important;border-color:#5a67d8!important;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.weather-item.selected[data-v-ce5bab7c] *,.weather-item.current[data-v-ce5bab7c] *{color:#fff!important}.weather-item.selected[data-v-ce5bab7c]:hover,.weather-item.current[data-v-ce5bab7c]:hover{background:#5a67d8!important;border-color:#4c51bf!important;transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.weather-icon[data-v-ce5bab7c]{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.weather-icon .qweather-icon[data-v-ce5bab7c]{transition:color .3s ease}.weather-component.light .weather-item:not(.selected):not(.current) .qweather-icon[data-v-ce5bab7c]{color:#2d3748!important}.weather-component.dark .weather-item .qweather-icon[data-v-ce5bab7c]{color:#fff!important}.temp-container[data-v-ce5bab7c]{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.temp-value[data-v-ce5bab7c]{font-weight:600;line-height:1}.temp-max[data-v-ce5bab7c]{color:#e53e3e;font-size:1.2rem}.temp-min[data-v-ce5bab7c]{color:#3182ce;font-size:1rem}.temp-unit[data-v-ce5bab7c]{font-size:.9rem;color:#718096;margin-left:2px}.weather-item.selected .temp-max[data-v-ce5bab7c]{color:#feb2b2}.weather-item.selected .temp-min[data-v-ce5bab7c]{color:#90cdf4}.weather-item.selected .temp-unit[data-v-ce5bab7c]{color:#fffc}.weather-component.dark .temp-unit[data-v-ce5bab7c]{color:#a0aec0}.weather-desc[data-v-ce5bab7c]{font-size:.8rem;color:#718096;line-height:1.2;margin-bottom:4px}.weather-item.selected .weather-desc[data-v-ce5bab7c]{color:#ffffffe6}.weather-component.dark .weather-desc[data-v-ce5bab7c]{color:#cbd5e0}.weather-label[data-v-ce5bab7c]{font-size:.8rem;color:#718096;font-weight:500}.weather-component.dark .weather-label[data-v-ce5bab7c]{color:#a0aec0}.weather-value[data-v-ce5bab7c]{font-size:.9rem;font-weight:500;color:#2d3748}.weather-item.selected .weather-value[data-v-ce5bab7c]{color:#fff}.weather-component.dark .weather-value[data-v-ce5bab7c]{color:#e2e8f0}.details-grid[data-v-ce5bab7c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.detail-item[data-v-ce5bab7c]{display:flex;flex-direction:column;gap:4px}.detail-label[data-v-ce5bab7c]{font-size:.8rem;color:#718096}.weather-component.dark .detail-label[data-v-ce5bab7c]{color:#a0aec0}.detail-value[data-v-ce5bab7c]{font-size:.9rem;font-weight:500;color:#2d3748}.weather-component.dark .detail-value[data-v-ce5bab7c]{color:#fff}.weather-scroll[data-v-ce5bab7c]{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.weather-scroll[data-v-ce5bab7c]::-webkit-scrollbar{height:6px}.weather-scroll[data-v-ce5bab7c]::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.weather-scroll[data-v-ce5bab7c]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.weather-component.dark .weather-scroll[data-v-ce5bab7c]{scrollbar-color:#718096 #4a5568}.weather-component.dark .weather-scroll[data-v-ce5bab7c]::-webkit-scrollbar-track{background:#4a5568}.weather-component.dark .weather-scroll[data-v-ce5bab7c]::-webkit-scrollbar-thumb{background:#718096}.weather-button[data-v-ce5bab7c]{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;color:#4a5568}.weather-button[data-v-ce5bab7c]:hover{background:#edf2f7;border-color:#cbd5e0}.weather-button.active[data-v-ce5bab7c]{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-component.dark .weather-button[data-v-ce5bab7c]{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.weather-component.dark .weather-button[data-v-ce5bab7c]:hover{background:#2d3748;border-color:#1a202c}.weather-component.dark .weather-button.active[data-v-ce5bab7c]{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-divider[data-v-ce5bab7c]{border-top:1px solid #e2e8f0;margin:16px 0}.weather-component.dark .weather-divider[data-v-ce5bab7c]{border-top-color:#4a5568}@media (max-width: 640px){.weather-component[data-v-ce5bab7c]{padding:16px;border-radius:16px}.weather-component.mini[data-v-ce5bab7c]{padding:8px;border-radius:8px}.weather-header[data-v-ce5bab7c]{flex-direction:column;gap:12px;margin-bottom:16px}.weather-header h3[data-v-ce5bab7c]{font-size:1.1rem}.weather-item[data-v-ce5bab7c]{padding:12px}.weather-item.mini[data-v-ce5bab7c]{padding:6px}.details-grid[data-v-ce5bab7c]{grid-template-columns:repeat(2,1fr);gap:8px}.temp-max[data-v-ce5bab7c]{font-size:1rem}.temp-min[data-v-ce5bab7c]{font-size:.9rem}}.hourly-forecast[data-v-ce5bab7c]{margin-bottom:20px}.hourly-forecast.mini[data-v-ce5bab7c]{margin-bottom:12px}.hourly-container[data-v-ce5bab7c]{position:relative;overflow:hidden}.hourly-scroll[data-v-ce5bab7c]{display:flex;gap:16px;overflow-x:auto;padding:6px 0}.hourly-item[data-v-ce5bab7c]{flex:0 0 auto;width:120px;min-width:120px;max-width:120px;padding:16px;text-align:center;box-sizing:border-box}.hourly-item.mini[data-v-ce5bab7c]{width:60px;min-width:60px;max-width:60px;padding:8px}.hourly-time[data-v-ce5bab7c]{font-size:.9rem;font-weight:500;margin-bottom:8px}.hourly-item.mini .hourly-time[data-v-ce5bab7c]{font-size:.7rem;margin-bottom:4px}.hourly-icon[data-v-ce5bab7c]{margin-bottom:8px;height:32px}.hourly-temp[data-v-ce5bab7c]{margin-bottom:4px}.hourly-temp .temp-value[data-v-ce5bab7c]{font-size:1.5rem}.hourly-temp .temp-value.mini[data-v-ce5bab7c]{font-size:1rem}.hourly-desc[data-v-ce5bab7c]{margin-bottom:8px}.hourly-details[data-v-ce5bab7c]{display:flex;flex-direction:column;gap:4px}.detail-row[data-v-ce5bab7c]{display:flex;align-items:center;justify-content:center;gap:4px;font-size:.7rem}.detail-row i[data-v-ce5bab7c]{font-size:12px}@media (max-width: 640px){.hourly-item[data-v-ce5bab7c]{width:100px;min-width:100px;max-width:100px;padding:12px}.hourly-item.mini[data-v-ce5bab7c]{width:50px;min-width:50px;max-width:50px;padding:6px}.temp-value[data-v-ce5bab7c]{font-size:1.2rem}.temp-value.mini[data-v-ce5bab7c]{font-size:.9rem}.hourly-desc[data-v-ce5bab7c]{font-size:.7rem}}.weather-component[data-v-6e5f7a56]{transition:all .3s ease;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;padding:24px}.weather-component.mini[data-v-6e5f7a56]{margin-bottom:12px;padding:12px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.weather-component.light[data-v-6e5f7a56]{background:#fff;color:#2d3748}.weather-component.dark[data-v-6e5f7a56]{background:#2d3748;color:#fff}.weather-component[data-v-6e5f7a56]:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000026}.weather-header[data-v-6e5f7a56]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.weather-header h3[data-v-6e5f7a56]{font-size:1.3rem;font-weight:600;margin:0}.weather-component.light .weather-header h3[data-v-6e5f7a56]{color:#2d3748}.weather-component.dark .weather-header h3[data-v-6e5f7a56]{color:#fff}.weather-content[data-v-6e5f7a56]{display:flex;flex-direction:column;gap:16px}.weather-item[data-v-6e5f7a56]{background:#f7fafc;border-radius:12px;padding:16px;border:2px solid transparent;transition:all .3s ease}.weather-item.mini[data-v-6e5f7a56]{padding:8px;border-radius:8px}.weather-component.light .weather-item[data-v-6e5f7a56]{background:#f7fafc;border-color:#e2e8f0}.weather-component.dark .weather-item[data-v-6e5f7a56]{background:#4a5568;border-color:#2d3748}.weather-item[data-v-6e5f7a56]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.weather-component.light .weather-item[data-v-6e5f7a56]:hover{background:#edf2f7;border-color:#cbd5e0}.weather-component.dark .weather-item[data-v-6e5f7a56]:hover{background:#1a202c;border-color:#1a202c}.weather-item.selected[data-v-6e5f7a56],.weather-item.current[data-v-6e5f7a56]{background:#667eea!important;color:#fff!important;border-color:#5a67d8!important;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.weather-item.selected[data-v-6e5f7a56] *,.weather-item.current[data-v-6e5f7a56] *{color:#fff!important}.weather-item.selected[data-v-6e5f7a56]:hover,.weather-item.current[data-v-6e5f7a56]:hover{background:#5a67d8!important;border-color:#4c51bf!important;transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.weather-icon[data-v-6e5f7a56]{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.weather-icon .qweather-icon[data-v-6e5f7a56]{transition:color .3s ease}.weather-component.light .weather-item:not(.selected):not(.current) .qweather-icon[data-v-6e5f7a56]{color:#2d3748!important}.weather-component.dark .weather-item .qweather-icon[data-v-6e5f7a56]{color:#fff!important}.temp-container[data-v-6e5f7a56]{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.temp-value[data-v-6e5f7a56]{font-weight:600;line-height:1}.temp-max[data-v-6e5f7a56]{color:#e53e3e;font-size:1.2rem}.temp-min[data-v-6e5f7a56]{color:#3182ce;font-size:1rem}.temp-unit[data-v-6e5f7a56]{font-size:.9rem;color:#718096;margin-left:2px}.weather-item.selected .temp-max[data-v-6e5f7a56]{color:#feb2b2}.weather-item.selected .temp-min[data-v-6e5f7a56]{color:#90cdf4}.weather-item.selected .temp-unit[data-v-6e5f7a56]{color:#fffc}.weather-component.dark .temp-unit[data-v-6e5f7a56]{color:#a0aec0}.weather-desc[data-v-6e5f7a56]{font-size:.8rem;color:#718096;line-height:1.2;margin-bottom:4px}.weather-item.selected .weather-desc[data-v-6e5f7a56]{color:#ffffffe6}.weather-component.dark .weather-desc[data-v-6e5f7a56]{color:#cbd5e0}.weather-label[data-v-6e5f7a56]{font-size:.8rem;color:#718096;font-weight:500}.weather-component.dark .weather-label[data-v-6e5f7a56]{color:#a0aec0}.weather-value[data-v-6e5f7a56]{font-size:.9rem;font-weight:500;color:#2d3748}.weather-item.selected .weather-value[data-v-6e5f7a56]{color:#fff}.weather-component.dark .weather-value[data-v-6e5f7a56]{color:#e2e8f0}.details-grid[data-v-6e5f7a56]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.detail-item[data-v-6e5f7a56]{display:flex;flex-direction:column;gap:4px}.detail-label[data-v-6e5f7a56]{font-size:.8rem;color:#718096}.weather-component.dark .detail-label[data-v-6e5f7a56]{color:#a0aec0}.detail-value[data-v-6e5f7a56]{font-size:.9rem;font-weight:500;color:#2d3748}.weather-component.dark .detail-value[data-v-6e5f7a56]{color:#fff}.weather-scroll[data-v-6e5f7a56]{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.weather-scroll[data-v-6e5f7a56]::-webkit-scrollbar{height:6px}.weather-scroll[data-v-6e5f7a56]::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.weather-scroll[data-v-6e5f7a56]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.weather-component.dark .weather-scroll[data-v-6e5f7a56]{scrollbar-color:#718096 #4a5568}.weather-component.dark .weather-scroll[data-v-6e5f7a56]::-webkit-scrollbar-track{background:#4a5568}.weather-component.dark .weather-scroll[data-v-6e5f7a56]::-webkit-scrollbar-thumb{background:#718096}.weather-button[data-v-6e5f7a56]{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;color:#4a5568}.weather-button[data-v-6e5f7a56]:hover{background:#edf2f7;border-color:#cbd5e0}.weather-button.active[data-v-6e5f7a56]{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-component.dark .weather-button[data-v-6e5f7a56]{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.weather-component.dark .weather-button[data-v-6e5f7a56]:hover{background:#2d3748;border-color:#1a202c}.weather-component.dark .weather-button.active[data-v-6e5f7a56]{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-divider[data-v-6e5f7a56]{border-top:1px solid #e2e8f0;margin:16px 0}.weather-component.dark .weather-divider[data-v-6e5f7a56]{border-top-color:#4a5568}@media (max-width: 640px){.weather-component[data-v-6e5f7a56]{padding:16px;border-radius:16px}.weather-component.mini[data-v-6e5f7a56]{padding:8px;border-radius:8px}.weather-header[data-v-6e5f7a56]{flex-direction:column;gap:12px;margin-bottom:16px}.weather-header h3[data-v-6e5f7a56]{font-size:1.1rem}.weather-item[data-v-6e5f7a56]{padding:12px}.weather-item.mini[data-v-6e5f7a56]{padding:6px}.details-grid[data-v-6e5f7a56]{grid-template-columns:repeat(2,1fr);gap:8px}.temp-max[data-v-6e5f7a56]{font-size:1rem}.temp-min[data-v-6e5f7a56]{font-size:.9rem}}.daily-forecast[data-v-6e5f7a56]{margin-bottom:20px}.daily-forecast.mini[data-v-6e5f7a56]{margin-bottom:12px}.daily-container[data-v-6e5f7a56]{display:flex;flex-direction:column;gap:12px}.daily-item[data-v-6e5f7a56]{display:grid;grid-template-columns:100px 140px 120px 140px 100px;align-items:center;padding:16px;transition:all .3s ease}.daily-item.mini[data-v-6e5f7a56]{grid-template-columns:80px 80px 80px;padding:8px;gap:8px}.daily-item[data-v-6e5f7a56]:hover{transform:translate(4px)}.daily-date[data-v-6e5f7a56]{text-align:center}.date-day[data-v-6e5f7a56]{font-size:1rem;font-weight:600;margin-bottom:4px}.daily-item.mini .date-day[data-v-6e5f7a56]{font-size:.8rem;margin-bottom:2px}.date-week[data-v-6e5f7a56]{font-size:.8rem}.weather-icons[data-v-6e5f7a56]{display:flex;flex-direction:column;gap:8px}.day-weather[data-v-6e5f7a56],.night-weather[data-v-6e5f7a56]{display:flex;align-items:center;gap:8px}.daily-temp[data-v-6e5f7a56]{text-align:center}.temp-range[data-v-6e5f7a56]{margin-bottom:8px}.temp-range .temp-max[data-v-6e5f7a56]{font-size:1.2rem}.temp-range .temp-max.mini[data-v-6e5f7a56]{font-size:.9rem}.temp-range .temp-min[data-v-6e5f7a56]{font-size:1rem}.temp-range .temp-min.mini[data-v-6e5f7a56]{font-size:.8rem}.temp-range .temp-separator[data-v-6e5f7a56]{font-size:.9rem}.temp-range .temp-separator.mini[data-v-6e5f7a56]{font-size:.8rem}.temp-bar[data-v-6e5f7a56]{position:relative;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.daily-forecast.dark .temp-bar[data-v-6e5f7a56]{background:#2d3748}.temp-bar-bg[data-v-6e5f7a56]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,#3182ce,#e53e3e);border-radius:2px}.temp-bar-fill[data-v-6e5f7a56]{position:absolute;top:0;height:100%;background:#ffffff4d;border-radius:2px}.daily-details[data-v-6e5f7a56]{display:flex;flex-direction:column;gap:4px}.detail-row[data-v-6e5f7a56]{display:flex;align-items:center;gap:6px;font-size:.8rem}.detail-row i[data-v-6e5f7a56]{font-size:12px}@media (max-width: 1024px){.daily-item[data-v-6e5f7a56]{grid-template-columns:80px 120px 100px 120px 80px;padding:12px}.daily-item.mini[data-v-6e5f7a56]{grid-template-columns:60px 60px 60px;padding:6px}.temp-range .temp-max[data-v-6e5f7a56]{font-size:1rem}.temp-range .temp-max.mini[data-v-6e5f7a56]{font-size:.8rem}.temp-range .temp-min[data-v-6e5f7a56]{font-size:.9rem}.temp-range .temp-min.mini[data-v-6e5f7a56]{font-size:.7rem}}@media (max-width: 768px){.daily-item[data-v-6e5f7a56]{grid-template-columns:1fr;gap:8px;text-align:center}.daily-item.mini[data-v-6e5f7a56]{grid-template-columns:1fr;gap:4px}.weather-icons[data-v-6e5f7a56]{flex-direction:row;justify-content:center}.daily-details[data-v-6e5f7a56]{flex-direction:row;justify-content:center;flex-wrap:wrap}}.weather-component[data-v-6121082a]{transition:all .3s ease;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;padding:24px}.weather-component.mini[data-v-6121082a]{margin-bottom:12px;padding:12px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.weather-component.light[data-v-6121082a]{background:#fff;color:#2d3748}.weather-component.dark[data-v-6121082a]{background:#2d3748;color:#fff}.weather-component[data-v-6121082a]:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000026}.weather-header[data-v-6121082a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.weather-header h3[data-v-6121082a]{font-size:1.3rem;font-weight:600;margin:0}.weather-component.light .weather-header h3[data-v-6121082a]{color:#2d3748}.weather-component.dark .weather-header h3[data-v-6121082a]{color:#fff}.weather-content[data-v-6121082a]{display:flex;flex-direction:column;gap:16px}.weather-item[data-v-6121082a]{background:#f7fafc;border-radius:12px;padding:16px;border:2px solid transparent;transition:all .3s ease}.weather-item.mini[data-v-6121082a]{padding:8px;border-radius:8px}.weather-component.light .weather-item[data-v-6121082a]{background:#f7fafc;border-color:#e2e8f0}.weather-component.dark .weather-item[data-v-6121082a]{background:#4a5568;border-color:#2d3748}.weather-item[data-v-6121082a]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.weather-component.light .weather-item[data-v-6121082a]:hover{background:#edf2f7;border-color:#cbd5e0}.weather-component.dark .weather-item[data-v-6121082a]:hover{background:#1a202c;border-color:#1a202c}.weather-item.selected[data-v-6121082a],.weather-item.current[data-v-6121082a]{background:#667eea!important;color:#fff!important;border-color:#5a67d8!important;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.weather-item.selected[data-v-6121082a] *,.weather-item.current[data-v-6121082a] *{color:#fff!important}.weather-item.selected[data-v-6121082a]:hover,.weather-item.current[data-v-6121082a]:hover{background:#5a67d8!important;border-color:#4c51bf!important;transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.weather-icon[data-v-6121082a]{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.weather-icon .qweather-icon[data-v-6121082a]{transition:color .3s ease}.weather-component.light .weather-item:not(.selected):not(.current) .qweather-icon[data-v-6121082a]{color:#2d3748!important}.weather-component.dark .weather-item .qweather-icon[data-v-6121082a]{color:#fff!important}.temp-container[data-v-6121082a]{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.temp-value[data-v-6121082a]{font-weight:600;line-height:1}.temp-max[data-v-6121082a]{color:#e53e3e;font-size:1.2rem}.temp-min[data-v-6121082a]{color:#3182ce;font-size:1rem}.temp-unit[data-v-6121082a]{font-size:.9rem;color:#718096;margin-left:2px}.weather-item.selected .temp-max[data-v-6121082a]{color:#feb2b2}.weather-item.selected .temp-min[data-v-6121082a]{color:#90cdf4}.weather-item.selected .temp-unit[data-v-6121082a]{color:#fffc}.weather-component.dark .temp-unit[data-v-6121082a]{color:#a0aec0}.weather-desc[data-v-6121082a]{font-size:.8rem;color:#718096;line-height:1.2;margin-bottom:4px}.weather-item.selected .weather-desc[data-v-6121082a]{color:#ffffffe6}.weather-component.dark .weather-desc[data-v-6121082a]{color:#cbd5e0}.weather-label[data-v-6121082a]{font-size:.8rem;color:#718096;font-weight:500}.weather-component.dark .weather-label[data-v-6121082a]{color:#a0aec0}.weather-value[data-v-6121082a]{font-size:.9rem;font-weight:500;color:#2d3748}.weather-item.selected .weather-value[data-v-6121082a]{color:#fff}.weather-component.dark .weather-value[data-v-6121082a]{color:#e2e8f0}.details-grid[data-v-6121082a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.detail-item[data-v-6121082a]{display:flex;flex-direction:column;gap:4px}.detail-label[data-v-6121082a]{font-size:.8rem;color:#718096}.weather-component.dark .detail-label[data-v-6121082a]{color:#a0aec0}.detail-value[data-v-6121082a]{font-size:.9rem;font-weight:500;color:#2d3748}.weather-component.dark .detail-value[data-v-6121082a]{color:#fff}.weather-scroll[data-v-6121082a]{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.weather-scroll[data-v-6121082a]::-webkit-scrollbar{height:6px}.weather-scroll[data-v-6121082a]::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.weather-scroll[data-v-6121082a]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.weather-component.dark .weather-scroll[data-v-6121082a]{scrollbar-color:#718096 #4a5568}.weather-component.dark .weather-scroll[data-v-6121082a]::-webkit-scrollbar-track{background:#4a5568}.weather-component.dark .weather-scroll[data-v-6121082a]::-webkit-scrollbar-thumb{background:#718096}.weather-button[data-v-6121082a]{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;color:#4a5568}.weather-button[data-v-6121082a]:hover{background:#edf2f7;border-color:#cbd5e0}.weather-button.active[data-v-6121082a]{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-component.dark .weather-button[data-v-6121082a]{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.weather-component.dark .weather-button[data-v-6121082a]:hover{background:#2d3748;border-color:#1a202c}.weather-component.dark .weather-button.active[data-v-6121082a]{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-divider[data-v-6121082a]{border-top:1px solid #e2e8f0;margin:16px 0}.weather-component.dark .weather-divider[data-v-6121082a]{border-top-color:#4a5568}@media (max-width: 640px){.weather-component[data-v-6121082a]{padding:16px;border-radius:16px}.weather-component.mini[data-v-6121082a]{padding:8px;border-radius:8px}.weather-header[data-v-6121082a]{flex-direction:column;gap:12px;margin-bottom:16px}.weather-header h3[data-v-6121082a]{font-size:1.1rem}.weather-item[data-v-6121082a]{padding:12px}.weather-item.mini[data-v-6121082a]{padding:6px}.details-grid[data-v-6121082a]{grid-template-columns:repeat(2,1fr);gap:8px}.temp-max[data-v-6121082a]{font-size:1rem}.temp-min[data-v-6121082a]{font-size:.9rem}}.historical-timeline[data-v-6121082a]{margin-bottom:20px}.historical-timeline.mini[data-v-6121082a]{margin-bottom:12px}.timeline-title-row[data-v-6121082a]{margin-bottom:16px}.timeline-title[data-v-6121082a]{font-size:1.3rem;font-weight:600;margin:0}.weather-component.light .timeline-title[data-v-6121082a]{color:#2d3748}.weather-component.dark .timeline-title[data-v-6121082a]{color:#fff}.timeline-controls-row[data-v-6121082a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.historical-timeline.mini .timeline-controls-row[data-v-6121082a]{margin-bottom:12px}.timeline-controls[data-v-6121082a]{display:flex;gap:8px}.control-btn[data-v-6121082a]{position:relative;overflow:hidden;min-height:40px;padding:8px 12px;display:flex;align-items:center;gap:6px}.historical-timeline.mini .control-btn[data-v-6121082a]{min-height:32px;padding:4px 8px;font-size:.8rem;gap:4px}.control-icon[data-v-6121082a]{width:18px;height:18px;flex-shrink:0;transition:all .3s ease}.historical-timeline.mini .control-icon[data-v-6121082a]{width:14px;height:14px}.control-btn:hover .control-icon[data-v-6121082a]{transform:scale(1.1)}.control-btn.active .control-icon[data-v-6121082a]{transform:scale(1.05)}.historical-timeline.dark .control-icon[data-v-6121082a]{stroke:#fff}.historical-timeline.dark .control-btn.active .control-icon[data-v-6121082a]{fill:#fff}.control-btn.active[data-v-6121082a]{transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.control-btn.active[data-v-6121082a]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:slideIn-6121082a .5s ease-out}@keyframes slideIn-6121082a{0%{left:-100%}to{left:100%}}.month-select[data-v-6121082a]{width:124px;min-height:40px;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;background:#f7fafc;color:#2d3748;font-size:.9rem;cursor:pointer;transition:all .3s ease}.historical-timeline.mini .month-select[data-v-6121082a]{width:100px;min-height:32px;padding:4px 8px;font-size:.8rem}.month-select[data-v-6121082a]:hover{background:#edf2f7;border-color:#cbd5e0}.month-select[data-v-6121082a]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.historical-timeline.dark .month-select[data-v-6121082a]{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.historical-timeline.dark .month-select[data-v-6121082a]:hover{background:#2d3748;border-color:#1a202c}.historical-timeline.dark .month-select[data-v-6121082a]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.timeline-container[data-v-6121082a]{position:relative;overflow:hidden;border-radius:12px;margin-bottom:16px;background:#f7fafc;border:1px solid #e2e8f0}.historical-timeline.dark .timeline-container[data-v-6121082a]{background:#2d3748;border-color:#4a5568}.timeline-track[data-v-6121082a]{display:flex;gap:8px;padding:16px;overflow-x:auto;overflow-y:hidden;align-items:center;scroll-behavior:smooth;max-height:120px;background:#fff}.historical-timeline.dark .timeline-track[data-v-6121082a]{background:#1a202c}.historical-timeline.mini .timeline-track[data-v-6121082a]{padding:8px;max-height:90px}.historical-timeline .timeline-day[data-v-6121082a]{flex:0 0 auto;width:80px!important;padding:8px!important;text-align:center;cursor:pointer;position:relative;overflow:hidden;height:fit-content;max-height:100px;box-sizing:border-box!important;border:1px solid #e2e8f0;border-radius:8px;background:#fff;transition:all .3s ease}.historical-timeline.dark .timeline-day[data-v-6121082a]{border-color:#4a5568;background:#2d3748}.historical-timeline .timeline-day[data-v-6121082a]:hover{background:#edf2f7;border-color:#cbd5e0}.historical-timeline.dark .timeline-day[data-v-6121082a]:hover{background:#4a5568;border-color:#718096}.historical-timeline .timeline-day.mini[data-v-6121082a]{width:50px!important;padding:4px!important;min-width:50px!important;max-height:70px;box-sizing:border-box!important}.timeline-day.selected[data-v-6121082a]{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d;background:#667eea!important;border-color:#5a67d8!important;color:#fff!important}.historical-timeline.dark .timeline-day.selected[data-v-6121082a]{background:#5a67d8!important;border-color:#4c51bf!important}.timeline-day.selected[data-v-6121082a]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer-6121082a .6s ease-in-out}@keyframes shimmer-6121082a{0%{transform:translate(-100%)}to{transform:translate(100%)}}.timeline-day.current[data-v-6121082a]{border-color:#48bb78;background:#48bb781a}.historical-timeline.dark .timeline-day.current[data-v-6121082a]{border-color:#48bb78;background:#48bb7833}.timeline-day.current.selected[data-v-6121082a]{background:#667eea!important;border-color:#5a67d8!important}.day-date[data-v-6121082a]{font-size:.7rem;font-weight:500;margin-bottom:4px;color:#2d3748}.historical-timeline.dark .day-date[data-v-6121082a]{color:#e2e8f0}.day-date.mini[data-v-6121082a]{font-size:.6rem;margin-bottom:2px}.day-weather[data-v-6121082a]{margin-bottom:4px}.historical-timeline.dark .timeline-day:not(.selected) .day-weather i[data-v-6121082a]{color:#fff!important}.historical-timeline.dark .timeline-day.selected .day-weather i[data-v-6121082a],.historical-timeline.dark .timeline-day.current .day-weather i[data-v-6121082a],.historical-timeline.dark .timeline-day.current.selected .day-weather i[data-v-6121082a]{color:#fff!important}.day-temp[data-v-6121082a]{margin-bottom:2px}.day-temp .temp-max[data-v-6121082a]{font-size:.8rem;color:#2d3748}.day-temp .temp-max.mini[data-v-6121082a]{font-size:.6rem}.day-temp .temp-min[data-v-6121082a]{font-size:.7rem;color:#718096}.day-temp .temp-min.mini[data-v-6121082a]{font-size:.5rem}.historical-timeline.dark .day-temp .temp-max[data-v-6121082a]{color:#e2e8f0}.historical-timeline.dark .day-temp .temp-min[data-v-6121082a]{color:#a0aec0}.day-desc[data-v-6121082a]{font-size:.6rem;line-height:1.1}.timeline-info[data-v-6121082a]{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin-bottom:16px;border-bottom:1px solid #e2e8f0}.historical-timeline.dark .timeline-info[data-v-6121082a]{border-color:#4a5568}.info-label[data-v-6121082a]{font-size:.9rem;margin-right:4px}.info-value[data-v-6121082a]{font-weight:500}.selected-details[data-v-6121082a]{background:#f7fafc;border-radius:12px;padding:16px;border:1px solid #e2e8f0}.historical-timeline.dark .selected-details[data-v-6121082a]{background:#4a5568;border-color:#2d3748}.selected-details-mini[data-v-6121082a]{margin-top:12px;padding:8px;background:#f7fafc;border-radius:8px}.historical-timeline.dark .selected-details-mini[data-v-6121082a]{background:#4a5568}.mini-details-row[data-v-6121082a]{display:flex;justify-content:space-between;align-items:center;gap:8px}.mini-detail-item[data-v-6121082a]{display:flex;align-items:center;gap:4px;flex:1}.mini-detail-label[data-v-6121082a]{font-size:.7rem}.mini-detail-value[data-v-6121082a]{font-size:.8rem;font-weight:500}.mini-detail-text[data-v-6121082a]{font-size:.7rem}@media (max-width: 640px){.timeline-header[data-v-6121082a]{flex-direction:column;gap:12px}.historical-timeline .timeline-day[data-v-6121082a]{width:60px!important;padding:6px!important;box-sizing:border-box!important}.historical-timeline .timeline-day.mini[data-v-6121082a]{width:40px!important;padding:3px!important;min-width:40px!important;box-sizing:border-box!important}.details-grid[data-v-6121082a]{grid-template-columns:repeat(2,1fr)}.mini-details-row[data-v-6121082a]{flex-direction:column;gap:4px}.mini-detail-item[data-v-6121082a]{justify-content:space-between}}.qweather-icon{font-size:24px;line-height:1;vertical-align:middle;display:inline-block;font-style:normal;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qweather-icon-xs{font-size:16px}.qweather-icon-sm{font-size:20px}.qweather-icon-lg{font-size:32px}.qweather-icon-xl{font-size:48px}.qweather-icon-xxl{font-size:64px}.qi-100:before{content:""}.qi-101:before{content:""}.qi-102:before{content:""}.qi-103:before{content:""}.qi-104:before{content:""}.qi-150:before{content:""}.qi-151:before{content:""}.qi-152:before{content:""}.qi-153:before{content:""}.qi-154:before{content:""}.qi-300:before{content:""}.qi-301:before{content:""}.qi-302:before{content:""}.qi-303:before{content:""}.qi-304:before{content:""}.qi-305:before{content:""}.qi-306:before{content:""}.qi-307:before{content:""}.qi-308:before{content:""}.qi-309:before{content:""}.qi-310:before{content:""}.qi-311:before{content:""}.qi-312:before{content:""}.qi-313:before{content:""}.qi-314:before{content:""}.qi-315:before{content:""}.qi-316:before{content:""}.qi-317:before{content:""}.qi-318:before{content:""}.qi-350:before{content:""}.qi-351:before{content:""}.qi-399:before{content:""}.qi-400:before{content:""}.qi-401:before{content:""}.qi-402:before{content:""}.qi-403:before{content:""}.qi-404:before{content:""}.qi-405:before{content:""}.qi-406:before{content:""}.qi-407:before{content:""}.qi-408:before{content:""}.qi-409:before{content:""}.qi-410:before{content:""}.qi-456:before{content:""}.qi-457:before{content:""}.qi-499:before{content:""}.qi-500:before{content:""}.qi-501:before{content:""}.qi-502:before{content:""}.qi-503:before{content:""}.qi-504:before{content:""}.qi-505:before{content:""}.qi-506:before{content:""}.qi-507:before{content:""}.qi-508:before{content:""}.qi-509:before{content:""}.qi-510:before{content:""}.qi-511:before{content:""}.qi-512:before{content:""}.qi-513:before{content:""}.qi-514:before{content:""}.qi-515:before{content:""}.qi-900:before{content:""}.qi-901:before{content:""}.qi-999:before{content:""}.control-icon{font-size:16px;margin-right:4px}.detail-icon{font-size:14px;margin-right:6px;width:16px;text-align:center;display:inline-block}.weather-component{transition:all .3s ease;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin-bottom:20px;padding:24px}.weather-component.mini{margin-bottom:12px;padding:12px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.weather-component.light{background:#fff;color:#2d3748}.weather-component.dark{background:#2d3748;color:#fff}.weather-component:hover{transform:translateY(-2px);box-shadow:0 15px 35px #00000026}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.weather-header h3{font-size:1.3rem;font-weight:600;margin:0}.weather-component.light .weather-header h3{color:#2d3748}.weather-component.dark .weather-header h3{color:#fff}.weather-content{display:flex;flex-direction:column;gap:16px}.weather-item{background:#f7fafc;border-radius:12px;padding:16px;border:2px solid transparent;transition:all .3s ease}.weather-item.mini{padding:8px;border-radius:8px}.weather-component.light .weather-item{background:#f7fafc;border-color:#e2e8f0}.weather-component.dark .weather-item{background:#4a5568;border-color:#2d3748}.weather-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.weather-component.light .weather-item:hover{background:#edf2f7;border-color:#cbd5e0}.weather-component.dark .weather-item:hover{background:#1a202c;border-color:#1a202c}.weather-item.selected,.weather-item.current{background:#667eea!important;color:#fff!important;border-color:#5a67d8!important;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.weather-item.selected *,.weather-item.current *{color:#fff!important}.weather-item.selected:hover,.weather-item.current:hover{background:#5a67d8!important;border-color:#4c51bf!important;transform:translateY(-3px);box-shadow:0 6px 16px #667eea66}.weather-icon{display:flex;align-items:center;justify-content:center;margin-bottom:8px}.weather-icon .qweather-icon{transition:color .3s ease}.weather-component.light .weather-item:not(.selected):not(.current) .qweather-icon{color:#2d3748!important}.weather-component.dark .weather-item .qweather-icon{color:#fff!important}.temp-container{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:4px}.temp-value{font-weight:600;line-height:1}.temp-max{color:#e53e3e;font-size:1.2rem}.temp-min{color:#3182ce;font-size:1rem}.temp-unit{font-size:.9rem;color:#718096;margin-left:2px}.weather-item.selected .temp-max{color:#feb2b2}.weather-item.selected .temp-min{color:#90cdf4}.weather-item.selected .temp-unit{color:#fffc}.weather-component.dark .temp-unit{color:#a0aec0}.weather-desc{font-size:.8rem;color:#718096;line-height:1.2;margin-bottom:4px}.weather-item.selected .weather-desc{color:#ffffffe6}.weather-component.dark .weather-desc{color:#cbd5e0}.weather-label{font-size:.8rem;color:#718096;font-weight:500}.weather-component.dark .weather-label{color:#a0aec0}.weather-value{font-size:.9rem;font-weight:500;color:#2d3748}.weather-item.selected .weather-value{color:#fff}.weather-component.dark .weather-value{color:#e2e8f0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:.8rem;color:#718096}.weather-component.dark .detail-label{color:#a0aec0}.detail-value{font-size:.9rem;font-weight:500;color:#2d3748}.weather-component.dark .detail-value{color:#fff}.weather-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.weather-scroll::-webkit-scrollbar{height:6px}.weather-scroll::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.weather-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.weather-component.dark .weather-scroll{scrollbar-color:#718096 #4a5568}.weather-component.dark .weather-scroll::-webkit-scrollbar-track{background:#4a5568}.weather-component.dark .weather-scroll::-webkit-scrollbar-thumb{background:#718096}.weather-button{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.9rem;color:#4a5568}.weather-button:hover{background:#edf2f7;border-color:#cbd5e0}.weather-button.active{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-component.dark .weather-button{background:#4a5568;border-color:#2d3748;color:#e2e8f0}.weather-component.dark .weather-button:hover{background:#2d3748;border-color:#1a202c}.weather-component.dark .weather-button.active{background:#667eea!important;color:#fff!important;border-color:#667eea!important;transform:scale(1.05);box-shadow:0 4px 12px #667eea4d}.weather-divider{border-top:1px solid #e2e8f0;margin:16px 0}.weather-component.dark .weather-divider{border-top-color:#4a5568}@media (max-width: 640px){.weather-component{padding:16px;border-radius:16px}.weather-component.mini{padding:8px;border-radius:8px}.weather-header{flex-direction:column;gap:12px;margin-bottom:16px}.weather-header h3{font-size:1.1rem}.weather-item{padding:12px}.weather-item.mini{padding:6px}.details-grid{grid-template-columns:repeat(2,1fr);gap:8px}.temp-max{font-size:1rem}.temp-min{font-size:.9rem}}/*!
* QWeather Icons (https://icons.qweather.com)
* Copyright QWeather 和风天气 (https://www.qweather.com)
* License:  Code for MIT, Icons for CC BY 4.0
*/@font-face{font-family:qweather-icons;src:url(data:font/woff2;base64,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