@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);h3[data-v-5f437e22]{margin:40px 0 0}ul[data-v-5f437e22]{list-style-type:none;padding:0}li[data-v-5f437e22]{display:inline-block;margin:0 10px}a[data-v-5f437e22]{color:#42b983}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100vh;margin:0;padding:0}.navbar{background:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.nav-title{margin:0;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link:hover{background:hsla(0,0%,100%,.1)}.nav-link.router-link-active{background:#42b983}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Avenir,Helvetica,Arial,sans-serif}.router-view{height:calc(100vh - 80px)}.amap-copyright,.amap-logo{display:none!important}.login-container[data-v-4763d525]{min-height:100vh;background:linear-gradient(135deg,#1385fc,#4a90e2 50%,#7bb3f0);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.weather-background[data-v-4763d525]{top:0;left:0;z-index:1}.sparkles[data-v-4763d525],.weather-background[data-v-4763d525]{position:absolute;width:100%;height:100%}.sparkle[data-v-4763d525]{position:absolute;width:3px;height:3px;background:hsla(0,0%,100%,.8);border-radius:50%;-webkit-animation:sparkle-data-v-4763d525 3s ease-in-out infinite;animation:sparkle-data-v-4763d525 3s ease-in-out infinite}@-webkit-keyframes sparkle-data-v-4763d525{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes sparkle-data-v-4763d525{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}.clouds[data-v-4763d525]{position:absolute;width:100%;height:100%}.cloud[data-v-4763d525]{position:absolute;background:hsla(0,0%,100%,.8);border-radius:50px;opacity:.7;-webkit-animation:float-data-v-4763d525 20s linear infinite;animation:float-data-v-4763d525 20s linear infinite}.cloud[data-v-4763d525]:after,.cloud[data-v-4763d525]:before{content:"";position:absolute;background:hsla(0,0%,100%,.8);border-radius:50px}.cloud1[data-v-4763d525]{width:100px;height:40px;top:20%;left:-100px;-webkit-animation-duration:25s;animation-duration:25s}.cloud1[data-v-4763d525]:before{width:50px;height:50px;top:-20px;left:10px}.cloud1[data-v-4763d525]:after{width:60px;height:60px;top:-30px;right:10px}.cloud2[data-v-4763d525]{width:80px;height:30px;top:40%;left:-80px;-webkit-animation-duration:30s;animation-duration:30s;-webkit-animation-delay:5s;animation-delay:5s}.cloud2[data-v-4763d525]:before{width:40px;height:40px;top:-15px;left:8px}.cloud2[data-v-4763d525]:after{width:50px;height:50px;top:-25px;right:8px}.cloud3[data-v-4763d525]{width:120px;height:50px;top:60%;left:-120px;-webkit-animation-duration:35s;animation-duration:35s;-webkit-animation-delay:10s;animation-delay:10s}.cloud3[data-v-4763d525]:before{width:60px;height:60px;top:-25px;left:15px}.cloud3[data-v-4763d525]:after{width:70px;height:70px;top:-35px;right:15px}.cloud4[data-v-4763d525]{width:90px;height:35px;top:80%;left:-90px;-webkit-animation-duration:28s;animation-duration:28s;-webkit-animation-delay:15s;animation-delay:15s}.cloud4[data-v-4763d525]:before{width:45px;height:45px;top:-18px;left:12px}.cloud4[data-v-4763d525]:after{width:55px;height:55px;top:-28px;right:12px}.cloud5[data-v-4763d525]{width:70px;height:25px;top:30%;left:-70px;-webkit-animation-duration:32s;animation-duration:32s;-webkit-animation-delay:8s;animation-delay:8s}.cloud5[data-v-4763d525]:before{width:35px;height:35px;top:-12px;left:6px}.cloud5[data-v-4763d525]:after{width:45px;height:45px;top:-22px;right:6px}.cloud6[data-v-4763d525]{width:110px;height:45px;top:70%;left:-110px;-webkit-animation-duration:38s;animation-duration:38s;-webkit-animation-delay:12s;animation-delay:12s}.cloud6[data-v-4763d525]:before{width:55px;height:55px;top:-22px;left:12px}.cloud6[data-v-4763d525]:after{width:65px;height:65px;top:-32px;right:12px}@-webkit-keyframes float-data-v-4763d525{0%{transform:translateX(-100px)}to{transform:translateX(calc(100vw + 100px))}}@keyframes float-data-v-4763d525{0%{transform:translateX(-100px)}to{transform:translateX(calc(100vw + 100px))}}.login-form-container[data-v-4763d525]{position:relative;z-index:2;width:100%;max-width:400px;padding:20px}.login-card[data-v-4763d525]{background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:40px;box-shadow:0 20px 40px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.3);-webkit-animation:slideIn-data-v-4763d525 .8s ease-out;animation:slideIn-data-v-4763d525 .8s ease-out}@-webkit-keyframes slideIn-data-v-4763d525{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-data-v-4763d525{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.system-title[data-v-4763d525]{text-align:center;margin-bottom:40px}.title-icon[data-v-4763d525]{font-size:48px;margin-bottom:10px;-webkit-animation:bounce-data-v-4763d525 2s infinite;animation:bounce-data-v-4763d525 2s infinite}@-webkit-keyframes bounce-data-v-4763d525{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes bounce-data-v-4763d525{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.title-text[data-v-4763d525]{font-size:32px;font-weight:700;color:#333;margin:0 0 5px 0;background:linear-gradient(45deg,#1385fc,#1385fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-4763d525]{font-size:14px;color:#666;margin:0;font-style:italic}.login-form[data-v-4763d525]{margin-bottom:30px}.form-group[data-v-4763d525]{margin-bottom:20px}.input-wrapper[data-v-4763d525]{position:relative;display:flex;align-items:center}.input-icon[data-v-4763d525]{position:absolute;left:15px;width:20px;height:20px;z-index:2;-o-object-fit:contain;object-fit:contain}.form-input[data-v-4763d525]{width:100%;padding:15px 15px 15px 50px;border:2px solid #e1e5e9;border-radius:10px;font-size:16px;transition:all .3s ease;background:hsla(0,0%,100%,.9)}.form-input[data-v-4763d525]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);transform:translateY(-2px)}.password-toggle[data-v-4763d525]{position:absolute;right:15px;background:none;border:none;font-size:18px;cursor:pointer;z-index:2}.form-options[data-v-4763d525]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px}.remember-me[data-v-4763d525]{display:flex;align-items:center;gap:8px;color:#666;cursor:pointer}.remember-me input[type=checkbox][data-v-4763d525]{width:16px;height:16px}.forgot-password[data-v-4763d525]{color:#667eea;text-decoration:none;transition:color .3s ease}.forgot-password[data-v-4763d525]:hover{color:#764ba2}.login-btn[data-v-4763d525]{width:100%;padding:15px;background:linear-gradient(45deg,#1385fc,#1385fc);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.login-btn[data-v-4763d525]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.login-btn[data-v-4763d525]:disabled{opacity:.7;cursor:not-allowed}.loading-spinner[data-v-4763d525]{-webkit-animation:spin-data-v-4763d525 1s linear infinite;animation:spin-data-v-4763d525 1s linear infinite}@-webkit-keyframes spin-data-v-4763d525{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-4763d525{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.weather-info[data-v-4763d525]{text-align:center;padding-top:20px;border-top:1px solid #e1e5e9}.current-weather[data-v-4763d525]{display:flex;align-items:center;justify-content:center;gap:15px}.weather-icon-large[data-v-4763d525]{font-size:32px;-webkit-animation:weatherFloat-data-v-4763d525 3s ease-in-out infinite;animation:weatherFloat-data-v-4763d525 3s ease-in-out infinite}@-webkit-keyframes weatherFloat-data-v-4763d525{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes weatherFloat-data-v-4763d525{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.weather-details[data-v-4763d525]{text-align:left}.temperature[data-v-4763d525]{font-size:24px;font-weight:700;color:#333;margin:0}.weather-desc[data-v-4763d525]{font-size:14px;color:#666;margin:0}@media (max-width:480px){.login-form-container[data-v-4763d525]{padding:10px}.login-card[data-v-4763d525]{padding:30px 20px}.title-text[data-v-4763d525]{font-size:28px}.title-icon[data-v-4763d525]{font-size:40px}}.index-container[data-v-622178e0]{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding-bottom:60px}.top-status-bar[data-v-622178e0]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 20px rgba(0,0,0,.1);position:relative;z-index:100}.location-info[data-v-622178e0]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#2c3e50;position:relative;cursor:pointer;padding:8px 12px;border-radius:8px;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.location-info[data-v-622178e0]:hover{background:rgba(52,152,219,.1);transform:translateY(-1px)}.location-icon[data-v-622178e0]{font-size:18px;color:#3498db}.dropdown-arrow[data-v-622178e0]{font-size:12px;color:#7f8c8d;margin-left:4px;transition:transform .3s ease}.location-info:hover .dropdown-arrow[data-v-622178e0]{transform:rotate(180deg)}.city-dropdown[data-v-622178e0]{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:8px 0;min-width:140px;z-index:1000;border:1px solid rgba(0,0,0,.1);-webkit-animation:dropdownFadeIn-data-v-622178e0 .2s ease-out;animation:dropdownFadeIn-data-v-622178e0 .2s ease-out}.city-option[data-v-622178e0]{padding:12px 16px;cursor:pointer;transition:all .3s ease;font-size:14px;color:#2c3e50;border-radius:8px;margin:0 8px}.city-option[data-v-622178e0]:hover{background:rgba(52,152,219,.1);color:#3498db}.city-option.active[data-v-622178e0]{background:#3498db;color:#fff}@-webkit-keyframes dropdownFadeIn-data-v-622178e0{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeIn-data-v-622178e0{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.top-actions[data-v-622178e0]{display:flex;gap:20px}.notification-icon[data-v-622178e0],.settings-icon[data-v-622178e0]{font-size:20px;color:#7f8c8d;cursor:pointer;padding:8px;border-radius:50%}.notification-icon[data-v-622178e0]:hover,.settings-icon[data-v-622178e0]:hover{color:#3498db}.notification-icon[data-v-622178e0]:active,.settings-icon[data-v-622178e0]:active{color:#2980b9}.weather-overview-card[data-v-622178e0]{background:linear-gradient(135deg,#1385fc,#0d6efd);margin:20px;border-radius:20px;padding:15px;box-shadow:0 10px 30px rgba(19,133,252,.3);color:#fff;position:relative;overflow:hidden}.weather-main-info[data-v-622178e0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.temperature-display[data-v-622178e0]{font-size:48px;font-weight:700;color:#fff}.weather-status[data-v-622178e0]{display:flex;align-items:center;gap:8px;font-size:16px}.weather-icon[data-v-622178e0]{font-size:20px;color:#fff}.weather-desc[data-v-622178e0]{color:#fff;font-weight:500}.weather-metrics-row[data-v-622178e0]{display:flex;justify-content:space-around;align-items:center;gap:15px}.metric-item[data-v-622178e0]{text-align:center;flex:1;padding:8px 4px}.metric-icon[data-v-622178e0]{font-size:18px;margin-bottom:4px;color:hsla(0,0%,100%,.9)}.metric-label[data-v-622178e0]{font-size:11px;margin-bottom:2px;color:hsla(0,0%,100%,.8);font-weight:500}.metric-value[data-v-622178e0]{font-size:12px;font-weight:600;color:#fff}.humidity-icon[data-v-622178e0]{color:hsla(0,0%,100%,.9)}.rainfall-section[data-v-622178e0]{background:hsla(0,0%,100%,.95);margin:30px;border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.section-header[data-v-622178e0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.header-left[data-v-622178e0]{display:flex;flex-direction:column;gap:5px}.section-header h3[data-v-622178e0]{margin:0;font-size:20px;font-weight:700;color:#2c3e50;display:flex;align-items:center;gap:10px}.section-subtitle[data-v-622178e0]{font-size:13px;font-weight:500;color:#7f8c8d;padding:6px 12px;background:linear-gradient(135deg,rgba(52,152,219,.1),rgba(52,152,219,.05));border-radius:20px;display:inline-block;border:1px solid rgba(52,152,219,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.view-toggle[data-v-622178e0]{display:flex;gap:10px}.toggle-btn[data-v-622178e0]{padding:12px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:25px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.toggle-btn i[data-v-622178e0]{font-size:16px}.toggle-btn.active[data-v-622178e0]{background-color:#1385fc;color:#fff;box-shadow:0 8px 25px rgba(102,126,234,.4)}.toggle-btn[data-v-622178e0]:hover:not(.active){border-color:#667eea;color:#667eea;box-shadow:0 4px 15px rgba(102,126,234,.2)}.toggle-btn[data-v-622178e0]:active{transform:none;transition:none}.map-container[data-v-622178e0]{margin-top:15px;height:260px;border-radius:15px;overflow:hidden;border:2px solid #e0e0e0;position:relative}.rainfall-map[data-v-622178e0]{width:100%;height:100%;border-radius:15px}.rainfall-map .amap-copyright[data-v-622178e0],.rainfall-map .amap-logo[data-v-622178e0],.rainfall-map .amap-scale[data-v-622178e0],.rainfall-map [class*=amap-copyright][data-v-622178e0],.rainfall-map [class*=amap-logo][data-v-622178e0],.rainfall-map [class*=amap-scale][data-v-622178e0]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.rainfall-map .amap-info-body[data-v-622178e0],.rainfall-map .amap-info-close[data-v-622178e0],.rainfall-map .amap-info-content[data-v-622178e0],.rainfall-map .amap-info-header[data-v-622178e0],.rainfall-map .amap-info-sharp[data-v-622178e0],.rainfall-map .amap-marker-label[data-v-622178e0],.rainfall-map .amap-text[data-v-622178e0],.rainfall-map [class*=label][data-v-622178e0],.rainfall-map [class*=marker][data-v-622178e0],.rainfall-map [class*=text][data-v-622178e0]{display:block!important;visibility:visible!important;opacity:1!important}.amap-copyright[data-v-622178e0],.amap-logo[data-v-622178e0],.amap-scale[data-v-622178e0],[class*=amap-copyright][data-v-622178e0],[class*=amap-logo][data-v-622178e0],[class*=amap-scale][data-v-622178e0]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.amap-info-body[data-v-622178e0],.amap-info-close[data-v-622178e0],.amap-info-content[data-v-622178e0],.amap-info-header[data-v-622178e0],.amap-info-sharp[data-v-622178e0],.amap-marker-label[data-v-622178e0],.amap-text[data-v-622178e0],[class*=label][data-v-622178e0],[class*=marker][data-v-622178e0],[class*=text][data-v-622178e0]{display:block!important;visibility:visible!important;opacity:1!important}.rainfall-forecast[data-v-622178e0]{width:100%;height:100%;display:flex;flex-direction:column;border-radius:15px;box-sizing:border-box;overflow:hidden}.forecast-header[data-v-622178e0]{text-align:center;margin-bottom:20px;color:#2c3e50}.forecast-header .forecast-icon[data-v-622178e0]{font-size:48px;color:#3498db;margin-bottom:15px;display:block;text-shadow:0 2px 10px rgba(52,152,219,.3);-webkit-animation:float-data-v-622178e0 3s ease-in-out infinite;animation:float-data-v-622178e0 3s ease-in-out infinite}@-webkit-keyframes float-data-v-622178e0{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes float-data-v-622178e0{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.forecast-header h4[data-v-622178e0]{margin:0 0 8px 0;font-size:24px;font-weight:700;color:#2c3e50}.forecast-header p[data-v-622178e0]{margin:0;font-size:14px;color:#7f8c8d;font-weight:500}.forecast-image-container[data-v-622178e0]{flex:1;display:flex;justify-content:center;align-items:center;margin:20px 0;background:#fff;border-radius:12px;padding:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);border:1px solid rgba(52,152,219,.1);overflow:hidden}.forecast-image-container[data-v-622178e0]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3498db,#2980b9,#3498db);background-size:200% 100%;-webkit-animation:shimmer-data-v-622178e0 2s linear infinite;animation:shimmer-data-v-622178e0 2s linear infinite}@-webkit-keyframes shimmer-data-v-622178e0{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-data-v-622178e0{0%{background-position:-200% 0}to{background-position:200% 0}}.forecast-image[data-v-622178e0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.forecast-info[data-v-622178e0]{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.info-item[data-v-622178e0]{display:flex;align-items:center;gap:8px;font-size:12px;color:#7f8c8d;background:hsla(0,0%,100%,.8);padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-item i[data-v-622178e0]{color:#3498db;font-size:14px}.image-error[data-v-622178e0],.image-loading[data-v-622178e0]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;color:#7f8c8d;text-align:center}.image-loading i[data-v-622178e0]{font-size:32px;color:#3498db}.image-loading span[data-v-622178e0]{font-size:14px;font-weight:500}.image-error i[data-v-622178e0]{font-size:32px;color:#e74c3c}.image-error span[data-v-622178e0]{font-size:14px;font-weight:500;color:#e74c3c}.retry-btn[data-v-622178e0]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(52,152,219,.3)}.retry-btn[data-v-622178e0]:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(52,152,219,.4)}.forecast-image-container[data-v-622178e0]{position:relative}.fade-enter-active[data-v-622178e0],.fade-leave-active[data-v-622178e0]{transition:all .3s ease}.fade-enter-from[data-v-622178e0]{opacity:0;transform:translateY(20px)}.fade-leave-to[data-v-622178e0]{opacity:0;transform:translateY(-20px)}@media (max-width:768px){.section-header[data-v-622178e0]{flex-direction:column;align-items:flex-start;gap:15px}.view-toggle[data-v-622178e0]{width:100%;justify-content:space-between}.toggle-btn[data-v-622178e0]{flex:1;justify-content:center;padding:10px 15px;font-size:13px}.forecast-info[data-v-622178e0]{flex-direction:column;gap:10px}.forecast-header h4[data-v-622178e0]{font-size:20px}.forecast-header .forecast-icon[data-v-622178e0]{font-size:36px}}#canvasMap[data-v-622178e0]{border-radius:15px;background:transparent}.rainfall-legend[data-v-622178e0]{position:absolute;top:10px;right:10px;background:hsla(0,0%,100%,.95);border-radius:8px;padding:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;min-width:120px}.legend-title[data-v-622178e0]{font-size:12px;font-weight:600;color:#2c3e50;margin-bottom:8px;text-align:center}.legend-gradient[data-v-622178e0]{display:flex;flex-direction:column;gap:4px}.gradient-bar[data-v-622178e0]{height:120px;width:20px;border-radius:10px;margin:0 auto 8px}.precipitation-gradient[data-v-622178e0]{background:linear-gradient(180deg,#8e44ad 0,#3498db 20%,#2ecc71 40%,#f1c40f 60%,#e67e22 80%,#e74c3c)}.gradient-labels[data-v-622178e0]{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#7f8c8d;text-align:center}.gradient-labels span[data-v-622178e0]{line-height:1.2}.function-grid[data-v-622178e0]{background:hsla(0,0%,100%,.95);margin:20px;border-radius:20px;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;box-shadow:0 10px 30px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.function-item[data-v-622178e0]{text-align:center;cursor:pointer;padding:15px 12px;border-radius:15px;transition:all .3s ease;background:hsla(0,0%,100%,.5);border:1px solid hsla(0,0%,100%,.2)}.function-item[data-v-622178e0]:hover{background:rgba(102,126,234,.1);transform:translateY(-8px);box-shadow:0 15px 30px rgba(102,126,234,.3);border-color:#667eea}.function-icon[data-v-622178e0]{font-size:28px;margin-bottom:8px;color:#667eea;transition:all .3s ease}.function-item:hover .function-icon[data-v-622178e0]{transform:scale(1.1);color:#764ba2}.function-name[data-v-622178e0]{font-size:13px;color:#2c3e50;font-weight:600}.bottom-nav[data-v-622178e0]{position:fixed;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-around;padding:6px 0;z-index:50;box-shadow:0 -5px 20px rgba(0,0,0,.1)}.nav-item[data-v-622178e0]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px 6px;border-radius:12px;transition:all .3s ease}.nav-item[data-v-622178e0]:hover{background:rgba(102,126,234,.1);transform:translateY(-2px)}.nav-item[data-v-622178e0]:active{transform:translateY(0)}.nav-item.active .nav-icon[data-v-622178e0],.nav-item.active[data-v-622178e0]{color:#667eea}.nav-icon[data-v-622178e0]{font-size:18px;color:#7f8c8d}.nav-label[data-v-622178e0]{font-size:10px;color:#7f8c8d;font-weight:500}.nav-item.active .nav-label[data-v-622178e0]{color:#667eea}@media (max-width:768px){.weather-metrics-grid[data-v-622178e0]{grid-template-columns:repeat(5,1fr);gap:15px}.function-grid[data-v-622178e0]{grid-template-columns:repeat(4,1fr);gap:15px}.temperature-display[data-v-622178e0]{font-size:3.5rem}.weather-overview-card[data-v-622178e0]{padding:25px 20px}.function-grid[data-v-622178e0],.rainfall-section[data-v-622178e0]{margin:20px;padding:20px}}@media (max-width:480px){.weather-metrics-grid[data-v-622178e0]{grid-template-columns:repeat(3,1fr);gap:15px}.function-grid[data-v-622178e0]{grid-template-columns:repeat(4,1fr);gap:10px}.function-icon[data-v-622178e0]{font-size:28px}.function-name[data-v-622178e0]{font-size:11px}.top-status-bar[data-v-622178e0]{padding:15px}.weather-overview-card[data-v-622178e0]{padding:20px 15px}}.home[data-v-088912dd]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.top-nav[data-v-088912dd]{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.2)}.nav-left .system-title[data-v-088912dd]{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logout-btn[data-v-088912dd]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-size:14px}.logout-btn[data-v-088912dd]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.hero[data-v-088912dd]{text-align:center;padding:100px 20px}.hero h1[data-v-088912dd]{font-size:3rem;margin-bottom:1rem}.hero p[data-v-088912dd]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-buttons[data-v-088912dd]{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn[data-v-088912dd]{padding:12px 30px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block}.btn-primary[data-v-088912dd]{background:#ff4757;color:#fff}.btn-primary[data-v-088912dd]:hover{background:#ff3742;transform:translateY(-2px)}.btn-secondary[data-v-088912dd]{background:hsla(0,0%,100%,.2);color:#fff;border:2px solid hsla(0,0%,100%,.3)}.btn-secondary[data-v-088912dd]:hover{background:hsla(0,0%,100%,.3);transform:translateY(-2px)}.btn-warning[data-v-088912dd]{background:#ff6b35;color:#fff}.btn-warning[data-v-088912dd]:hover{background:#ff5722;transform:translateY(-2px)}.btn-radar[data-v-088912dd]{background:#9c27b0;color:#fff}.btn-radar[data-v-088912dd]:hover{background:#7b1fa2;transform:translateY(-2px)}.btn-satellite[data-v-088912dd]{background:#00bcd4;color:#fff}.btn-satellite[data-v-088912dd]:hover{background:#0097a7;transform:translateY(-2px)}.features[data-v-088912dd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:50px 20px;max-width:1200px;margin:0 auto}.feature-card[data-v-088912dd]{background:hsla(0,0%,100%,.1);padding:30px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.feature-card h3[data-v-088912dd]{font-size:1.5rem;margin-bottom:1rem}.feature-card p[data-v-088912dd]{margin-bottom:1.5rem;opacity:.9;line-height:1.6}.feature-link[data-v-088912dd]{color:#ff4757;text-decoration:none;font-weight:600;transition:color .3s ease}.feature-link[data-v-088912dd]:hover{color:#ff3742}@media (max-width:768px){.hero h1[data-v-088912dd]{font-size:2rem}.hero p[data-v-088912dd]{font-size:1rem}.hero-buttons[data-v-088912dd]{flex-direction:column;align-items:center}.features[data-v-088912dd]{grid-template-columns:1fr;padding:30px 20px}}.kriging-map[data-v-617e35cd]{width:100%;height:100vh;position:relative;overflow:hidden;cursor:default}#map[data-v-617e35cd]{width:100%;height:100%;margin:0;padding:0}.selection-panel[data-v-617e35cd]{position:absolute;top:20px;left:20px;z-index:1000;display:flex;align-items:center;gap:10px}.fill-map-btn[data-v-617e35cd]{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap}.fill-map-btn[data-v-617e35cd]:hover{background:#0056b3}.info[data-v-617e35cd]{background:rgba(0,0,0,.7);color:#fff;padding:10px;border-radius:5px}.city-selector[data-v-617e35cd],.info[data-v-617e35cd]{position:absolute;bottom:20px;left:20px;z-index:1000;font-family:Arial,sans-serif;font-size:12px}.city-selector[data-v-617e35cd]{background:hsla(0,0%,100%,.95);padding:12px 15px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);display:flex;align-items:center;gap:8px}.city-label[data-v-617e35cd]{color:#333;font-weight:600;white-space:nowrap}.city-select[data-v-617e35cd]{padding:6px 10px;border:2px solid rgba(102,126,234,.2);border-radius:6px;font-size:12px;color:#333;background-color:#fff;cursor:pointer;min-width:120px;transition:all .3s}.city-select[data-v-617e35cd]:focus{outline:none;border-color:#667eea;box-shadow:0 2px 8px rgba(102,126,234,.2)}.legend[data-v-617e35cd]{position:absolute;bottom:20px;right:20px;z-index:1000;background:hsla(0,0%,100%,.95);padding:15px;border-radius:8px;font-family:Arial,sans-serif;font-size:12px;box-shadow:0 2px 10px rgba(0,0,0,.2);width:80px}.legend-title[data-v-617e35cd]{font-weight:700;color:#333;margin-bottom:10px;text-align:center;font-size:13px}.legend-gradient[data-v-617e35cd]{display:flex;flex-direction:row;align-items:center;gap:8px}.gradient-bar[data-v-617e35cd]{width:20px;height:180px;background:linear-gradient(180deg,#b3daff 0,#a6d6ff 11.1%,#99d2ff 22.2%,#8cceff 33.3%,#80caff 44.4%,#73c6ff 55.6%,#66c2ff 66.7%,#4db8ff 77.8%,#33aeff 88.9%,#1aa4ff);border-radius:3px;border:1px solid #ccc}.precipitation-gradient[data-v-617e35cd]{background:linear-gradient(180deg,#049 0,#06c 10%,#007fff 20%,#1a8cff 30%,#39f 40%,#66b3ff 50%,#9cf 60%,#b3daff 70%,#cce7ff 80%,#e6f3ff 90%,#fff)}.wind-gradient[data-v-617e35cd]{background:linear-gradient(180deg,#c812a9 0,#86158a 11.11%,#461981 22.22%,#091e78 33.33%,#1d3aa9 44.44%,#3c7edb 55.56%,#6b9de1 66.67%,#dde8f4 77.78%,#dee 88.89%)}.humidity-gradient[data-v-617e35cd]{background:linear-gradient(180deg,#58abed 0,#96d3fb 33.33%,#f4e57d 66.67%,#fd9b68)}.other-gradient[data-v-617e35cd]{background:linear-gradient(180deg,#d500aa 0,#502ef6 25%,#1b51f2 50%,#98caff 75%,#e6f2ff)}.gradient-labels[data-v-617e35cd]{height:180px;color:#333;font-size:11px}.gradient-labels[data-v-617e35cd],.gradient-labels span[data-v-617e35cd]{display:flex;flex-direction:column!important;justify-content:space-between}.gradient-labels span[data-v-617e35cd]{height:22px;font-weight:500;line-height:1}.city-chart-view[data-v-617e35cd]{position:fixed;bottom:0;left:0;right:0;width:100%;height:33.33vh;background:#fff;border-top:2px solid #409eff;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000;display:flex;flex-direction:column}.chart-header[data-v-617e35cd]{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background:#f8f9fa}.chart-title[data-v-617e35cd]{font-size:16px;font-weight:700;color:#333}.chart-close[data-v-617e35cd]{font-size:20px;color:#999;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.chart-close[data-v-617e35cd]:hover{background-color:#eee;color:#666}.chart-tabs[data-v-617e35cd]{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #eee;background:#f8f9fa}.chart-tab-btn[data-v-617e35cd]{margin-right:15px}.chart-tab-btn.el-button--primary[data-v-617e35cd]{background-color:#ff4757;border-color:#ff4757}.chart-unit[data-v-617e35cd]{margin-left:auto;font-size:12px;color:#999}.chart-content[data-v-617e35cd]{flex:1;padding:20px;overflow:hidden}.chart-canvas[data-v-617e35cd]{width:100%;height:100%}@media (max-width:768px){.city-selector[data-v-617e35cd]{bottom:10px;left:10px;padding:8px 10px;flex-direction:column;gap:4px;min-width:140px}.city-label[data-v-617e35cd]{font-size:11px}.city-select[data-v-617e35cd]{padding:4px 8px;font-size:11px;min-width:100px}.legend[data-v-617e35cd]{bottom:10px;right:10px;padding:10px;min-width:60px}.city-chart-view[data-v-617e35cd]{height:40vh}.chart-content[data-v-617e35cd]{padding:10px}.chart-tabs[data-v-617e35cd]{padding:10px 15px}.chart-tab-btn[data-v-617e35cd]{margin-right:8px;font-size:12px}}@media (max-width:480px){.city-selector[data-v-617e35cd]{bottom:5px;left:5px;padding:6px 8px;min-width:120px}.city-label[data-v-617e35cd]{font-size:10px}.city-select[data-v-617e35cd]{padding:3px 6px;font-size:10px;min-width:90px}.legend[data-v-617e35cd]{bottom:5px;right:5px;padding:8px;min-width:50px}.legend-title[data-v-617e35cd]{font-size:11px}.gradient-labels[data-v-617e35cd]{font-size:10px}.city-chart-view[data-v-617e35cd]{height:35vh}.chart-content[data-v-617e35cd]{padding:5px}.chart-tabs[data-v-617e35cd]{padding:8px 10px;flex-wrap:wrap}.chart-tab-btn[data-v-617e35cd]{margin-right:5px;margin-bottom:5px;font-size:11px}}.data-update-time[data-v-50d9346d]{position:absolute;bottom:20px;left:20px;z-index:1000;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:14px;padding:8px 16px;border-radius:8px;border:1px solid rgba(52,152,219,.3);box-shadow:0 2px 10px rgba(0,0,0,.2)}[data-v-50d9346d] .custom-infowindow-wrapper{position:relative}[data-v-50d9346d] .amap-info-content{border:none!important;background:transparent!important;box-shadow:none!important}[data-v-50d9346d] .amap-info-sharp{border-color:transparent!important}[data-v-50d9346d] .amap-info-sharp:after,[data-v-50d9346d] .amap-info-sharp:before{display:none!important}.city-map[data-v-50d9346d]{width:100%;height:100vh;position:relative;overflow:hidden}#map[data-v-50d9346d]{width:100%;height:100%;margin:0;padding:0}.selectors-container[data-v-50d9346d]{position:absolute;top:20px;left:20px;display:flex;gap:12px;z-index:1000;-webkit-animation:slideIn-data-v-50d9346d .4s ease-out;animation:slideIn-data-v-50d9346d .4s ease-out}.city-selector[data-v-50d9346d]{position:relative;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:10px 14px;box-shadow:0 4px 20px rgba(0,0,0,.3);border:1px solid rgba(52,152,219,.3);min-width:0;width:140px;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.indicator-selector[data-v-50d9346d]{border:1px solid rgba(46,204,113,.3)}.indicator-selector .city-item i[data-v-50d9346d]:first-child,.indicator-selector .selector-header i[data-v-50d9346d]:first-child{color:#2ecc71}.indicator-selector .city-item[data-v-50d9346d]:hover{background:rgba(46,204,113,.15);border-color:rgba(46,204,113,.4)}.indicator-selector .city-item.active[data-v-50d9346d]{background:linear-gradient(135deg,rgba(46,204,113,.3),rgba(39,174,96,.3));border-color:#2ecc71;box-shadow:0 4px 15px rgba(46,204,113,.4)}.indicator-selector .city-item.active i[data-v-50d9346d]:first-child{color:#fff}.indicator-selector .check-icon[data-v-50d9346d],.indicator-selector .toggle-icon[data-v-50d9346d]{color:#2ecc71}.city-selector.expanded[data-v-50d9346d]{width:200px;padding:12px 14px}@-webkit-keyframes slideIn-data-v-50d9346d{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideIn-data-v-50d9346d{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.selector-header[data-v-50d9346d]{display:flex;align-items:center;gap:8px;padding:0;margin:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:all .3s ease}.city-selector.expanded .selector-header[data-v-50d9346d]{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid rgba(52,152,219,.2)}.selector-header[data-v-50d9346d]:hover{opacity:.85}.selector-header i[data-v-50d9346d]{font-size:14px;color:#3498db;transition:all .3s ease}@-webkit-keyframes pulse-data-v-50d9346d{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes pulse-data-v-50d9346d{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.selector-title[data-v-50d9346d]{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80px;flex:1}.toggle-icon[data-v-50d9346d]{font-size:12px;color:#3498db;transition:transform .3s ease;margin-left:auto}.city-selector.expanded .toggle-icon[data-v-50d9346d]{transform:rotate(180deg)}.city-list[data-v-50d9346d]{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1),-ms-grid-rows .3s cubic-bezier(.4,0,.2,1)}.city-selector.expanded .city-list[data-v-50d9346d]{grid-template-rows:1fr}.city-list-content[data-v-50d9346d]{min-height:0;display:flex;flex-direction:column;gap:6px}.city-selector.expanded .selector-title[data-v-50d9346d]{max-width:120px}.city-item[data-v-50d9346d]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;color:hsla(0,0%,100%,.8);font-size:14px;border:1px solid transparent}.city-item[data-v-50d9346d]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.3),transparent);transition:left .5s ease}.city-item[data-v-50d9346d]:hover:before{left:100%}.city-item[data-v-50d9346d]:hover{background:rgba(52,152,219,.15);border-color:rgba(52,152,219,.4);transform:translateX(4px);color:#fff}.city-item.active[data-v-50d9346d]{background:linear-gradient(135deg,rgba(52,152,219,.3),rgba(41,128,185,.3));border-color:#3498db;color:#fff;box-shadow:0 4px 15px rgba(52,152,219,.4);transform:translateX(0)}.city-item.active[data-v-50d9346d]:before{display:none}.city-item i[data-v-50d9346d]:first-child{font-size:14px;color:#3498db;transition:all .3s ease}.city-item.active i[data-v-50d9346d]:first-child{color:#fff;transform:scale(1.2)}.check-icon[data-v-50d9346d]{margin-left:auto;font-size:16px;color:#2ecc71;-webkit-animation:checkIn-data-v-50d9346d .3s ease-out;animation:checkIn-data-v-50d9346d .3s ease-out}@-webkit-keyframes checkIn-data-v-50d9346d{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes checkIn-data-v-50d9346d{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.selectors-container[data-v-50d9346d]{top:10px;left:10px;flex-direction:column;gap:8px}.city-selector[data-v-50d9346d]{min-width:160px;padding:12px 8px}.selector-title[data-v-50d9346d]{font-size:14px}.city-item[data-v-50d9346d]{padding:8px 10px;font-size:13px}}.drawer-wrapper[data-v-50d9346d]{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;pointer-events:auto}.drawer-overlay[data-v-50d9346d]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drawer[data-v-50d9346d]{position:absolute;bottom:0;left:0;right:0;background:rgba(16,20,31,.98);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-radius:20px 20px 0 0;box-shadow:0 -4px 32px rgba(0,0,0,.3);height:420px;overflow:hidden;display:flex;flex-direction:column;-webkit-animation:drawerSlideUp-data-v-50d9346d .4s cubic-bezier(.4,0,.2,1);animation:drawerSlideUp-data-v-50d9346d .4s cubic-bezier(.4,0,.2,1)}@-webkit-keyframes drawerSlideUp-data-v-50d9346d{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes drawerSlideUp-data-v-50d9346d{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header[data-v-50d9346d]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(52,152,219,.1);flex-shrink:0}.drawer-title[data-v-50d9346d]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#fff}.drawer-title i[data-v-50d9346d]{color:#3498db;font-size:22px}.drawer-close[data-v-50d9346d]{background:rgba(52,152,219,.15);border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#3498db;transition:all .3s ease;border:1px solid rgba(52,152,219,.3)}.drawer-close[data-v-50d9346d]:hover{background:rgba(231,76,60,.2);border-color:rgba(231,76,60,.5);color:#e74c3c;transform:scale(1.05)}.drawer-content[data-v-50d9346d]{padding:10px 20px;overflow:hidden;flex:1;display:flex;flex-direction:column}.stats-grid[data-v-50d9346d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-50d9346d]{display:flex;align-items:center;gap:16px;padding:16px;background:linear-gradient(135deg,rgba(52,152,219,.1),rgba(41,128,185,.1));border-radius:12px;transition:all .3s ease}.stat-card[data-v-50d9346d]:hover{background:linear-gradient(135deg,rgba(52,152,219,.15),rgba(41,128,185,.15));transform:translateY(-2px);box-shadow:0 4px 20px rgba(52,152,219,.2)}.stat-icon[data-v-50d9346d]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(52,152,219,.2),rgba(41,128,185,.2));border-radius:12px;color:#3498db;font-size:24px}.stat-info[data-v-50d9346d]{flex:1}.stat-label[data-v-50d9346d]{font-size:13px;color:hsla(0,0%,100%,.7);margin-bottom:4px}.stat-value[data-v-50d9346d]{font-size:28px;font-weight:700;color:#fff}.city-description[data-v-50d9346d]{background:linear-gradient(135deg,rgba(16,20,31,.8),rgba(25,31,43,.8));border-radius:12px;padding:20px}.city-description h3[data-v-50d9346d]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#3498db;margin-bottom:12px}.city-description h3 i[data-v-50d9346d]{font-size:18px}.city-description p[data-v-50d9346d]{font-size:14px;color:hsla(0,0%,100%,.8);line-height:1.6}.weather-chart-container[data-v-50d9346d]{background:transparent;border-radius:0;padding:0;margin:0;flex:1;display:flex;flex-direction:column;overflow:hidden}.loading-container[data-v-50d9346d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:hsla(0,0%,100%,.7)}.loading-container i[data-v-50d9346d]{font-size:32px;color:#3498db}.loading-container span[data-v-50d9346d]{font-size:14px}.weather-chart-container h3[data-v-50d9346d]{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#3498db;margin-bottom:16px}.weather-chart-container h3 i[data-v-50d9346d]{font-size:18px}#weather-chart[data-v-50d9346d]{width:100%;height:100%;min-height:0}.drawer-slide-enter-active[data-v-50d9346d],.drawer-slide-leave-active[data-v-50d9346d]{transition:opacity .3s ease}.drawer-slide-enter-active .drawer[data-v-50d9346d],.drawer-slide-leave-active .drawer[data-v-50d9346d]{transition:transform .4s cubic-bezier(.4,0,.2,1)}.drawer-slide-enter .drawer[data-v-50d9346d],.drawer-slide-leave-to .drawer[data-v-50d9346d]{transform:translateY(100%)}.weather-page[data-v-2fc0a802]{background:#f5f5f5;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif}.tabs-container[data-v-2fc0a802]{display:flex;background:#fff;padding:0;border-bottom:1px solid #e0e0e0}.tab-item[data-v-2fc0a802]{flex:1;padding:15px 0;text-align:center;cursor:pointer;font-size:10px;color:#666;border-bottom:3px solid transparent;transition:all .3s ease}.tab-item.active[data-v-2fc0a802]{color:#ff6b35;border-bottom-color:#ff6b35;font-weight:600}.tab-item[data-v-2fc0a802]:hover{background:#f8f9fa}.control-section[data-v-2fc0a802]{background:#fff;border-bottom:1px solid #e0e0e0;padding:10px}.horizontal-row[data-v-2fc0a802]{display:flex;align-items:center;justify-content:space-between;gap:1px;margin-bottom:10px}.datetime-input[data-v-2fc0a802]{width:45%!important;flex:1.5;border:2px solid #ddd;border-radius:6px;padding:8px 12px;font-size:12px;background:#fff;color:#333;cursor:pointer;transition:border-color .3s ease}.datetime-input[data-v-2fc0a802]:focus{outline:none;border-color:#ff6b35}.unit-text[data-v-2fc0a802]{flex:1;text-align:center;font-size:12px;color:#666;font-weight:500;white-space:nowrap}.city-selector[data-v-2fc0a802]{position:relative;flex:1;display:flex;justify-content:flex-end}.city-select[data-v-2fc0a802]{border:2px solid #ff6b35;border-radius:6px;background:#fff;font-size:12px;color:#333;cursor:pointer;padding:8px 30px 8px 12px;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:80px;width:100px;transition:all .3s ease}.city-select[data-v-2fc0a802]:focus{border-color:#ff5722;box-shadow:0 0 0 3px rgba(255,107,53,.1)}.dropdown-icon[data-v-2fc0a802]{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#ff6b35;font-size:12px;pointer-events:none}.search-button-row[data-v-2fc0a802]{display:flex;align-items:center;gap:10px;margin-bottom:20px}.search-input[data-v-2fc0a802]{flex:1;border:2px solid #ddd;border-radius:25px;padding:12px 20px;font-size:12px;background:#f8f9fa;outline:none;transition:all .3s ease}.search-input[data-v-2fc0a802]:focus{border-color:#ff6b35;background:#fff;box-shadow:0 0 0 3px rgba(255,107,53,.1)}.search-btn[data-v-2fc0a802]{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:25px;padding:12px 30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(52,152,219,.3);white-space:nowrap}.search-btn[data-v-2fc0a802]:hover{background:linear-gradient(135deg,#2980b9,#1f618d);transform:translateY(-2px);box-shadow:0 6px 20px rgba(52,152,219,.4)}.table-container[data-v-2fc0a802]{background:#fff;margin:0}.data-table[data-v-2fc0a802]{width:100%;border-collapse:collapse}.table-header[data-v-2fc0a802]{background:#4a90e2;color:#fff}.table-header th[data-v-2fc0a802]{padding:12px 8px;font-size:14px;font-weight:600;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.table-header th[data-v-2fc0a802]:hover{background:#357abd}.sort-icon[data-v-2fc0a802]{margin-left:5px;font-size:10px;opacity:.7;transition:all .2s ease}.sort-icon.active[data-v-2fc0a802]{opacity:1;color:#fff;font-weight:700}.col-index[data-v-2fc0a802]{width:10%}.col-station[data-v-2fc0a802]{width:25%}.col-current[data-v-2fc0a802],.col-max[data-v-2fc0a802],.col-min[data-v-2fc0a802]{width:21.66%}.col-pre[data-v-2fc0a802]{width:16%;text-align:center}.col-wind[data-v-2fc0a802]{width:20%;text-align:center}.col-wind-dir[data-v-2fc0a802]{width:15%;text-align:center;font-size:13px}.col-humidity[data-v-2fc0a802],.col-pressure[data-v-2fc0a802]{width:21.66%;text-align:center}.col-visibility[data-v-2fc0a802]{width:25%;text-align:center}.table-row[data-v-2fc0a802]{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s ease}.table-row[data-v-2fc0a802]:hover{background:#f8f9fa}.table-row[data-v-2fc0a802]:nth-child(2n){background:#fafafa}.table-row[data-v-2fc0a802]:nth-child(2n):hover{background:#f0f0f0}.table-row td[data-v-2fc0a802]{padding:12px 8px;text-align:center;font-size:14px;color:#333}.col-station[data-v-2fc0a802]{text-align:left;padding-left:20px;font-weight:500}.chart-row[data-v-2fc0a802]{background:#f8f9fa}.chart-cell[data-v-2fc0a802]{padding:0!important;border:none!important}.chart-container[data-v-2fc0a802]{background:#fff;border-radius:4px;margin:4px;box-shadow:0 1px 4px rgba(0,0,0,.1);overflow:hidden}.chart-header[data-v-2fc0a802]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #eee;background:#f8f9fa}.chart-title[data-v-2fc0a802]{font-size:12px;font-weight:500;color:#333}.chart-close[data-v-2fc0a802]{font-size:16px;color:#999;cursor:pointer;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.chart-close[data-v-2fc0a802]:hover{background-color:#eee;color:#666}.chart-tabs[data-v-2fc0a802]{display:flex;align-items:center;padding:6px 12px;border-bottom:1px solid #eee;background:#f8f9fa;gap:8px;flex-wrap:wrap}.chart-tab[data-v-2fc0a802]{padding:4px 8px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;font-size:11px;color:#666;white-space:nowrap;border-radius:3px}.chart-tab[data-v-2fc0a802]:hover{color:#333;background:rgba(255,71,87,.1)}.chart-tab.active[data-v-2fc0a802]{color:#ff4757;border-bottom-color:#ff4757;background:rgba(255,71,87,.1)}.chart-unit[data-v-2fc0a802]{margin-left:auto;font-size:10px;color:#999;white-space:nowrap}.chart-content[data-v-2fc0a802]{padding:10px;height:250px}.chart-canvas[data-v-2fc0a802]{width:100%;height:100%}.loading-overlay[data-v-2fc0a802]{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner[data-v-2fc0a802]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff6b35;border-radius:50%;-webkit-animation:spin-data-v-2fc0a802 1s linear infinite;animation:spin-data-v-2fc0a802 1s linear infinite;margin-bottom:15px}@-webkit-keyframes spin-data-v-2fc0a802{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-2fc0a802{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text[data-v-2fc0a802]{font-size:16px;color:#666}@media (max-width:768px){.control-section[data-v-2fc0a802]{padding:15px}.button-row[data-v-2fc0a802],.city-row[data-v-2fc0a802],.datetime-row[data-v-2fc0a802],.search-row[data-v-2fc0a802],.unit-row[data-v-2fc0a802]{margin-bottom:15px}.datetime-input[data-v-2fc0a802]{padding:10px 14px;font-size:14px}.unit-text[data-v-2fc0a802]{font-size:14px}.city-select[data-v-2fc0a802]{min-width:120px;padding:10px 35px 10px 14px;font-size:14px}.search-input[data-v-2fc0a802]{padding:10px 18px;font-size:14px}.search-btn[data-v-2fc0a802]{padding:12px 40px;font-size:14px}.tab-item[data-v-2fc0a802]{font-size:14px;padding:12px 0}.data-table[data-v-2fc0a802]{font-size:12px}.table-header th[data-v-2fc0a802],.table-row td[data-v-2fc0a802]{padding:8px 4px}.col-station[data-v-2fc0a802]{padding-left:8px}.chart-header[data-v-2fc0a802]{padding:6px 10px}.chart-title[data-v-2fc0a802]{font-size:11px}.chart-tabs[data-v-2fc0a802]{padding:4px 10px;gap:6px}.chart-tab[data-v-2fc0a802]{padding:3px 6px;font-size:10px}.chart-unit[data-v-2fc0a802]{font-size:9px}.chart-content[data-v-2fc0a802]{padding:8px;height:200px}}.weather-forecast-page[data-v-ec26cb52]{min-height:100vh;background:linear-gradient(135deg,#4a90e2,#7bb3f0 50%,#a8d8f0);padding-bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-bar[data-v-ec26cb52]{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:rgba(0,0,0,.1);color:#333;font-size:14px;font-weight:600}.status-left[data-v-ec26cb52]{display:flex;align-items:center;gap:8px}.time[data-v-ec26cb52]{font-weight:600}.battery[data-v-ec26cb52]{display:flex;align-items:center;gap:4px}.battery-level[data-v-ec26cb52]{width:20px;height:10px;border:1px solid #333;border-radius:2px;position:relative}.battery-level[data-v-ec26cb52]:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:6px;background:#333;border-radius:0 1px 1px 0}.battery-level[data-v-ec26cb52]:before{content:"";position:absolute;left:1px;top:1px;width:16px;height:6px;background:#4caf50;border-radius:1px}.battery-dots[data-v-ec26cb52]{font-size:8px;color:#4caf50}.status-right[data-v-ec26cb52]{display:flex;align-items:center;gap:8px}.hd[data-v-ec26cb52]{font-size:12px;font-weight:600}.signal[data-v-ec26cb52]{display:flex;align-items:flex-end;gap:2px}.signal-bar[data-v-ec26cb52]{width:3px;background:#333;border-radius:1px}.signal-bar[data-v-ec26cb52]:first-child{height:4px}.signal-bar[data-v-ec26cb52]:nth-child(2){height:6px}.signal-bar[data-v-ec26cb52]:nth-child(3){height:8px}.signal-bar[data-v-ec26cb52]:nth-child(4){height:10px}.battery-percent[data-v-ec26cb52],.fa-wifi[data-v-ec26cb52]{font-size:12px}.current-weather-section[data-v-ec26cb52]{background:linear-gradient(135deg,#4a90e2,#7bb3f0);padding:20px;position:relative;overflow:hidden}.current-weather-section[data-v-ec26cb52]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.3)"/><circle cx="80" cy="30" r="1.5" fill="rgba(255,255,255,0.2)"/><circle cx="40" cy="60" r="1" fill="rgba(255,255,255,0.4)"/><circle cx="70" cy="70" r="2.5" fill="rgba(255,255,255,0.2)"/></svg>');opacity:.6}.location-bar[data-v-ec26cb52]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;position:relative;z-index:1}.location-left[data-v-ec26cb52]{display:flex;align-items:center;gap:10px}.location-icon[data-v-ec26cb52]{color:hsla(0,0%,100%,.9);font-size:18px}.location-name[data-v-ec26cb52]{color:#fff;font-size:17px;font-weight:600;letter-spacing:.5px}.refresh-icon[data-v-ec26cb52]{color:hsla(0,0%,100%,.9);font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.refresh-icon[data-v-ec26cb52]:hover{background:hsla(0,0%,100%,.2);transform:scale(1.1);color:#fff}.refresh-icon.rotating[data-v-ec26cb52]{-webkit-animation:rotate-data-v-ec26cb52 1s linear infinite;animation:rotate-data-v-ec26cb52 1s linear infinite}@-webkit-keyframes rotate-data-v-ec26cb52{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate-data-v-ec26cb52{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.arrow-icon[data-v-ec26cb52]{color:#fff;font-size:12px;margin-left:auto}.favorite-icons[data-v-ec26cb52]{display:flex;gap:4px}.favorite-icons i[data-v-ec26cb52]{color:#fff;font-size:14px}.weather-content[data-v-ec26cb52]{position:relative;z-index:1}.main-temp-area[data-v-ec26cb52]{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:20px}.temp-with-label[data-v-ec26cb52]{display:flex;align-items:flex-start;gap:4px}.temperature[data-v-ec26cb52]{font-size:88px;font-weight:200;color:#fff;line-height:1;letter-spacing:-2px}.degree-symbol[data-v-ec26cb52]{font-size:56px;color:#fff;font-weight:200;line-height:1;opacity:.95}.weather-status-inline[data-v-ec26cb52]{display:flex;align-items:center}.weather-condition-label[data-v-ec26cb52]{font-size:20px;color:hsla(0,0%,100%,.95);font-weight:500;letter-spacing:1px}.weather-details-row[data-v-ec26cb52]{display:flex;align-items:center;gap:12px;background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 20px;border-radius:20px;border:1px solid hsla(0,0%,100%,.2)}.weather-details-row .detail-item[data-v-ec26cb52]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:hsla(0,0%,100%,.95)}.detail-item[data-v-ec26cb52]{display:flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.95)}.detail-icon[data-v-ec26cb52]{font-size:14px;opacity:.8}.detail-text[data-v-ec26cb52]{font-size:14px;font-weight:500;letter-spacing:.3px;text-align:center;white-space:nowrap}.detail-divider[data-v-ec26cb52]{width:1px;height:18px;background:hsla(0,0%,100%,.3)}.warning-banner[data-v-ec26cb52]{background:gold;border:1px solid #daa520;margin:15px 20px;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px}.warning-icon[data-v-ec26cb52]{display:flex;align-items:center;gap:8px}.warning-symbol[data-v-ec26cb52]{font-size:24px;color:#ff8c00}.warning-text[data-v-ec26cb52]{display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:600}.warning-type[data-v-ec26cb52]{color:#333}.warning-level[data-v-ec26cb52]{color:#ff8c00;font-size:14px}.warning-code[data-v-ec26cb52]{color:#666;font-size:10px}.warning-content[data-v-ec26cb52]{flex:1}.warning-title[data-v-ec26cb52]{font-size:14px;color:#333;font-weight:600;margin-bottom:4px}.warning-time[data-v-ec26cb52]{font-size:12px;color:#666}.feature-navigation[data-v-ec26cb52]{display:flex;justify-content:space-around;padding:20px;background:hsla(0,0%,100%,.9);margin:0 20px;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.feature-item[data-v-ec26cb52]{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:12px}.feature-item[data-v-ec26cb52]:hover{transform:translateY(-2px);background:rgba(52,152,219,.1)}.feature-icon[data-v-ec26cb52]{width:50px;height:50px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;box-shadow:0 4px 10px rgba(52,152,219,.3)}.feature-label[data-v-ec26cb52]{font-size:12px;color:#333;font-weight:500}.forecast-cards[data-v-ec26cb52]{display:flex;gap:15px;padding:0 20px;margin:20px 0}.forecast-card[data-v-ec26cb52]{flex:1;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:16px;padding:20px;box-shadow:0 8px 25px rgba(0,0,0,.08);border:1px solid rgba(52,152,219,.1);transition:all .3s ease}.forecast-card[data-v-ec26cb52]:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(52,152,219,.15)}.card-header[data-v-ec26cb52]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.05)}.day-label[data-v-ec26cb52]{font-size:16px;color:#333;font-weight:700;letter-spacing:.5px}.air-quality[data-v-ec26cb52]{font-size:11px;color:#4caf50;background:rgba(76,175,80,.15);padding:4px 10px;border-radius:12px;font-weight:600}.temperature-range[data-v-ec26cb52]{font-size:24px;color:#2c3e50;font-weight:700;margin-top:20px;margin-bottom:24px;text-align:center;letter-spacing:1px}.weather-icon[data-v-ec26cb52]{text-align:center;margin-top:12px;margin-bottom:16px;display:flex;justify-content:center;align-items:center;height:60px}.weather-icon i[data-v-ec26cb52]{font-size:36px;color:#3498db}.weather-image-card[data-v-ec26cb52]{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;background:linear-gradient(135deg,#87ceeb,#6bb6f5);border-radius:50%;padding:8px;box-shadow:0 4px 12px rgba(135,206,235,.3)}.weather-image-card.weather-image-night[data-v-ec26cb52]{background:linear-gradient(135deg,#1e3a8a,#3b5b9d)}.weather-desc[data-v-ec26cb52]{text-align:center;font-size:14px;color:#555;font-weight:600}.hourly-forecast[data-v-ec26cb52]{background:#fff;margin:20px;border-radius:15px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.forecast-title[data-v-ec26cb52]{font-size:18px;color:#333;font-weight:600;margin-bottom:20px;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.scroll-hint[data-v-ec26cb52]{font-size:12px;color:#999;opacity:.7;-webkit-animation:pulse-data-v-ec26cb52 2s infinite;animation:pulse-data-v-ec26cb52 2s infinite}@-webkit-keyframes pulse-data-v-ec26cb52{0%,to{opacity:.7}50%{opacity:1}}@keyframes pulse-data-v-ec26cb52{0%,to{opacity:.7}50%{opacity:1}}.forecast-chart[data-v-ec26cb52]{position:relative}.chart-container[data-v-ec26cb52]{width:100%;height:280px;margin-bottom:15px;background:transparent;border-radius:8px}.hourly-info-container[data-v-ec26cb52]{width:100%;padding:10px 0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.hourly-info-container[data-v-ec26cb52]::-webkit-scrollbar{height:6px}.hourly-info-container[data-v-ec26cb52]::-webkit-scrollbar-track{background:transparent}.hourly-info-container[data-v-ec26cb52]::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}.hourly-columns[data-v-ec26cb52]{display:flex;align-items:flex-start;justify-content:space-between;gap:0;min-width:100%;padding:0 5px}.hour-column[data-v-ec26cb52]{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center;padding-top:8px;min-width:0}.weather-icon-small[data-v-ec26cb52]{margin-bottom:4px}.weather-icon-small i[data-v-ec26cb52]{font-size:16px;color:#3498db}.weather-image-small[data-v-ec26cb52]{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;background:#87ceeb;border-radius:50%;padding:2px}.weather-image-small.weather-image-night[data-v-ec26cb52]{background:#1e3a8a}.precipitation-value[data-v-ec26cb52]{font-size:10px;color:#2980b9;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.wind-level[data-v-ec26cb52]{display:flex;align-items:center;justify-content:center;gap:2px;font-size:10px;color:#666;margin-bottom:4px}.wind-level i[data-v-ec26cb52]{font-size:8px;color:#4caf50}.time-label[data-v-ec26cb52]{font-size:10px;color:#666}.seven-day-forecast[data-v-ec26cb52]{background:#fff;margin:20px;border-radius:15px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.seven-day-grid[data-v-ec26cb52]{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:10px 0}.day-column[data-v-ec26cb52]{display:flex;flex-direction:column;align-items:center;text-align:center;background:rgba(52,152,219,.05);border-radius:8px;padding:8px 4px;min-height:200px;flex-shrink:0}.day-header[data-v-ec26cb52]{margin-bottom:8px}.day-name[data-v-ec26cb52]{font-size:12px;color:#333;font-weight:600;margin-bottom:2px}.day-date[data-v-ec26cb52]{font-size:10px;color:#666}.daytime-weather[data-v-ec26cb52]{display:flex;flex-direction:column;align-items:center;margin-bottom:8px;flex:1}.weather-icon-large[data-v-ec26cb52]{margin-bottom:4px}.weather-icon-large i[data-v-ec26cb52]{font-size:20px;color:#3498db}.weather-image[data-v-ec26cb52]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;background:#87ceeb;border-radius:50%;padding:3px}.weather-image-night[data-v-ec26cb52]{background:#1e3a8a}.weather-condition[data-v-ec26cb52]{font-size:18px;color:#333;font-weight:500;margin-bottom:4px}.wind-info[data-v-ec26cb52]{font-size:14px;color:#fff;margin-bottom:1px;line-height:1.2}.wind-direction[data-v-ec26cb52]{display:block;margin-bottom:1px}.wind-level[data-v-ec26cb52]{display:block}.high-temp[data-v-ec26cb52]{font-size:14px;color:#ff8c00;font-weight:600}.temperature-bar[data-v-ec26cb52]{width:4px;height:40px;background:#e0e0e0;border-radius:2px;margin:6px 0;position:relative;overflow:hidden}.temp-bar-fill[data-v-ec26cb52]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#3498db,#ff8c00);border-radius:2px;transition:height .3s ease}.nighttime-weather[data-v-ec26cb52]{display:flex;flex-direction:column;align-items:center;flex:1}.low-temp[data-v-ec26cb52]{font-size:14px;color:#3498db;font-weight:600;margin-bottom:4px}.life-index[data-v-ec26cb52]{background:#fff;margin:20px;border-radius:15px;padding:20px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.index-grid[data-v-ec26cb52]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.index-item[data-v-ec26cb52]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px 8px;border-radius:8px;background:rgba(52,152,219,.05);transition:all .3s ease}.index-item[data-v-ec26cb52]:hover{background:rgba(52,152,219,.1);transform:translateY(-2px)}.index-icon[data-v-ec26cb52]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.index-icon i[data-v-ec26cb52]{font-size:18px;color:#fff}.solid-circle[data-v-ec26cb52]{width:20px;height:20px;background:#fff;border-radius:50%;opacity:.8}.index-content[data-v-ec26cb52]{width:100%}.index-value[data-v-ec26cb52]{font-size:12px;color:#333;font-weight:600;margin-bottom:4px;line-height:1.2}.index-name[data-v-ec26cb52]{font-size:10px;color:#666;line-height:1.2}.bottom-navigation[data-v-ec26cb52]{position:fixed;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.1);display:flex;justify-content:space-around;padding:8px 0;z-index:50;box-shadow:0 -2px 10px rgba(0,0,0,.1)}.nav-item[data-v-ec26cb52]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border-radius:8px;transition:all .3s ease}.nav-item.active[data-v-ec26cb52],.nav-item[data-v-ec26cb52]:hover{background:rgba(52,152,219,.1)}.nav-icon[data-v-ec26cb52]{font-size:18px;color:#999}.nav-item.active .nav-icon[data-v-ec26cb52]{color:#3498db}.nav-label[data-v-ec26cb52]{font-size:10px;color:#999;font-weight:500}.nav-item.active .nav-label[data-v-ec26cb52]{color:#3498db}@media (max-width:768px){.status-bar[data-v-ec26cb52]{padding:6px 15px;font-size:12px}.current-weather-section[data-v-ec26cb52]{padding:15px}.location-bar[data-v-ec26cb52]{margin-bottom:24px}.main-temp-area[data-v-ec26cb52]{gap:12px}.temperature[data-v-ec26cb52]{font-size:70px}.degree-symbol[data-v-ec26cb52]{font-size:44px}.weather-condition-label[data-v-ec26cb52]{font-size:18px}.weather-details-row[data-v-ec26cb52]{padding:10px 16px;gap:12px}.detail-text[data-v-ec26cb52]{font-size:13px}.feature-navigation[data-v-ec26cb52]{padding:15px;margin:0 15px}.feature-icon[data-v-ec26cb52]{width:45px;height:45px;font-size:18px}.feature-label[data-v-ec26cb52]{font-size:11px}.forecast-cards[data-v-ec26cb52]{padding:0 15px;margin:15px 0}.forecast-card[data-v-ec26cb52]{padding:16px}.day-label[data-v-ec26cb52]{font-size:15px}.temperature-range[data-v-ec26cb52]{font-size:22px}.weather-icon[data-v-ec26cb52]{height:55px}.weather-icon i[data-v-ec26cb52]{font-size:32px}.weather-image-card[data-v-ec26cb52]{width:45px;height:45px}.weather-desc[data-v-ec26cb52]{font-size:13px}.hourly-forecast[data-v-ec26cb52]{margin:15px;padding:15px}.forecast-title[data-v-ec26cb52]{font-size:16px}.hour-column[data-v-ec26cb52]{min-width:45px}.hourly-columns[data-v-ec26cb52]{gap:8px}.chart-container[data-v-ec26cb52]{height:240px;margin-bottom:12px}}@media (max-width:480px){.main-temp-area[data-v-ec26cb52]{gap:10px}.temperature[data-v-ec26cb52]{font-size:56px}.degree-symbol[data-v-ec26cb52]{font-size:36px}.weather-condition-label[data-v-ec26cb52]{font-size:16px}.weather-details-row[data-v-ec26cb52]{padding:8px 12px;gap:10px}.detail-icon[data-v-ec26cb52],.detail-text[data-v-ec26cb52]{font-size:12px}.feature-icon[data-v-ec26cb52]{width:40px;height:40px;font-size:16px}.feature-label[data-v-ec26cb52]{font-size:10px}.forecast-card[data-v-ec26cb52]{padding:14px}.day-label[data-v-ec26cb52]{font-size:14px}.card-header[data-v-ec26cb52]{margin-bottom:12px;padding-bottom:10px}.temperature-range[data-v-ec26cb52]{font-size:20px;margin-bottom:12px}.weather-icon[data-v-ec26cb52]{height:50px;margin-bottom:10px}.weather-icon i[data-v-ec26cb52]{font-size:28px}.weather-image-card[data-v-ec26cb52]{width:40px;height:40px;padding:6px}.weather-desc[data-v-ec26cb52]{font-size:12px}.hourly-forecast[data-v-ec26cb52]{padding:12px}.temp-value[data-v-ec26cb52]{font-size:12px}.weather-icon-small i[data-v-ec26cb52]{font-size:14px}.hour-column[data-v-ec26cb52]{min-width:40px}.hourly-columns[data-v-ec26cb52]{gap:6px}.chart-container[data-v-ec26cb52]{height:220px;margin-bottom:10px}.hour-column[data-v-ec26cb52]{min-width:30px}.precipitation-value[data-v-ec26cb52],.time-label[data-v-ec26cb52],.wind-level[data-v-ec26cb52]{font-size:9px}.seven-day-forecast[data-v-ec26cb52]{margin:15px;padding:15px}.seven-day-grid[data-v-ec26cb52]{grid-template-columns:repeat(7,1fr);gap:6px}.day-column[data-v-ec26cb52]{padding:6px 2px;min-height:160px}.day-name[data-v-ec26cb52]{font-size:10px}.day-date[data-v-ec26cb52]{font-size:8px}.weather-icon-large i[data-v-ec26cb52]{font-size:16px}.weather-condition[data-v-ec26cb52]{font-size:13px}.high-temp[data-v-ec26cb52],.low-temp[data-v-ec26cb52]{font-size:12px}.wind-info[data-v-ec26cb52]{font-size:10px;color:#000}.temperature-bar[data-v-ec26cb52]{width:3px;height:30px}.life-index[data-v-ec26cb52]{margin:15px;padding:15px}.index-grid[data-v-ec26cb52]{gap:10px}.index-item[data-v-ec26cb52]{padding:8px 6px}.index-icon[data-v-ec26cb52]{width:35px;height:35px}.index-icon i[data-v-ec26cb52]{font-size:16px}.index-value[data-v-ec26cb52]{font-size:11px}.index-name[data-v-ec26cb52]{font-size:9px}}.warning-map-container[data-v-f56fc168]{position:relative;height:100vh;overflow:hidden}.page-header[data-v-f56fc168]{position:absolute;top:20px;left:20px;z-index:1000;background:hsla(0,0%,100%,.95);padding:15px 25px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-title[data-v-f56fc168]{margin:0;font-size:20px;font-weight:600;color:#2c3e50}.warning-info-panel[data-v-f56fc168]{position:fixed;bottom:2.9%;left:0;right:0;height:50vh;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-direction:column;z-index:1000}.panel-title-bar[data-v-f56fc168]{padding:12px 20px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.panel-title-bar h2[data-v-f56fc168]{margin:0;font-size:18px;font-weight:600;color:#333}.update-time[data-v-f56fc168]{font-size:12px;color:#666}.warning-stats-bar[data-v-f56fc168]{padding:8px 10px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:8px;font-size:12px}.stats-label[data-v-f56fc168]{color:#666}.stats-label.red[data-v-f56fc168]{color:red}.stats-label.orange[data-v-f56fc168]{color:#ff8c00}.stats-label.yellow[data-v-f56fc168]{color:gold}.stats-label.blue[data-v-f56fc168]{color:#06f}.stats-number[data-v-f56fc168]{font-weight:700;margin-right:12px}.stats-number.total[data-v-f56fc168]{color:#333}.stats-number.red[data-v-f56fc168]{color:red}.stats-number.orange[data-v-f56fc168]{color:#ff8c00}.stats-number.yellow[data-v-f56fc168]{color:gold}.stats-number.blue[data-v-f56fc168]{color:#06f}.stats-label[data-v-f56fc168],.stats-number[data-v-f56fc168]{cursor:pointer;transition:all .2s ease;padding:2px 4px;border-radius:3px}.stats-label[data-v-f56fc168]:hover,.stats-number[data-v-f56fc168]:hover{background-color:rgba(0,0,0,.05)}.stats-number.active[data-v-f56fc168]{background-color:rgba(0,0,0,.1);font-weight:700;box-shadow:0 1px 3px rgba(0,0,0,.2)}.filter-bar[data-v-f56fc168]{padding:8px 20px;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:12px}.filter-select[data-v-f56fc168]{padding:4px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:12px;color:#666;min-width:100px}.area-filter[data-v-f56fc168]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#e3f2fd;border-radius:4px;border:1px solid #2196f3}.filter-label[data-v-f56fc168]{font-size:12px;color:#1976d2;font-weight:500}.area-name[data-v-f56fc168]{font-size:12px;color:#0d47a1;font-weight:600}.clear-filter-btn[data-v-f56fc168]{background:#f44336;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.clear-filter-btn[data-v-f56fc168]:hover{background:#d32f2f}.table-header[data-v-f56fc168]{padding:8px 20px;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;font-size:12px;color:#666;font-weight:600}.table-header .col-type[data-v-f56fc168]{flex:0 0 50px}.table-header .col-level[data-v-f56fc168]{flex:0 0 100px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .2s ease}.table-header .col-level[data-v-f56fc168]:hover{background-color:#f0f0f0;border-radius:4px}.table-header .col-dept[data-v-f56fc168]{flex:1}.table-header .col-time[data-v-f56fc168]{flex:0 0 80px}.sort-icon[data-v-f56fc168]{font-size:10px;color:#ccc;transition:color .2s ease}.sort-icon.sort-active[data-v-f56fc168]{color:#007bff}.sort-icon.sort-desc[data-v-f56fc168]{color:#ff6b35}.sort-icon.sort-asc[data-v-f56fc168]{color:#28a745}.warning-table[data-v-f56fc168]{flex:1;overflow-y:auto}.warning-row[data-v-f56fc168]{padding:8px 20px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease;font-size:12px}.warning-row[data-v-f56fc168]:hover{background-color:#f8f9fa}.warning-row .col-type[data-v-f56fc168]{flex:0 0 50px;display:flex;align-items:center;justify-content:center}.warning-row .col-level[data-v-f56fc168]{flex:0 0 100px;display:flex;align-items:center}.warning-row .col-dept[data-v-f56fc168]{flex:1;color:#666;font-size:11px}.warning-row .col-time[data-v-f56fc168]{flex:0 0 80px;color:#666;font-size:11px}.warning-icon[data-v-f56fc168]{width:24px;height:24px;border-radius:2px;overflow:hidden;flex-shrink:0}.warning-icon img[data-v-f56fc168]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.severity-text[data-v-f56fc168]{font-size:11px;font-weight:500}.severity-text.red[data-v-f56fc168]{color:red}.severity-text.orange[data-v-f56fc168]{color:#ff8c00}.severity-text.yellow[data-v-f56fc168]{color:gold}.severity-text.blue[data-v-f56fc168]{color:#06f}.level-badge[data-v-f56fc168]{padding:2px 6px;border-radius:2px;font-size:10px;font-weight:500;color:#fff}.level-badge.red[data-v-f56fc168]{background-color:red}.level-badge.orange[data-v-f56fc168]{background-color:#ff8c00}.level-badge.yellow[data-v-f56fc168]{background-color:gold;color:#333}.level-badge.blue[data-v-f56fc168]{background-color:#06f}.map-container[data-v-f56fc168]{width:100%;height:50vh;position:relative;z-index:1}@media (max-width:768px){.warning-info-panel[data-v-f56fc168]{height:40vh}.map-container[data-v-f56fc168]{height:60vh}.warning-stats-bar[data-v-f56fc168]{flex-wrap:wrap;gap:4px;font-size:11px}.table-header .col-type[data-v-f56fc168]{flex:0 0 40px}.table-header .col-level[data-v-f56fc168]{flex:0 0 80px}.table-header .col-time[data-v-f56fc168]{flex:0 0 70px}.warning-row .col-type[data-v-f56fc168]{flex:0 0 40px}.warning-row .col-level[data-v-f56fc168]{flex:0 0 80px}.warning-row .col-time[data-v-f56fc168]{flex:0 0 70px}.warning-icon[data-v-f56fc168]{width:20px;height:20px}}.warning-detail-overlay[data-v-f56fc168]{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:1001;display:flex;flex-direction:column}.detail-header[data-v-f56fc168]{padding:8px 20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.back-btn[data-v-f56fc168]{background:none;border:none;display:flex;align-items:center;gap:4px;color:#666;cursor:pointer;font-size:14px;padding:4px 0}.back-btn[data-v-f56fc168]:hover{color:#333}.back-icon[data-v-f56fc168]{font-size:18px;font-weight:700}.detail-content[data-v-f56fc168]{flex:1;padding:12px 20px;overflow-y:auto}.detail-section[data-v-f56fc168]{margin-bottom:12px;border-bottom:1px solid #f0f0f0;padding-bottom:10px}.detail-section[data-v-f56fc168]:last-child{border-bottom:none;margin-bottom:0}.section-label[data-v-f56fc168]{font-size:13px;color:#333;margin-bottom:6px;font-weight:500}.section-value[data-v-f56fc168]{font-size:13px;color:#666;line-height:1.4}.type-value[data-v-f56fc168]{display:flex;align-items:center;gap:10px}.warning-type-icon[data-v-f56fc168]{width:24px;height:24px;border-radius:2px;overflow:hidden;flex-shrink:0}.warning-type-icon img[data-v-f56fc168]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.type-badge[data-v-f56fc168]{padding:2px 6px;border-radius:2px;font-size:10px;font-weight:500;color:#fff}.type-badge.red[data-v-f56fc168]{background-color:red}.type-badge.orange[data-v-f56fc168]{background-color:#ff8c00}.type-badge.yellow[data-v-f56fc168]{background-color:gold;color:#333}.type-badge.blue[data-v-f56fc168]{background-color:#06f}.content-section[data-v-f56fc168]{background:#f8f9fa;padding:10px;border-radius:6px;border:1px solid #e9ecef}.content-label[data-v-f56fc168]{color:#007bff;font-weight:600;margin-bottom:8px;font-size:13px}.content-text[data-v-f56fc168]{background:#fff;padding:10px;border-radius:4px;border-left:3px solid #007bff;line-height:1.5;color:#333;font-size:12px}.loading-overlay[data-v-f56fc168]{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1500}.loading-spinner[data-v-f56fc168]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #ff4757;border-radius:50%;-webkit-animation:spin-data-v-f56fc168 1s linear infinite;animation:spin-data-v-f56fc168 1s linear infinite;margin-bottom:20px}.loading-text[data-v-f56fc168]{font-size:16px;color:#666}@-webkit-keyframes spin-data-v-f56fc168{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-data-v-f56fc168{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.warning-stats-panel[data-v-f56fc168]{position:absolute;top:20px;left:20px;width:80px;background:transparent;z-index:1000;overflow:hidden}.stats-list[data-v-f56fc168]{padding:8px 0;display:flex;flex-direction:column;gap:8px}.stats-item[data-v-f56fc168]{display:flex;justify-content:center;align-items:center;padding:8px;transition:all .3s ease;position:relative;cursor:pointer}.stats-item[data-v-f56fc168]:hover{transform:scale(1.05)}.stats-item.active[data-v-f56fc168]{transform:scale(1.1)}.stats-item.all-item .all-icon[data-v-f56fc168]{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.stats-item.all-item .all-text[data-v-f56fc168]{color:#fff;font-size:10px;font-weight:600}.stats-icon-container[data-v-f56fc168]{display:flex;flex-direction:column;align-items:center;gap:4px}.stats-icon[data-v-f56fc168]{width:32px;height:32px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}.stats-icon img[data-v-f56fc168]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.stats-count[data-v-f56fc168]{font-size:12px;color:#333;font-weight:600;background:transparent;padding:2px 6px;min-width:16px;text-align:center;line-height:1}.stats-item.top-item .stats-count[data-v-f56fc168]{background:transparent;color:#ffc107;font-weight:700}@media (max-width:768px){.warning-stats-panel[data-v-f56fc168]{width:70px;top:10px;left:10px}.stats-item[data-v-f56fc168]{padding:6px}.stats-icon[data-v-f56fc168]{width:28px;height:28px}.stats-count[data-v-f56fc168]{font-size:10px;padding:1px 4px}}.radar-map-container[data-v-15e0a4a2]{display:flex;flex-direction:column;height:80vh;background:#fff;font-family:PingFang SC,Microsoft YaHei,sans-serif}.page-header[data-v-15e0a4a2]{background-color:#1385fc;color:#fff;padding:20px;text-align:center}.page-title[data-v-15e0a4a2]{margin:0;font-size:24px;font-weight:600}.station-panel[data-v-15e0a4a2]{background:#fff;padding:20px;text-align:center}.panel-title[data-v-15e0a4a2]{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:12px}.count-info[data-v-15e0a4a2]{font-size:12px;color:#666;background:#f0f0f0;padding:4px 8px;border-radius:12px}.station-buttons[data-v-15e0a4a2]{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;align-items:center;overflow-x:visible;padding:0}.station-btn[data-v-15e0a4a2]{padding:10px 20px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 4px rgba(0,0,0,.05)}.station-btn[data-v-15e0a4a2]:hover:not(:disabled){border-color:#4a90e2;color:#4a90e2;box-shadow:0 4px 12px rgba(74,144,226,.2)}.station-btn.active[data-v-15e0a4a2]{border-color:#4a90e2;box-shadow:0 4px 15px rgba(74,144,226,.3)}.station-btn[data-v-15e0a4a2]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.time-panel[data-v-15e0a4a2]{background:transparent;margin:0 20px}.time-buttons[data-v-15e0a4a2]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-height:none;overflow-y:visible}.time-btn[data-v-15e0a4a2]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#666;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.time-btn[data-v-15e0a4a2]:hover:not(:disabled){border-color:#4a90e2;color:#4a90e2;background:rgba(74,144,226,.05)}.time-btn.active[data-v-15e0a4a2]{background:linear-gradient(135deg,#1385fc,#1385fc);border-color:#4a90e2;color:#fff}.time-btn[data-v-15e0a4a2]:disabled{background:#f5f5f5;color:#ccc;cursor:not-allowed}.time-text[data-v-15e0a4a2]{font-weight:500;font-size:11px}.date-text[data-v-15e0a4a2]{font-size:10px;opacity:.8}.control-btn[data-v-15e0a4a2]{padding:8px 16px;border-radius:4px;background:#007bff;transition:background-color .2s ease}.control-btn[data-v-15e0a4a2]:hover:not(:disabled){background:#1385fc}.control-btn[data-v-15e0a4a2]:disabled{background:#ccc}.play-btn[data-v-15e0a4a2]{background:#28a745}.play-btn[data-v-15e0a4a2]:hover:not(:disabled){background:#1385fc}.progress-info[data-v-15e0a4a2]{flex-direction:column;gap:4px;color:#666}.time-info[data-v-15e0a4a2]{font-weight:500;color:#007bff}.radar-display[data-v-15e0a4a2]{flex:1;display:flex;justify-content:center;align-items:center;background:#fff;position:relative}.loading-overlay[data-v-15e0a4a2]{display:flex;flex-direction:column;align-items:center;gap:15px;color:#666}.loading-spinner[data-v-15e0a4a2]{width:40px;height:40px;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#1385fc;-webkit-animation:spin-data-v-15e0a4a2 1s ease-in-out infinite;animation:spin-data-v-15e0a4a2 1s ease-in-out infinite}@-webkit-keyframes spin-data-v-15e0a4a2{to{transform:rotate(1turn)}}@keyframes spin-data-v-15e0a4a2{to{transform:rotate(1turn)}}.loading-text[data-v-15e0a4a2]{font-size:16px;color:#666}.radar-image-container[data-v-15e0a4a2]{position:relative;max-width:100%;max-height:100%}.radar-image[data-v-15e0a4a2]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.image-info[data-v-15e0a4a2]{position:absolute;top:20px;left:20px;background:hsla(0,0%,100%,.95);color:#333;padding:10px 15px;border-radius:6px;font-size:14px;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.station-name[data-v-15e0a4a2]{font-weight:600;margin-bottom:5px;color:#4a90e2}.data-time[data-v-15e0a4a2],.image-time[data-v-15e0a4a2]{font-size:12px;opacity:.9;color:#666}.no-data[data-v-15e0a4a2]{display:flex;flex-direction:column;align-items:center;gap:15px;color:#666}.no-data-icon[data-v-15e0a4a2]{font-size:48px}.no-data-text[data-v-15e0a4a2]{font-size:16px}.playback-controls[data-v-15e0a4a2]{background:hsla(0,0%,100%,.95);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-container[data-v-15e0a4a2]{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:800px;margin:0 auto}.button-group[data-v-15e0a4a2]{display:flex;gap:12px;align-items:center}.control-btn[data-v-15e0a4a2]{padding:12px 20px;border:none;border-radius:10px;background:linear-gradient(135deg,#1385fc,#1385fc);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(102,126,234,.3);min-width:100px;justify-content:center}.control-btn[data-v-15e0a4a2]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.control-btn[data-v-15e0a4a2]:disabled{background:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.reset-btn[data-v-15e0a4a2]{background:linear-gradient(135deg,#1385fc,#1385fc);box-shadow:0 4px 15px rgba(108,117,125,.3)}.reset-btn[data-v-15e0a4a2]:hover:not(:disabled){box-shadow:0 8px 25px rgba(108,117,125,.4)}.progress-section[data-v-15e0a4a2]{flex:1;min-width:300px}.progress-bar[data-v-15e0a4a2]{height:10px;background:#e9ecef;border-radius:5px;margin-bottom:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.progress-fill[data-v-15e0a4a2]{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;box-shadow:0 2px 4px rgba(102,126,234,.3)}.progress-info[data-v-15e0a4a2]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6c757d}.current-time[data-v-15e0a4a2]{font-weight:600;color:#667eea}.progress-text[data-v-15e0a4a2]{color:#adb5bd}.progress-bar-container[data-v-15e0a4a2]{background:#fff;padding:15px 20px;border-top:1px solid #e0e0e0}.progress-bar[data-v-15e0a4a2]{width:100%;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden;margin-bottom:10px}.progress-fill[data-v-15e0a4a2]{height:100%;background:linear-gradient(90deg,#007bff,#28a745);transition:width .3s ease}.progress-labels[data-v-15e0a4a2]{display:flex;justify-content:space-between;font-size:12px;color:#666}.time-buttons[data-v-15e0a4a2]::-webkit-scrollbar{height:6px}.time-buttons[data-v-15e0a4a2]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.time-buttons[data-v-15e0a4a2]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.time-buttons[data-v-15e0a4a2]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.controls-container[data-v-15e0a4a2]{flex-direction:column;gap:16px}.button-group[data-v-15e0a4a2]{justify-content:center}.progress-section[data-v-15e0a4a2]{min-width:100%}}@media (max-width:768px){.station-buttons[data-v-15e0a4a2]{gap:8px}.station-btn[data-v-15e0a4a2]{padding:8px 16px;font-size:12px}.time-buttons[data-v-15e0a4a2]{max-height:200px;gap:6px}.time-btn[data-v-15e0a4a2]{padding:6px 8px;min-width:60px}.image-info[data-v-15e0a4a2]{top:10px;left:10px;right:10px;text-align:center}.controls-container[data-v-15e0a4a2]{flex-direction:column;gap:16px}.button-group[data-v-15e0a4a2]{justify-content:center}.progress-section[data-v-15e0a4a2]{min-width:100%}}.satellite-map-container[data-v-835a804c]{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:PingFang SC,Microsoft YaHei,sans-serif;overflow:hidden}.header-section[data-v-835a804c]{background-color:#1385fc;color:#fff;padding:20px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.1)}.header-title[data-v-835a804c]{font-size:24px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.header-title i[data-v-835a804c]{font-size:28px;color:gold}.header-subtitle[data-v-835a804c]{font-size:14px;opacity:.9;font-weight:400}.type-panel[data-v-835a804c]{background:hsla(0,0%,100%,.95);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-title[data-v-835a804c]{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:16px;display:flex;align-items:center;gap:10px}.panel-title i[data-v-835a804c]{color:#667eea}.type-buttons[data-v-835a804c]{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:nowrap}.type-btn[data-v-835a804c]{padding:12px 20px;border:2px solid #e9ecef;border-radius:12px;background:#fff;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;flex:1;max-width:200px;min-width:120px}.type-btn[data-v-835a804c]:hover:not(:disabled){border-color:#667eea;color:#667eea;background:rgba(102,126,234,.05)}.type-btn.active[data-v-835a804c]{background-color:#1385fc;color:#fff;font-weight:600}.type-btn[data-v-835a804c]:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.main-content[data-v-835a804c]{flex:1;display:flex;gap:0;overflow:hidden}.time-panel[data-v-835a804c]{width:280px;background:hsla(0,0%,100%,.95);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-header[data-v-835a804c]{padding:20px 20px 16px 20px}.image-count[data-v-835a804c]{font-size:12px;color:#6c757d;padding:4px 8px;border-radius:12px;display:inline-block;margin-top:8px}.time-buttons[data-v-835a804c]{flex:1;padding:16px;overflow-y:auto;gap:8px}.time-btn[data-v-835a804c]{padding:12px 16px;border:1px solid #e9ecef;border-radius:10px;background:#fff;color:#6c757d;font-size:13px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center;position:relative}.time-btn[data-v-835a804c]:hover:not(:disabled){border-color:#667eea;color:#667eea;background:rgba(102,126,234,.05);transform:translateX(4px)}.time-btn.active[data-v-835a804c]{background-color:#1385fc;color:#fff}.time-btn[data-v-835a804c]:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.time-info[data-v-835a804c]{display:flex;flex-direction:column;gap:2px}.time-text[data-v-835a804c]{font-weight:600;font-size:14px}.date-text[data-v-835a804c]{font-size:11px;opacity:.8}.time-indicator[data-v-835a804c]{color:gold;font-size:12px}.satellite-display[data-v-835a804c]{flex:1;display:flex;justify-content:center;align-items:center;background:#fff;position:relative;overflow:hidden}.loading-overlay[data-v-835a804c]{display:flex;flex-direction:column;align-items:center;gap:20px;color:#6c757d}.loading-spinner[data-v-835a804c]{width:50px;height:50px;border:4px solid #e9ecef;border-radius:50%;border-top-color:#667eea}@-webkit-keyframes spin-data-v-835a804c{to{transform:rotate(1turn)}}@keyframes spin-data-v-835a804c{to{transform:rotate(1turn)}}.loading-text[data-v-835a804c]{font-size:16px;color:#6c757d;font-weight:500}.satellite-image-container[data-v-835a804c]{position:relative;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}.image-header[data-v-835a804c]{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;z-index:10}.image-time-badge[data-v-835a804c],.image-type-badge[data-v-835a804c]{background:hsla(0,0%,100%,.95);color:#2c3e50;padding:8px 12px;border-radius:20px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,.1)}.image-type-badge i[data-v-835a804c]{color:#667eea}.image-time-badge i[data-v-835a804c]{color:#28a745}.satellite-image[data-v-835a804c]{max-width:100%;max-height:calc(100vh - 300px);-o-object-fit:contain;object-fit:contain;box-shadow:0 10px 30px rgba(0,0,0,.1)}.image-footer[data-v-835a804c]{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:center;z-index:10}.image-progress[data-v-835a804c]{background:rgba(0,0,0,.7);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.no-data[data-v-835a804c]{display:flex;flex-direction:column;align-items:center;gap:20px;color:#adb5bd;text-align:center}.no-data-icon[data-v-835a804c]{font-size:64px;color:#dee2e6}.no-data-text[data-v-835a804c]{font-size:18px;font-weight:600;color:#6c757d}.no-data-subtitle[data-v-835a804c]{font-size:14px;color:#adb5bd}.playback-controls[data-v-835a804c]{background:hsla(0,0%,100%,.95);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-container[data-v-835a804c]{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:800px;margin:0 auto}.button-group[data-v-835a804c]{display:flex;gap:12px;align-items:center}.control-btn[data-v-835a804c]{padding:12px 20px;border-radius:10px}.control-btn[data-v-835a804c]:hover:not(:disabled){transform:translateY(-2px)}.reset-btn[data-v-835a804c]{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 4px 15px rgba(108,117,125,.3)}.reset-btn[data-v-835a804c]:hover:not(:disabled){box-shadow:0 8px 25px rgba(108,117,125,.4)}.progress-section[data-v-835a804c]{flex:1;min-width:300px}.progress-bar[data-v-835a804c]{width:100%;height:10px;background:#e9ecef;border-radius:5px;overflow:hidden;margin-bottom:12px;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.progress-fill[data-v-835a804c]{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:5px;box-shadow:0 2px 4px rgba(102,126,234,.3)}.progress-info[data-v-835a804c]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6c757d}.current-time[data-v-835a804c]{font-weight:600;color:#667eea}.progress-text[data-v-835a804c]{color:#adb5bd}.time-buttons[data-v-835a804c]{display:flex;flex-direction:column;gap:12px;align-items:center}.time-row[data-v-835a804c]{display:flex;gap:8px;justify-content:center}.control-buttons[data-v-835a804c]{display:flex;gap:12px;justify-content:center;margin-top:16px}.control-btn[data-v-835a804c]{padding:10px 20px;border:none;border-radius:8px;background:linear-gradient(135deg,#1385fc,#1385fc);background-color:#1385fc;color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px rgba(102,126,234,.3);min-width:100px;justify-content:center}.control-btn[data-v-835a804c]:hover:not(:disabled){box-shadow:0 8px 25px rgba(102,126,234,.4)}.control-btn[data-v-835a804c]:disabled{background:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.reset-btn[data-v-835a804c],.reset-btn[data-v-835a804c]:hover:not(:disabled){background-color:#28a745}.time-buttons[data-v-835a804c]{scrollbar-width:none;-ms-overflow-style:none}.time-buttons[data-v-835a804c]::-webkit-scrollbar{display:none}@media (max-width:1024px){.main-content[data-v-835a804c]{flex-direction:column}.time-panel[data-v-835a804c]{width:100%;max-height:200px;border-right:none}.time-buttons[data-v-835a804c]{flex-direction:column;overflow:visible;padding:16px 20px}.time-btn[data-v-835a804c]{min-width:100px;flex-shrink:0;font-size:12px;padding:8px 12px;display:flex;align-items:center;justify-content:center}.controls-container[data-v-835a804c]{flex-direction:column;gap:16px}.button-group[data-v-835a804c]{justify-content:center}.progress-section[data-v-835a804c]{min-width:100%}}@media (max-width:768px){.header-title[data-v-835a804c]{font-size:20px}.header-subtitle[data-v-835a804c]{font-size:12px}.type-buttons[data-v-835a804c]{gap:8px}.type-btn[data-v-835a804c]{padding:10px 16px;font-size:12px;min-width:100px;max-width:150px}.time-panel[data-v-835a804c]{max-height:150px}.time-buttons[data-v-835a804c]{padding:12px 16px}.time-btn[data-v-835a804c]{min-width:70px;padding:8px 10px;font-size:11px}.image-header[data-v-835a804c]{top:10px;left:10px;right:10px}.image-footer[data-v-835a804c]{bottom:10px;left:10px;right:10px}}@media (max-width:480px){.type-buttons[data-v-835a804c]{gap:6px}.type-btn[data-v-835a804c]{padding:8px 12px;font-size:11px;min-width:80px;max-width:120px}.type-btn i[data-v-835a804c]{font-size:16px}}.contact-page[data-v-0e2f71ba]{min-height:100vh;background:#fff;padding:20px;padding-bottom:120px}.search-section[data-v-0e2f71ba]{margin-bottom:20px}.search-box[data-v-0e2f71ba]{position:relative;background:hsla(0,0%,100%,.95);border-radius:25px;padding:15px 20px;display:flex;align-items:center;box-shadow:0 8px 25px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-icon[data-v-0e2f71ba]{color:#1385fc;margin-right:12px;font-size:18px}.search-input[data-v-0e2f71ba]{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:#2c3e50}.search-input[data-v-0e2f71ba]::-webkit-input-placeholder{color:#95a5a6}.search-input[data-v-0e2f71ba]::-moz-placeholder{color:#95a5a6}.search-input[data-v-0e2f71ba]:-ms-input-placeholder{color:#95a5a6}.search-input[data-v-0e2f71ba]::-ms-input-placeholder{color:#95a5a6}.search-input[data-v-0e2f71ba]::placeholder{color:#95a5a6}.clear-icon[data-v-0e2f71ba]{color:#95a5a6;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.clear-icon[data-v-0e2f71ba]:hover{background:rgba(149,165,166,.2);color:#7f8c8d}.contact-list[data-v-0e2f71ba]{display:flex;flex-direction:column;gap:12px}.contact-item[data-v-0e2f71ba]{background:hsla(0,0%,100%,.95);border-radius:20px;padding:20px;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 20px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-item[data-v-0e2f71ba]:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.15);background:#fff}.contact-avatar[data-v-0e2f71ba]{width:50px;height:50px;background:linear-gradient(135deg,#1385fc,#1385fc);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:15px;color:#fff;font-size:20px}.contact-info[data-v-0e2f71ba]{flex:1}.contact-name[data-v-0e2f71ba]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:4px}.contact-phone[data-v-0e2f71ba]{font-size:14px;color:#1385fc;margin-bottom:2px}.contact-department[data-v-0e2f71ba]{font-size:10px;color:#7f8c8d}.contact-arrow[data-v-0e2f71ba]{color:#bdc3c7;font-size:16px;transition:all .3s ease}.contact-item:hover .contact-arrow[data-v-0e2f71ba]{color:#1385fc;transform:translateX(3px)}.contact-detail-modal[data-v-0e2f71ba]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-0e2f71ba]{background:#fff;border-radius:25px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-header[data-v-0e2f71ba]{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 20px;border-bottom:1px solid #ecf0f1}.modal-header h3[data-v-0e2f71ba]{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.close-btn[data-v-0e2f71ba]{background:none;border:none;font-size:20px;color:#95a5a6;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease}.close-btn[data-v-0e2f71ba]:hover{background:rgba(149,165,166,.1);color:#7f8c8d}.modal-body[data-v-0e2f71ba]{padding:25px}.detail-avatar[data-v-0e2f71ba]{width:80px;height:80px;background:linear-gradient(135deg,#1385fc,#1385fc);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:32px}.detail-name[data-v-0e2f71ba]{text-align:center;font-size:24px;font-weight:600;color:#2c3e50;margin-bottom:25px}.detail-info[data-v-0e2f71ba]{margin-bottom:30px}.info-item[data-v-0e2f71ba]{display:flex;align-items:center;margin-bottom:15px;padding:12px 0;border-bottom:1px solid #f8f9fa}.info-item i[data-v-0e2f71ba]{width:20px;color:#1385fc;margin-right:15px;font-size:16px}.info-item span[data-v-0e2f71ba]{color:#2c3e50;font-size:16px}.detail-actions[data-v-0e2f71ba]{display:flex;gap:15px}.action-btn[data-v-0e2f71ba]{flex:1;padding:15px;border:none;border-radius:15px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.call-btn[data-v-0e2f71ba]{background:linear-gradient(135deg,#1385fc,#1385fc);color:#fff}.call-btn[data-v-0e2f71ba]:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.4)}.message-btn[data-v-0e2f71ba]{background:rgba(102,126,234,.1);color:#1385fc;border:2px solid #1385fc}.message-btn[data-v-0e2f71ba]:hover{background:#1385fc;color:#fff;transform:translateY(-2px)}.empty-state[data-v-0e2f71ba]{text-align:center;padding:60px 20px;color:#95a5a6}.empty-state i[data-v-0e2f71ba]{font-size:48px;margin-bottom:20px;opacity:.6}.empty-state p[data-v-0e2f71ba]{font-size:16px;margin:0;opacity:.8}@media (max-width:768px){.contact-page[data-v-0e2f71ba]{padding:15px;padding-bottom:120px}.contact-item[data-v-0e2f71ba]{padding:15px}.contact-avatar[data-v-0e2f71ba]{width:40px;height:40px;font-size:16px}.contact-name[data-v-0e2f71ba]{font-size:16px}.modal-content[data-v-0e2f71ba]{margin:20px;max-width:none}}.bottom-nav[data-v-0e2f71ba]{position:fixed;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-around;padding:6px 0;z-index:50;box-shadow:0 -5px 20px rgba(0,0,0,.1)}.nav-item[data-v-0e2f71ba]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px 6px;border-radius:12px;transition:all .3s ease}.nav-item[data-v-0e2f71ba]:hover{background:rgba(102,126,234,.1);transform:translateY(-2px)}.nav-item[data-v-0e2f71ba]:active{transform:translateY(0)}.nav-item.active .nav-icon[data-v-0e2f71ba],.nav-item.active[data-v-0e2f71ba]{color:#1385fc}.nav-icon[data-v-0e2f71ba]{font-size:18px;color:#7f8c8d}.nav-label[data-v-0e2f71ba]{font-size:10px;color:#7f8c8d;font-weight:500}.nav-item.active .nav-label[data-v-0e2f71ba]{color:#1385fc}.profile-container[data-v-a288ffd0]{min-height:100vh;background:#fff;padding-bottom:80px}.user-card[data-v-a288ffd0]{background:linear-gradient(135deg,#1385fc,#1385fc);padding:40px 20px 30px;text-align:center;color:#fff;margin-bottom:20px}.avatar-section[data-v-a288ffd0]{margin-bottom:20px}.avatar[data-v-a288ffd0]{width:80px;height:80px;border-radius:50%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:36px}.user-info[data-v-a288ffd0]{text-align:center}.user-name[data-v-a288ffd0]{margin:0;font-size:24px;font-weight:600}.menu-section[data-v-a288ffd0]{padding:0 20px}.menu-item[data-v-a288ffd0]{display:flex;align-items:center;padding:20px 0;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.menu-item[data-v-a288ffd0]:last-child{border-bottom:none}.menu-item[data-v-a288ffd0]:hover{background-color:#f8f9fa}.menu-icon[data-v-a288ffd0]{width:40px;height:40px;border-radius:8px;background:linear-gradient(135deg,#1385fc,#1385fc);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-right:15px}.menu-text[data-v-a288ffd0]{flex:1;font-size:16px;color:#333;font-weight:500}.menu-arrow[data-v-a288ffd0]{color:#ccc;font-size:14px}.bottom-nav[data-v-a288ffd0]{position:fixed;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-around;padding:6px 0;z-index:50;box-shadow:0 -5px 20px rgba(0,0,0,.1)}.nav-item[data-v-a288ffd0]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:4px 6px;border-radius:12px;transition:all .3s ease}.nav-item[data-v-a288ffd0]:hover{background:rgba(102,126,234,.1);transform:translateY(-2px)}.nav-item[data-v-a288ffd0]:active{transform:translateY(0)}.nav-item.active .nav-icon[data-v-a288ffd0],.nav-item.active[data-v-a288ffd0]{color:#1385fc}.nav-icon[data-v-a288ffd0]{font-size:18px;color:#7f8c8d}.nav-label[data-v-a288ffd0]{font-size:10px;color:#7f8c8d;font-weight:500}.nav-item.active .nav-label[data-v-a288ffd0]{color:#1385fc}.modal-overlay[data-v-a288ffd0]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-a288ffd0]{background:#fff;border-radius:12px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.modal-header[data-v-a288ffd0]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-a288ffd0]{margin:0;color:#333;font-size:18px}.close-btn[data-v-a288ffd0]{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-body[data-v-a288ffd0]{padding:20px}.form-group[data-v-a288ffd0]{margin-bottom:20px}.form-group label[data-v-a288ffd0]{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input[data-v-a288ffd0]{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input[data-v-a288ffd0]:focus{outline:none;border-color:#1385fc}.setting-item[data-v-a288ffd0]{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0}.setting-item[data-v-a288ffd0]:last-child{border-bottom:none}.setting-info[data-v-a288ffd0]{flex:1}.setting-title[data-v-a288ffd0]{font-size:16px;color:#333;margin-bottom:4px}.setting-desc[data-v-a288ffd0]{font-size:14px;color:#666}.switch[data-v-a288ffd0]{position:relative;display:inline-block;width:50px;height:24px}.switch input[data-v-a288ffd0]{opacity:0;width:0;height:0}.slider[data-v-a288ffd0]{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider[data-v-a288ffd0]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider[data-v-a288ffd0]{background-color:#1385fc}input:checked+.slider[data-v-a288ffd0]:before{transform:translateX(26px)}.modal-footer[data-v-a288ffd0]{padding:20px;border-top:1px solid #e0e0e0;display:flex;gap:10px}.btn[data-v-a288ffd0]{flex:1;padding:12px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-a288ffd0]{background:#f0f0f0;color:#666}.btn-cancel[data-v-a288ffd0]:hover{background:#e0e0e0}.btn-primary[data-v-a288ffd0]{background:linear-gradient(135deg,#1385fc,#1385fc);color:#fff}.btn-primary[data-v-a288ffd0]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}@media (max-width:480px){.user-card[data-v-a288ffd0]{padding:30px 15px 25px}.avatar[data-v-a288ffd0]{width:70px;height:70px;font-size:32px}.user-name[data-v-a288ffd0]{font-size:22px}.menu-section[data-v-a288ffd0]{padding:0 15px}.menu-item[data-v-a288ffd0]{padding:18px 0}.modal-content[data-v-a288ffd0]{width:95%;margin:20px}}.subscription-page[data-v-015bea7c]{min-height:100vh;background:#f8f9fa;padding-bottom:80px}.top-nav[data-v-015bea7c]{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:#fff;border-bottom:1px solid #e9ecef;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-left[data-v-015bea7c],.nav-right[data-v-015bea7c]{display:flex;align-items:center;gap:15px}.nav-left i[data-v-015bea7c],.nav-right i[data-v-015bea7c]{font-size:18px;color:#6c757d;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.nav-left i[data-v-015bea7c]:hover,.nav-right i[data-v-015bea7c]:hover{background:#f8f9fa;color:#495057}.nav-title[data-v-015bea7c]{font-size:18px;font-weight:600;color:#212529}.section[data-v-015bea7c]{margin:20px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.section-header[data-v-015bea7c]{display:flex;align-items:center;margin-bottom:20px}.section-bar[data-v-015bea7c]{width:4px;height:20px;background:#667eea;border-radius:2px;margin-right:12px}.section-header h3[data-v-015bea7c]{font-size:16px;font-weight:600;color:#212529;margin:0}.forecast-items[data-v-015bea7c]{display:flex;flex-direction:column;gap:16px}.forecast-item[data-v-015bea7c]{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f8f9fa;border-radius:12px;transition:all .2s}.forecast-item[data-v-015bea7c]:hover{background:#e9ecef}.item-left[data-v-015bea7c]{display:flex;align-items:center;gap:12px}.item-icon[data-v-015bea7c]{width:40px;height:40px;background:#667eea;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px}.item-text[data-v-015bea7c]{font-size:16px;font-weight:500;color:#212529}.item-right[data-v-015bea7c]{display:flex;gap:8px}.btn-subscribed[data-v-015bea7c]{background:#ff6b35;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-subscribed[data-v-015bea7c]:hover{background:#e55a2b;transform:translateY(-1px)}.btn-settings[data-v-015bea7c]{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-settings[data-v-015bea7c]:hover{background:#5a6268;transform:translateY(-1px)}.legend[data-v-015bea7c]{display:flex;justify-content:center;gap:24px;margin-bottom:20px}.legend-item[data-v-015bea7c]{display:flex;align-items:center;gap:8px;font-size:14px;color:#6c757d}.legend-dot[data-v-015bea7c]{width:12px;height:12px;border-radius:50%}.legend-dot.not-subscribed[data-v-015bea7c]{background:#6c757d}.legend-dot.subscribed[data-v-015bea7c]{background:#ff6b35}.subscription-banner[data-v-015bea7c]{background:#667eea;color:#fff;padding:16px 24px;border-radius:12px;text-align:center;font-size:16px;font-weight:600;margin-bottom:20px;position:relative;display:flex;align-items:center;justify-content:center}.banner-diamond[data-v-015bea7c]{position:absolute;width:8px;height:8px;background:#fff;transform:rotate(45deg)}.banner-diamond.left[data-v-015bea7c]{left:20px}.banner-diamond.right[data-v-015bea7c]{right:20px}.threshold-grid[data-v-015bea7c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.threshold-card[data-v-015bea7c]{background:#f8f9fa;border-radius:12px;padding:16px;text-align:center;transition:all .2s;cursor:pointer}.threshold-card[data-v-015bea7c]:hover{background:#e9ecef;transform:translateY(-2px)}.card-icon[data-v-015bea7c]{width:48px;height:48px;background:#667eea;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:20px}.card-text[data-v-015bea7c]{font-size:14px;font-weight:500;color:#212529;margin-bottom:12px}.card-dropdown[data-v-015bea7c]{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:8px 12px;font-size:12px;color:#6c757d;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.card-dropdown[data-v-015bea7c]:hover{border-color:#667eea;color:#667eea}.modal-overlay[data-v-015bea7c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-015bea7c]{background:#fff;border-radius:16px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.modal-header[data-v-015bea7c]{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e9ecef}.modal-header h3[data-v-015bea7c]{margin:0;font-size:18px;font-weight:600;color:#212529}.modal-header i[data-v-015bea7c]{font-size:18px;color:#6c757d;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.modal-header i[data-v-015bea7c]:hover{background:#f8f9fa;color:#495057}.modal-body[data-v-015bea7c]{padding:20px}.setting-item[data-v-015bea7c]{margin-bottom:20px}.setting-item label[data-v-015bea7c]{display:block;font-size:14px;font-weight:500;color:#212529;margin-bottom:8px}.setting-item select[data-v-015bea7c]{width:100%;padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;background:#fff}.checkbox-group[data-v-015bea7c]{display:flex;flex-direction:column;gap:12px}.checkbox[data-v-015bea7c]{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox input[type=checkbox][data-v-015bea7c]{width:18px;height:18px;accent-color:#667eea}.threshold-inputs[data-v-015bea7c]{display:flex;align-items:center;gap:8px}.threshold-input[data-v-015bea7c]{flex:1;padding:12px;border:1px solid #dee2e6;border-radius:8px;font-size:14px;text-align:center}.threshold-separator[data-v-015bea7c]{color:#6c757d;font-size:14px}.modal-footer[data-v-015bea7c]{display:flex;gap:12px;padding:20px;border-top:1px solid #e9ecef}.btn-cancel[data-v-015bea7c],.btn-save[data-v-015bea7c]{flex:1;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-015bea7c]{background:#6c757d;color:#fff}.btn-cancel[data-v-015bea7c]:hover{background:#5a6268}.btn-save[data-v-015bea7c]{background:#667eea;color:#fff}.btn-save[data-v-015bea7c]:hover{background:#5a6fd8}.threshold-options[data-v-015bea7c]{display:flex;flex-direction:column;gap:12px}.threshold-option[data-v-015bea7c]{display:flex;align-items:center;justify-content:space-between;padding:16px;border:2px solid #e9ecef;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s}.threshold-option[data-v-015bea7c]:hover{border-color:#667eea;background:#f8f9ff}.threshold-option.active[data-v-015bea7c]{border-color:#667eea;background:#667eea;color:#fff}.threshold-option.active .option-label[data-v-015bea7c]{color:#fff}.option-label[data-v-015bea7c]{font-size:16px;font-weight:500;color:#212529}.threshold-option.active i[data-v-015bea7c]{color:#fff;font-size:18px}@media (max-width:768px){.section[data-v-015bea7c]{margin:15px;padding:16px}.threshold-grid[data-v-015bea7c]{grid-template-columns:repeat(2,1fr);gap:12px}.forecast-item[data-v-015bea7c]{padding:12px}.item-icon[data-v-015bea7c]{width:36px;height:36px;font-size:16px}}@media (max-width:480px){.top-nav[data-v-015bea7c]{padding:12px 16px}.section[data-v-015bea7c]{margin:12px;padding:12px}.threshold-grid[data-v-015bea7c]{grid-template-columns:1fr}}.decision-page[data-v-5f68079c]{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.header[data-v-5f68079c]{background:linear-gradient(135deg,#4a90e2,#357abd);padding:20px 16px 16px;display:flex;align-items:center;justify-content:space-between;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1)}.location-info[data-v-5f68079c]{display:flex;align-items:center;color:#fff}.location-icon[data-v-5f68079c]{margin-right:8px;font-size:18px}.location-text[data-v-5f68079c]{display:flex;flex-direction:column}.district[data-v-5f68079c]{font-size:16px;font-weight:600;line-height:1.2}.follow-area[data-v-5f68079c]{font-size:8px;opacity:.8;margin-top:2px}.title[data-v-5f68079c]{position:absolute;left:50%;transform:translateX(-50%);font-size:20px;font-weight:700;color:#fff}.province-btn[data-v-5f68079c]{background:hsla(0,0%,100%,.2);color:#fff;padding:6px 12px;border-radius:16px;font-size:10px;font-weight:500;border:1px solid hsla(0,0%,100%,.3)}.nav-tabs[data-v-5f68079c]{background:#fff;display:flex;padding:0 16px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.tab-item[data-v-5f68079c]{flex:1;text-align:center;padding:16px 8px;font-size:10px;color:#666;position:relative;cursor:pointer;transition:color .3s ease}.tab-item.active[data-v-5f68079c]{color:#4a90e2;font-weight:600}.tab-item.active[data-v-5f68079c]:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:30px;height:3px;background:#4a90e2;border-radius:2px}.reports-container[data-v-5f68079c]{flex:1;background:#fff;margin-top:8px;border-radius:12px 12px 0 0;overflow:hidden}.reports-list[data-v-5f68079c]{padding:0}.report-item[data-v-5f68079c]{display:flex;align-items:center;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s ease}.report-item[data-v-5f68079c]:hover{background-color:#f8f9fa}.report-item[data-v-5f68079c]:last-child{border-bottom:none}.report-icon[data-v-5f68079c]{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:18px;color:#fff}.report-icon.evening[data-v-5f68079c]{background:linear-gradient(135deg,#2c3e50,#34495e)}.report-icon.noon[data-v-5f68079c]{background:linear-gradient(135deg,#f39c12,#e67e22)}.report-icon.morning[data-v-5f68079c]{background:linear-gradient(135deg,#3498db,#2980b9)}.report-content[data-v-5f68079c]{flex:1;display:flex;flex-direction:column}.report-description[data-v-5f68079c]{font-size:14px;color:#333;line-height:1.4;margin-bottom:4px}.report-time[data-v-5f68079c]{font-size:12px;color:#999}.report-arrow[data-v-5f68079c]{color:#ccc;font-size:16px;margin-left:8px}.icon-location[data-v-5f68079c]:before{content:"\1F4CD"}.icon-moon[data-v-5f68079c]:before{content:"\1F319"}.icon-sun[data-v-5f68079c]:before{content:"\2600\FE0F"}.icon-cloud[data-v-5f68079c]:before{content:"\2601\FE0F"}.icon-arrow-right[data-v-5f68079c]:before{content:"\203A";font-size:20px;font-weight:700}@media (max-width:375px){.header[data-v-5f68079c]{padding:16px 12px 12px}.title[data-v-5f68079c]{font-size:18px}.tab-item[data-v-5f68079c]{padding:14px 4px;font-size:13px}.report-item[data-v-5f68079c]{padding:14px}.report-icon[data-v-5f68079c]{width:36px;height:36px;font-size:16px}}.pdf-modal-overlay[data-v-5f68079c]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pdf-modal[data-v-5f68079c]{background:#fff;border-radius:12px;width:90%;max-width:1000px;height:80%;max-height:800px;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3);-webkit-animation:modalSlideIn-data-v-5f68079c .3s ease-out;animation:modalSlideIn-data-v-5f68079c .3s ease-out}@-webkit-keyframes modalSlideIn-data-v-5f68079c{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideIn-data-v-5f68079c{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pdf-modal-header[data-v-5f68079c]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e5e5;background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff;border-radius:12px 12px 0 0}.pdf-modal-header h3[data-v-5f68079c]{margin:0;font-size:18px;font-weight:600}.close-btn[data-v-5f68079c]{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn[data-v-5f68079c]:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.pdf-modal-content[data-v-5f68079c]{flex:1;padding:0;overflow:hidden}.pdf-iframe[data-v-5f68079c],.pdf-object[data-v-5f68079c]{width:100%;height:100%;border:none}.pdf-object[data-v-5f68079c]{display:block}.pdf-modal-footer[data-v-5f68079c]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e5e5;background:#f8f9fa;border-radius:0 0 12px 12px}.btn-primary[data-v-5f68079c],.btn-secondary[data-v-5f68079c]{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary[data-v-5f68079c]{background:#6c757d;color:#fff}.btn-secondary[data-v-5f68079c]:hover{background:#5a6268;transform:translateY(-1px)}.btn-primary[data-v-5f68079c]{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.btn-primary[data-v-5f68079c]:hover{background:linear-gradient(135deg,#357abd,#2c5aa0);transform:translateY(-1px);box-shadow:0 4px 12px rgba(74,144,226,.3)}.pdf-container[data-v-5f68079c]{width:100%;height:100%;position:relative}.pdf-error[data-v-5f68079c]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;color:#666}.error-icon[data-v-5f68079c]{font-size:48px;margin-bottom:20px;opacity:.6}.pdf-error p[data-v-5f68079c]{margin-bottom:10px;font-size:16px}.error-detail[data-v-5f68079c]{font-size:14px;color:#999;margin-bottom:30px}.error-actions[data-v-5f68079c]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media (max-width:768px){.pdf-modal[data-v-5f68079c]{width:95%;height:85%;margin:10px}.pdf-modal-header[data-v-5f68079c]{padding:16px 20px}.pdf-modal-header h3[data-v-5f68079c]{font-size:16px}.pdf-modal-footer[data-v-5f68079c]{padding:12px 20px;flex-direction:column}.btn-primary[data-v-5f68079c],.btn-secondary[data-v-5f68079c]{width:100%;margin-bottom:8px}}