#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}.weather-app[data-v-b9d0ed3a]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.weather-container[data-v-b9d0ed3a]{max-width:1200px;margin:0 auto;width:100%}.weather-content[data-v-b9d0ed3a]{display:flex;flex-direction:column;gap:24px}.location[data-v-b9d0ed3a]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2)}.location h2[data-v-b9d0ed3a]{font-size:28px;margin-bottom:8px;color:#2c3e50;font-weight:600;display:flex;align-items:center;gap:12px}.location p[data-v-b9d0ed3a]{color:#7f8c8d;font-size:16px;margin:0}.weather-summary[data-v-b9d0ed3a]{border-radius:12px;border:1px solid hsla(0,0%,100%,.2);overflow:hidden}.weather-summary .summary[data-v-b9d0ed3a]{padding:20px}.weather-summary .summary h3[data-v-b9d0ed3a]{margin:0 0 12px 0;color:#2c3e50;font-size:18px;font-weight:600}.weather-summary .summary span[data-v-b9d0ed3a]{color:#34495e;font-size:15px;line-height:1.6}.summaries[data-v-b9d0ed3a]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2)}.summaries h3[data-v-b9d0ed3a]{margin:0 0 16px 0;color:#2c3e50;font-size:18px;font-weight:600}.summary[data-v-b9d0ed3a]{margin:12px 0;padding:12px 16px;font-weight:500;color:#e74c3c;background:#fdf2f2;border-left:4px solid #e74c3c;border-radius:6px;cursor:pointer;transition:all .3s ease}.summary[data-v-b9d0ed3a]:hover{background:#f8d7da;transform:translateX(4px)}.charts-grid[data-v-b9d0ed3a]{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:1024px){.charts-grid[data-v-b9d0ed3a]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1400px){.charts-grid[data-v-b9d0ed3a]{gap:32px}.weather-app[data-v-b9d0ed3a]{padding:32px}}.chart[data-v-b9d0ed3a]{width:100%;height:400px;border-radius:12px;background-color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid hsla(0,0%,100%,.2);overflow:hidden}.error[data-v-b9d0ed3a]{color:#e74c3c;font-weight:600;background:#fdf2f2;padding:16px 20px;border-radius:8px;border-left:4px solid #e74c3c;margin-bottom:20px}.location-error[data-v-b9d0ed3a]{color:#e74c3c;font-size:14px;margin-top:8px;display:flex;align-items:center;gap:6px}.location-error .el-icon[data-v-b9d0ed3a]{font-size:16px}@media (max-width:1023px) and (min-width:768px){.weather-app[data-v-b9d0ed3a]{padding:16px}.chart[data-v-b9d0ed3a]{height:350px}}@media (max-width:767px){.weather-app[data-v-b9d0ed3a]{padding:12px}.weather-content[data-v-b9d0ed3a]{gap:16px}.location[data-v-b9d0ed3a]{padding:20px}.location h2[data-v-b9d0ed3a]{font-size:24px;flex-direction:column;align-items:flex-start;gap:8px}.chart[data-v-b9d0ed3a]{height:300px}.summaries[data-v-b9d0ed3a]{padding:20px}}@media (max-width:480px){.weather-app[data-v-b9d0ed3a]{padding:8px}.location[data-v-b9d0ed3a]{padding:16px}.location h2[data-v-b9d0ed3a]{font-size:20px}.chart[data-v-b9d0ed3a]{height:280px}.summaries[data-v-b9d0ed3a]{padding:16px}}