:root{--primary:#2563eb;--primary-light:#2563eb1a;--primary-dark:#1d4ed8;--primary-glow:#2563eb29;--success:#059669;--success-light:#0596691a;--warning:#d97706;--warning-light:#d977061f;--danger:#dc2626;--danger-light:#dc26261a;--text:#172033;--text-secondary:#526173;--text-light:#7a8796;--bg:#f4f7fb;--white:#fff;--border:#dbe5ef;--border-light:#edf2f7;--glass-bg:#ffffffc7;--glass-border:#9babbe61;--glass-bg-strong:#ffffffeb;--glass-border-strong:#8498af6b;--glass-hover:#fffffffa;--shadow-sm:0 1px 3px #12233a14;--shadow:0 8px 24px #192c4417;--shadow-md:0 14px 36px #192c441f;--shadow-lg:0 24px 60px #192c4429;--radius:8px;--radius-sm:8px;--radius-xs:6px;--max-width:1200px;--gradient-hero:linear-gradient(135deg, #0ea5e9 0%, #38bdf8 30%, #7dd3fc 60%, #bae6fd 100%);--transition:.3s cubic-bezier(.4, 0, .2, 1);--blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a3a5c;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;overflow-x:hidden}.app{min-height:100vh;position:relative}.app:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(80% 60% at 20% 10%,#38bdf859 0%,#0000 55%),radial-gradient(70% 50% at 80% 20%,#7dd3fc4d 0%,#0000 50%),radial-gradient(60% 50% at 50% 80%,#0ea5e940 0%,#0000 50%),radial-gradient(80% 60% at 70% 60%,#bae6fd33 0%,#0000 50%);animation:20s ease-in-out infinite alternate bgShift;position:fixed;inset:0}@keyframes bgShift{0%{transform:scale(1)translate(0)}33%{transform:scale(1.05)translate(1%,-1%)}66%{transform:scale(.98)translate(-1%,1%)}to{transform:scale(1.02)translate(.5%,.5%)}}.app>*{z-index:1;position:relative}a{color:#7dd3fc;transition:color var(--transition);text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;outline:none;font-family:inherit}select option{color:var(--text);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}svg:focus{outline:none!important}.hero{text-align:center;color:#fff;background:0 0;padding:100px 24px 80px;position:relative;overflow:visible}.hero:before{content:"";-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:-1;background:linear-gradient(135deg,#0ea5e966 0%,#38bdf859 50%,#7dd3fc4d 100%);position:absolute;inset:0}.hero-bg{background:radial-gradient(circle at 20%,#ffffff14 0%,#0000 50%),radial-gradient(circle at 80%,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.hero-content{max-width:700px;margin:0 auto;position:relative}.hero-icon{filter:drop-shadow(0 4px 20px #0ea5e966);margin-bottom:20px;animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1{letter-spacing:2px;text-shadow:0 2px 20px #0ea5e94d;margin-bottom:16px;font-size:48px;font-weight:800}.hero-subtitle{opacity:.8;margin-bottom:40px;font-size:17px;line-height:1.7}.search-container{max-width:560px;margin:0 auto;position:relative}.search-box{-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50px;align-items:center;padding:5px 5px 5px 22px;display:flex;box-shadow:0 8px 32px #0003}.search-box:focus-within{background:#ffffff24;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.search-icon{color:var(--text-light);flex-shrink:0}.search-box input{color:var(--text);background:0 0;border:none;outline:none;flex:1;padding:14px 12px;font-size:16px}.search-box input::placeholder{color:var(--text-light)}.search-btn{color:#fff;transition:all var(--transition);letter-spacing:1px;background:linear-gradient(135deg,#0ea5e9 0%,#38bdf8 50%,#7dd3fc 100%);border-radius:50px;padding:12px 32px;font-size:15px;font-weight:600}.search-btn:hover{opacity:.9;transform:scale(1.02);box-shadow:0 4px 16px #38bdf866}.search-btn:active{transform:scale(.98)}.search-results{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;background:#1e4976e6;border:1px solid #ffffff1a;max-height:400px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 12px);left:0;right:0;overflow:hidden auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-result-item{cursor:pointer;color:var(--text);border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:12px 18px;text-decoration:none;transition:background .15s;display:flex}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#38bdf826}.city-info{flex:1;align-items:center;gap:8px;display:flex}.city-info .city-name{font-size:14px;font-weight:600}.city-info .city-province{color:var(--text-secondary);font-size:12px}.search-result-item .arrow{color:var(--text-light)}.result-icon{color:#7dd3fc;flex-shrink:0}.search-divider{color:var(--text-light);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#ffffff08;padding:8px 18px;font-size:12px}.spin-icon{color:#7dd3fc;flex-shrink:0;animation:.8s linear infinite spin}.geo-badge{color:#7dd3fc;white-space:nowrap;background:#38bdf833;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500}.no-result{text-align:center;color:var(--text-light);padding:28px;font-size:14px}.section{max-width:var(--max-width);margin:0 auto;padding:48px 24px}.section-header{color:var(--text);justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.section-header-left{align-items:center;gap:12px;display:flex}.section-header h2{font-size:24px;font-weight:700}.section-desc{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.seo-summary-section{padding-top:16px}.seo-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.seo-link-item{border:1px solid var(--glass-border);background:var(--glass-bg);min-height:52px;color:var(--text);border-radius:8px;align-items:center;padding:14px 16px;font-size:14px;line-height:1.4;text-decoration:none;display:flex}.seo-link-item:hover{background:var(--glass-hover);border-color:#38bdf859}.country-more-link-row{justify-content:flex-end;margin-top:18px;display:flex}.country-more-link{gap:8px;width:fit-content;min-height:44px}.country-title-row{align-items:center;gap:12px;display:flex}.seo-detail-section{padding-top:24px}.seo-copy-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.seo-copy-block{border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:8px;padding:18px}.seo-copy-block h2,.seo-copy-block h3{color:var(--text);margin-bottom:10px;font-size:16px;line-height:1.35}.seo-copy-block p{color:var(--text-secondary);font-size:14px;line-height:1.65}.city-month-links,.country-month-links,.seo-link-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:18px;display:grid}.home-country-hubs{margin-top:14px}.city-month-page .overview-card{min-height:140px}.city-month-page .overview-card h3{color:var(--text-secondary);margin-bottom:6px;font-size:13px}.city-month-page .overview-card span{color:var(--text-light);font-size:13px;line-height:1.45;display:block}.popular-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;display:grid}.popular-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;cursor:pointer;color:inherit;transition:all var(--transition);padding:24px 16px;text-decoration:none}.popular-card:hover{background:var(--glass-hover);border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 8px 24px #38bdf826}.popular-card:active{transform:translateY(-1px)}.popular-card h3{margin-bottom:6px;font-size:16px;font-weight:600}.popular-card p{color:var(--text-light);text-align:center;font-size:13px;line-height:1.4;display:block}.popular-card p svg{vertical-align:middle;width:13px;height:13px;margin-right:3px;display:inline-block}.lang-switcher{z-index:999;position:fixed;top:16px;right:16px}.lang-switcher-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:flex}.lang-switcher-btn:hover{background:#fff3}.temp-toggle-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.temp-toggle-btn:hover{background:#fff3}.temp-toggle-btn.active{background:var(--primary);border-color:var(--primary)}.lang-dropdown{border-radius:var(--radius-sm);z-index:1000;min-width:140px;box-shadow:var(--shadow-md);background:#1a3a5c;border:1px solid #fff3;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.lang-option{border-radius:var(--radius-xs);color:#ffffffd9;background:0 0;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.lang-option:hover{color:#fff;background:#38bdf826}.lang-option.active{color:#38bdf8;background:#38bdf840;font-weight:600}.lang-code-badge{min-width:26px;height:19px;color:var(--text-secondary);letter-spacing:0;background:linear-gradient(#fffffff5,#f8fafcf0);border:1px solid #64748b3d;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:10px;font-weight:800;line-height:1;display:inline-flex;box-shadow:inset 0 1px #ffffffdb}.country-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.country-selector{flex-shrink:0;margin:0;position:relative}.country-dropdown-trigger{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;outline:none;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.country-dropdown-trigger:hover,.country-dropdown-trigger:focus-visible{color:var(--text);background:#ffffff26;border-color:#fff3}.country-trigger-name{text-overflow:ellipsis;max-width:120px;overflow:hidden}.country-trigger-flag{align-items:center;display:flex}.country-trigger-icon{opacity:.6}.country-dropdown-trigger .chevron-icon{opacity:.4;transition:transform .25s cubic-bezier(.4,0,.2,1)}.country-dropdown-trigger .chevron-icon.rotated{transform:rotate(90deg)}.country-dropdown{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:var(--radius);z-index:500;background:#1a3a5cf5;border:1px solid #ffffff2e;width:340px;max-width:calc(100vw - 32px);animation:.2s cubic-bezier(.16,1,.3,1) dropdownSlideIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 48px #00000059,0 0 0 1px #ffffff0d}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.country-dropdown-header{border-bottom:1px solid #ffffff14;align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.country-dropdown-header svg{color:var(--text-light);flex-shrink:0}.country-search-input{width:100%;color:var(--text);transition:all var(--transition);background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:8px 12px;font-size:13px}.country-search-input:focus{background:#ffffff14;border-color:#38bdf859}.country-search-input::placeholder{color:var(--text-light)}.country-list{grid-template-columns:1fr 1fr;gap:2px;max-height:320px;padding:8px;display:grid;overflow-y:auto}.country-list::-webkit-scrollbar{width:5px}.country-list::-webkit-scrollbar-track{background:0 0}.country-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.country-list::-webkit-scrollbar-thumb:hover{background:#fff3}.country-list-item{border-radius:var(--radius-xs);color:#ffffffbf;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:all .15s;display:flex;overflow:hidden}.country-list-item:hover{color:var(--text);background:#38bdf81a;border-color:#38bdf81a}.country-list-item.active{color:#7dd3fc;background:#38bdf82e;border-color:#38bdf833;font-weight:600}.country-item-name{text-overflow:ellipsis;flex:1;overflow:hidden}.country-item-en{display:none}.no-country-result{text-align:center;color:var(--text-light);grid-column:1/-1;padding:32px;font-size:14px}.more-btn.active{color:#fff;background:#38bdf840;border-color:#38bdf866}.country-tab{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);transition:all var(--transition);border:1px solid #0000;border-radius:22px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;display:flex}.country-tab:hover{color:#7dd3fc;background:#38bdf826;border-color:#38bdf84d}.country-tab.active{color:#fff;background:#38bdf840;border-color:#38bdf866;box-shadow:0 0 16px #38bdf833}.compare-banner{border-radius:var(--radius);cursor:pointer;color:inherit;transition:all var(--transition);align-items:center;gap:16px;padding:20px 24px;text-decoration:none;display:flex}.compare-banner:hover{background:#ffffff26;transform:translateY(-1px);box-shadow:0 4px 16px #0003}.compare-banner-text{flex:1}.compare-banner-text h3{margin-bottom:2px;font-size:16px;font-weight:600}.compare-banner-text p{color:var(--text-secondary);font-size:13px}.compare-banner-arrow{color:var(--text-secondary)}.province-section{padding:48px 24px}.province-grid{max-width:var(--max-width);flex-wrap:wrap;gap:10px;margin:0 auto;display:flex}.province-btn{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-secondary);transition:all var(--transition);border:1px solid #0000;border-radius:22px;padding:8px 20px;font-size:14px;font-weight:500}.province-btn:hover{color:#7dd3fc;background:#38bdf826;border-color:#38bdf84d}.province-btn.active{color:#fff;background:#38bdf840;border-color:#38bdf866;box-shadow:0 0 16px #38bdf833}.province-cities{max-width:var(--max-width);margin:24px auto 0;padding:16px 0}.province-cities h3{color:var(--text-secondary);margin-bottom:14px;font-size:16px;font-weight:600}.province-city-list{flex-wrap:wrap;gap:12px;display:flex}.province-city-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1px solid #0000;align-items:center;gap:8px;padding:10px 18px;font-size:15px;display:flex}.province-city-card:hover{color:#7dd3fc;background:#38bdf826;border-color:#38bdf840}.travel-affiliate{border-radius:var(--radius);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;margin-bottom:20px;padding:16px 20px}.affiliate-header{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.affiliate-links{flex-wrap:wrap;gap:10px;display:flex}.affiliate-btn{color:#fff;transition:all var(--transition);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.affiliate-btn:hover{border-color:var(--provider-color,#ffffff40);color:#fff;background:#ffffff2e;transform:translateY(-1px);box-shadow:0 2px 12px #00000026}.affiliate-provider{opacity:.5;margin-left:2px;font-size:11px}.ad-banner,.ad-placeholder{display:none}.ad-banner-size{min-height:90px}.ad-rectangle{min-height:250px}.ad-label{color:#fff3;letter-spacing:2px;font-size:12px}.footer{text-align:center;color:var(--text-light);border-top:1px solid var(--border);margin-top:40px;padding:40px 24px;font-size:13px}.footer-link,.methodology-link{width:fit-content;margin-top:12px;display:inline-flex}.methodology-page{min-height:100vh}.methodology-content .seo-copy-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.faq-list{gap:14px;display:grid}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffb8;padding:18px}.faq-item h3{color:var(--text);margin:0 0 8px;font-size:1rem}.faq-item p{color:var(--text-secondary);margin:0;line-height:1.7}.fact-card-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:18px 0;display:grid}.fact-card{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffc2;padding:16px}.fact-card span{color:var(--text-secondary);margin-bottom:6px;font-size:.86rem;display:block}.fact-card strong{color:var(--text);font-size:1.18rem}.city-facts-table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:#ffffffb8;overflow-x:auto}.city-facts-table{border-collapse:collapse;width:100%;min-width:640px}.city-facts-table th,.city-facts-table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:11px 12px}.city-facts-table th{color:var(--text);background:#f8fafcdb;font-weight:700}.city-facts-table td{color:var(--text-secondary)}.city-facts-table tr:last-child td{border-bottom:0}.fact-source-note{color:var(--text-light);margin:12px 0 0;font-size:.9rem}.city-page{min-height:100vh}.city-hero{color:#fff;background:0 0;padding:28px 24px;position:relative;overflow:hidden}.city-hero:before{content:"";-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:-1;background:linear-gradient(135deg,#38bdf859 0%,#0ea5e94d 50%,#7dd3fc40 100%);position:absolute;inset:-40px}.city-hero-bg{position:absolute;inset:0}.city-hero-content{align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex;position:relative}.hero-back-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:22px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.hero-back-btn:hover{background:#fff3;transform:translate(-2px)}.city-hero-title{flex:1}.city-hero-title h1{letter-spacing:1px;font-size:30px;font-weight:800}.city-hero-meta{opacity:.7;align-items:center;gap:6px;margin-top:6px;font-size:14px;display:flex}.city-hero-summary{color:#ffffffc7;max-width:760px;margin-top:8px;font-size:14px;line-height:1.55}.meta-divider{opacity:.4}.city-hero-actions{gap:8px;display:flex}.hero-action-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;transition:all var(--transition);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:22px;align-items:center;gap:6px;padding:8px 18px;font-size:13px;font-weight:500;display:flex}.hero-action-btn:hover{background:#fff3}.hero-action-btn:disabled{opacity:.4;cursor:not-allowed}.hero-today-weather{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:22px;align-items:center;gap:10px;padding:6px 16px;display:flex}.hero-today-temp{font-size:18px;font-weight:700}.hero-today-desc{color:#ffffffb3;font-size:13px}.hero-today-range{color:#ffffff80;border-left:1px solid #fff3;padding-left:10px;font-size:12px}.hero-today-wind{color:#ffffff80;border-left:1px solid #fff3;align-items:center;gap:4px;padding-left:10px;font-size:12px;display:flex}.hero-today-date{color:#ffffff80;border-left:1px solid #fff3;padding-left:10px;font-size:12px}.export-btn-sm{margin-left:auto;padding:5px 14px;font-size:12px}.export-btn-sm svg{width:13px;height:13px}.city-hero-nav{border-top:1px solid #ffffff1f;margin-top:16px;padding-top:16px;position:relative}.hero-nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.hero-nav-tabs{gap:4px;display:flex}.hero-tab-btn{color:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all var(--transition);background:#ffffff0f;border:1px solid #ffffff14;border-radius:22px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:500;display:flex}.hero-tab-btn:hover{color:#fff;background:#ffffff26;border-color:#ffffff26}.hero-tab-btn.active{color:#fff;background:#fff3;border-color:#ffffff40;font-weight:600}.hero-year-select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;background:#ffffff1a;border:1px solid #ffffff26;border-radius:22px;align-items:center;gap:8px;padding:5px 14px;display:flex}.hero-year-select select{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:14px;outline:none;padding:3px 6px;font-size:13px;font-weight:500}.hero-year-select select option{color:var(--text);background:#fff}.tab-content{max-width:1200px;margin:0 auto;padding:28px 24px}.tab-content .section{max-width:none;padding:36px 0}.glass{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border-strong)}.section-badge{color:#7dd3fc;background:#38bdf826;border-radius:12px;margin-left:8px;padding:3px 12px;font-size:12px;font-weight:500}.month-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.month-card{border-radius:var(--radius);transition:all var(--transition);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-top:3px solid var(--primary);overflow:hidden}.month-card:hover{background:var(--glass-hover);transform:translateY(-2px);box-shadow:0 8px 24px #38bdf81f}.month-card.level-excellent{border-top-color:var(--success)}.month-card.level-good{border-top-color:var(--primary)}.month-card.level-fair{border-top-color:var(--warning)}.month-card.level-poor{border-top-color:var(--danger)}.month-score-badge{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.month-card.level-excellent .month-score-badge{background:var(--success)}.month-card.level-good .month-score-badge{background:var(--primary)}.month-card.level-fair .month-score-badge{background:var(--warning)}.month-card.level-poor .month-score-badge{background:var(--danger)}.month-card.no-data{opacity:.4}.month-card.expanded{grid-column:1/-1}.month-card.expanded .month-card-header{aspect-ratio:unset;flex-direction:row;gap:14px;padding:14px 18px}.month-card.expanded .month-card-top{gap:8px;width:auto}.month-card.expanded .month-num{font-size:22px}.month-card.expanded .month-card-stats{flex-direction:row;gap:14px}.month-card-header{cursor:pointer;transition:background var(--transition);aspect-ratio:1;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;display:flex}.month-card-header:hover{background:#ffffff0a}.month-card-top{justify-content:space-between;align-items:center;width:100%;display:flex}.month-num{color:#7dd3fc;font-size:34px;font-weight:800;line-height:1}.month-label{color:var(--text-secondary);font-size:13px;font-weight:500}.month-card-stats{flex-direction:column;align-items:center;gap:4px;display:flex}.temp-range{font-size:16px;font-weight:700}.temp-sep{color:var(--text-light);margin:0 2px}.month-rain{color:var(--text-secondary);align-items:center;gap:3px;font-size:12px;display:flex}.no-data-text{color:var(--text-light);font-size:13px}.expand-icon{color:var(--text-light);transition:transform var(--transition)}.month-card-detail{border-top:1px solid var(--border);padding:0 18px 18px}.detail-summary-row{gap:24px;padding:14px 0;display:flex}.detail-stat{flex-direction:column;gap:2px;display:flex}.detail-stat-label{color:var(--text-light);font-size:12px}.detail-stat-value{font-size:16px;font-weight:700}.daily-cards{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.day-card{transition:all var(--transition);background:#ffffff0f;border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;font-size:13px;display:flex}.day-card:hover{border-color:var(--border);background:#ffffff1a}.day-card.rainy:hover{background:#3b82f638;border-color:#3b82f64d}.day-num{color:var(--text-light);font-size:13px;font-weight:600}.day-weather{color:var(--text-secondary);align-items:center;gap:3px;display:flex}.weather-icon{flex-shrink:0}.day-weather-label{color:var(--text-secondary);white-space:nowrap;font-size:11px}.day-temp-high{font-size:17px;font-weight:700}.day-temp-low{color:var(--text-secondary);font-size:14px;font-weight:500}.day-wind{color:var(--text-light);align-items:center;gap:3px;font-size:11px;display:flex}.compare-controls-bar{box-shadow:none;color:var(--text-secondary);background:0 0;border:0;border-radius:0;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:22px;padding:0;font-size:14px;display:inline-flex}.compare-filter-group{background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-height:40px;padding:0;display:inline-flex}.compare-filter-label{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:700;line-height:1}.compare-filter-separator{color:var(--text-light);white-space:nowrap;font-size:12px;font-weight:700}.compare-filter-select{min-width:auto}.compare-filter-select .custom-select-trigger{border-radius:var(--radius-xs);min-height:28px;box-shadow:none;background:0 0;border:0;gap:6px;padding:4px 6px}.compare-filter-select .custom-select-trigger:hover,.compare-filter-select .custom-select-trigger.open,.compare-filter-select .custom-select-trigger:focus-visible{box-shadow:none;background:#2563eb14}.compare-filter-select .custom-select-label{color:var(--text-secondary);font-size:12px;font-weight:700}.compare-filter-month{min-width:auto}.compare-filter-select .custom-select-value{font-size:13px;font-weight:800}.compare-page-filter-bar{margin-bottom:18px}.compare-controls-bar select{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--glass-bg);color:var(--text);transition:border-color var(--transition);padding:8px 14px;font-size:14px}.compare-controls-bar select:focus{border-color:#0ea5e966;box-shadow:0 0 0 3px #0ea5e926}.compare-controls-bar select option{color:var(--text);background:#fff}.compare-controls-divider{background:var(--border);width:1px;height:24px;margin:0 6px}.compare-year-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.compare-year-card{border-radius:var(--radius);border-top:3px solid var(--primary);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);transition:all var(--transition);padding:18px}.compare-year-card:hover{background:var(--glass-hover);transform:translateY(-2px);box-shadow:0 8px 24px #38bdf81a}.compare-year-card h3{color:var(--text);margin-bottom:12px;font-size:15px;font-weight:700}.compare-year-stats{flex-direction:column;gap:8px;display:flex}.compare-stat{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.temp-range-sm{color:var(--text-secondary);font-size:13px}.loading-state{text-align:center;padding:100px 24px}.spinner{border:3px solid var(--border);border-top-color:#38bdf8;border-radius:50%;width:44px;height:44px;margin:0 auto 20px;animation:.8s linear infinite spin}.loading-state-sm{color:var(--text-light);justify-content:center;align-items:center;gap:10px;padding:30px;font-size:13px;display:flex}.spinner-sm{border:2px solid var(--border);border-top-color:#38bdf8;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-hint{color:var(--text-light);margin-top:8px;font-size:14px}.error-state{text-align:center;padding:80px 24px}.error-state p{color:var(--danger);margin-bottom:20px}.error-state button{color:#fff;border-radius:var(--radius-sm);transition:all var(--transition);background:#38bdf840;border:1px solid #38bdf84d;padding:12px 28px;font-size:14px;font-weight:600}.error-state button:hover{background:#38bdf859;transform:translateY(-1px)}.today-weather{border-radius:var(--radius);justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:20px 28px;display:flex}.today-left{flex-direction:column;gap:6px;display:flex}.today-date{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.today-temp-main{align-items:center;gap:12px;display:flex}.today-current-temp{color:#fff;font-size:42px;font-weight:700;line-height:1}.today-desc{color:var(--text-secondary);font-size:15px;font-weight:500}.today-details{flex-wrap:wrap;gap:12px 24px;display:flex}.today-detail-item{color:#fffc;align-items:center;gap:6px;font-size:13px;display:flex}.overview-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.overview-card{border-radius:var(--radius);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);transition:all var(--transition);border-left:4px solid;align-items:center;gap:16px;padding:22px 24px;display:flex}.overview-card:hover{background:var(--glass-hover);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.overview-card.temp{border-left-color:var(--danger);color:var(--danger)}.overview-card.rain{border-left-color:var(--primary);color:var(--primary)}.overview-card.sun{border-left-color:var(--warning);color:var(--warning)}.overview-card div{color:var(--text)}.overview-card h4{color:var(--text-light);font-size:13px;font-weight:500}.big-number{font-size:26px;font-weight:800}.chart-header{margin-bottom:16px}.chart-header h2{align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.chart-container{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);border:1px solid var(--glass-border);padding:24px}.travel-advice-section{margin-bottom:36px}.advice-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.advice-card{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);border:1px solid var(--glass-border);transition:all var(--transition);border-top:3px solid;padding:22px}.advice-card:hover{background:var(--glass-hover);transform:translateY(-3px);box-shadow:0 8px 24px #00000026}.advice-card.level-excellent{border-top-color:var(--success)}.advice-card.level-good{border-top-color:var(--primary)}.advice-card.level-fair{border-top-color:var(--warning)}.advice-card.level-poor{border-top-color:var(--danger)}.advice-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.advice-header h3{font-size:18px;font-weight:700}.score-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:15px;font-weight:700;display:flex}.level-excellent .score-circle{background:var(--success)}.level-good .score-circle{background:var(--primary)}.level-fair .score-circle{background:var(--warning)}.level-poor .score-circle{background:var(--danger)}.advice-stats{color:var(--text-secondary);gap:14px;margin-bottom:10px;font-size:13px;display:flex}.advice-stats span{align-items:center;gap:4px;display:flex}.advice-tags{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.advice-tag{color:var(--text-secondary);background:#ffffff0f;border-radius:14px;padding:3px 12px;font-size:12px;font-weight:500}.advice-warnings{color:var(--warning);margin-bottom:6px;font-size:13px}.advice-suggestions{color:var(--success);font-size:13px}.month-advice{border-top:1px dashed var(--border);margin-top:14px;padding-top:14px}.month-advice-header{color:var(--text-secondary);margin-bottom:10px;font-size:13px;font-weight:700}.month-detail-section{max-width:var(--max-width);margin:40px auto;padding:0 24px 60px}.month-selector{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.month-btn{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--border);transition:all var(--transition);border-radius:22px;padding:8px 16px;font-size:14px;font-weight:500}.month-btn:hover{color:#7dd3fc;border-color:#0ea5e94d}.month-btn.active{color:#fff;background:#38bdf840;border-color:#38bdf866}.compare-page{min-height:100vh}.compare-controls{border-radius:var(--radius);margin-bottom:24px;padding:18px 24px}.compare-time-bar{box-shadow:none;color:var(--text-secondary);background:0 0;border:0;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:14px;margin-bottom:18px;padding:0;font-size:13px;display:flex}.compare-time-controls{z-index:40;margin-top:-8px;position:relative}.compare-filter-icon{color:var(--primary);flex-shrink:0}.compare-time-bar select{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:14px;outline:none;padding:4px 10px;font-size:13px;font-weight:500}.compare-time-bar select option{color:var(--text);background:#fff}.compare-time-divider{background:#ffffff26;width:1px;height:16px;margin:0 4px}.selected-cities{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.selected-city-chip{background:var(--glass-bg);transition:all var(--transition);border:2px solid;border-radius:22px;align-items:center;gap:8px;padding:7px 14px;font-size:14px;font-weight:600;display:flex}.selected-city-chip button{color:var(--text-light);transition:color var(--transition);background:0 0;border-radius:50%;padding:2px;display:flex}.selected-city-chip button:hover{color:var(--danger)}.add-city-btn{color:#7dd3fc;transition:all var(--transition);background:#38bdf826;border:1px solid #38bdf833;border-radius:22px;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;display:flex}.add-city-btn:hover{color:#fff;background:#38bdf840}.compare-search{margin-top:12px;position:relative}.compare-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.compare-search input{border:1px solid var(--glass-border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:all var(--transition);background:#ffffff0f;padding:10px 16px 10px 40px;font-size:14px}.compare-search input:focus{border-color:#0ea5e966;box-shadow:0 0 0 3px #0ea5e926}.compare-search input::placeholder{color:var(--text-light)}.search-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:100;background:#1e4976e6;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}.search-dropdown-item{cursor:pointer;color:var(--text);padding:12px 16px;font-size:14px;transition:background .15s}.search-dropdown-item:hover{background:#38bdf826}.search-dropdown-item.disabled{opacity:.4;cursor:not-allowed}.empty-state{text-align:center;color:var(--text-light);padding:100px 24px}.empty-state h3{color:var(--text-secondary);margin-top:16px}.empty-state p{margin-top:8px}.compare-table-section h2{margin-bottom:16px;font-size:18px;font-weight:700}.compare-table-wrapper{border-radius:var(--radius);overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:13px}.compare-table th{text-align:left;color:var(--text-secondary);white-space:nowrap;background:#ffffff0a;padding:11px 16px;font-size:12px;font-weight:700}.compare-table td{border-top:1px solid var(--border);padding:12px 16px}.compare-table tbody tr{transition:background .15s}.compare-table tbody tr:hover{background:#38bdf81a}.data-overview-section{margin-top:4px}.data-overview-header{margin-bottom:14px}.data-overview-header h2{font-size:18px;line-height:1.3}.data-overview-section .compare-table-wrapper{box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #8498af47}.daily-controls{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;margin-bottom:20px;display:flex}.daily-controls-label{color:var(--text-secondary);font-size:14px;font-weight:600}.daily-controls select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--glass-bg);color:var(--text);padding:8px 14px;font-size:14px}.daily-controls select option{color:var(--text);background:#fff}.daily-summary{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.daily-summary-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);border:1px solid var(--border);flex-direction:column;align-items:center;min-width:100px;padding:14px 20px;display:flex}.daily-summary-label{color:var(--text-light);margin-bottom:4px;font-size:12px}.daily-summary-value{color:#7dd3fc;font-size:18px;font-weight:700}.daily-summary-value.temp-max{color:var(--danger)}.daily-summary-value.temp-min{color:#67e8f9}.daily-table-wrapper{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius);border:1px solid var(--glass-border);margin-top:16px;overflow-x:auto}.daily-table{border-collapse:collapse;width:100%;font-size:13px}.daily-table th{text-align:center;color:var(--text-secondary);white-space:nowrap;background:#ffffff0a;padding:10px 12px;font-size:12px;font-weight:600}.daily-table td{text-align:center;border-top:1px solid var(--border);padding:8px 12px}.daily-table .temp-val{font-weight:500}.daily-table .rainy-row{background:#3b82f614}.empty-state-sm{text-align:center;color:var(--text-light);padding:28px;font-size:14px}.period-controls{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.period-row{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);border-left:4px solid;border:1px solid var(--border);border-left:4px solid;align-items:center;gap:10px;padding:12px 18px;display:flex}.period-label{min-width:56px;font-size:14px;font-weight:600}.period-row select{border-radius:var(--radius-xs);border:1px solid var(--border);background:var(--glass-bg);color:var(--text);padding:6px 12px;font-size:14px}.period-row select option{color:var(--text);background:#fff}.period-remove-btn{color:var(--text-light);border-radius:var(--radius-xs);transition:all var(--transition);background:0 0;padding:4px 8px;font-size:16px}.period-remove-btn:hover{background:var(--danger-light);color:var(--danger)}.period-add-btn{color:#7dd3fc;border-radius:var(--radius-sm);width:fit-content;transition:all var(--transition);background:#38bdf826;border:1px solid #38bdf833;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:500;display:flex}.period-add-btn:hover{color:#fff;background:#38bdf840}.period-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:20px;display:grid}.period-summary-card{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius-sm);border-top:3px solid;border:1px solid var(--glass-border);border-top:3px solid;padding:18px}.period-summary-card h4{margin-bottom:10px;font-size:15px;font-weight:700}.period-summary-stats{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:13px;display:flex}.period-summary-stats div{align-items:center;gap:4px;display:flex}.chart-subtitle{color:var(--text-secondary);margin:20px 0 10px;font-size:15px;font-weight:600}.loading-inline{color:var(--text-secondary);align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.recharts-text{font-size:12px;fill:#ffffff80!important}.recharts-tooltip-wrapper .recharts-default-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;color:#fff!important;background:#1e4976e6!important;border:1px solid #ffffff1a!important}.recharts-wrapper:focus,.recharts-surface:focus,.recharts-wrapper svg:focus,.recharts-wrapper :focus{outline:none!important}.recharts-wrapper{-webkit-tap-highlight-color:transparent!important;outline:none!important}@media (width<=768px){.hero{padding:60px 20px 50px}.hero h1{font-size:30px}.hero-subtitle,.search-box input{font-size:14px}.popular-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.seo-link-grid{grid-template-columns:1fr}.popular-card{padding:16px 12px}.city-hero{padding:20px 16px}.city-hero-content{flex-wrap:wrap}.city-hero-title h1{font-size:22px}.month-grid{grid-template-columns:repeat(3,1fr);gap:8px}.overview-cards,.advice-grid{grid-template-columns:1fr}.chart-container{padding:16px}.year-range-selector{padding:10px 16px}.hero-tab-btn{padding:8px 14px;font-size:13px}.hero-tab-btn span{display:none}.tab-content{padding:20px 16px}.hero-today-weather{gap:6px;padding:5px 10px;font-size:12px}.hero-today-temp{font-size:15px}}@media (width<=480px){.hero h1{font-size:24px}.search-btn{padding:10px 18px;font-size:14px}.section{padding:28px 16px}.month-grid{grid-template-columns:repeat(2,1fr)}}.lazy-image{transition:opacity .3s ease-in-out}.lazy-image.loading{opacity:.5;filter:blur(4px)}.lazy-image.loaded{opacity:1;filter:blur()}body{background:linear-gradient(#f8fbff 0%,#f2f6fb 42%,#eef4f8 100%)}.app:before{display:none}a{color:var(--primary)}a:hover{color:var(--primary-dark)}.glass{background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{color:#142033;text-align:left;background:#edf6fb;border-bottom:1px solid #7e94a838;align-items:center;min-height:min(620px,74vh);padding:96px 24px 74px;display:flex}.hero:before{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:0;background:linear-gradient(90deg,#f8fbfff5 0%,#f8fbffdb 42%,#f8fbff4d 76%),url(/weather-dashboard-hero.jpg) 100%/cover no-repeat;inset:0}.hero:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#f8fbff00 0%,#f8fbfff5 100%);height:150px;position:absolute;inset:auto 0 0}.hero-bg{display:none}.hero-content{z-index:1;width:min(100%, calc(var(--max-width) - 48px));max-width:calc(var(--max-width) - 48px);text-align:left}.hero-icon{width:52px;height:52px;color:var(--primary);box-shadow:none;filter:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;margin-bottom:18px;animation:none;display:inline-flex}.hero h1{color:#142033;letter-spacing:0;max-width:620px;text-shadow:none;margin-bottom:14px;font-size:clamp(36px,5vw,64px);line-height:1.04}.hero-subtitle{color:#4d5f72;opacity:1;max-width:610px;margin-bottom:30px;font-size:17px}.search-container{max-width:660px;margin:0}.search-box{border-radius:var(--radius);box-shadow:var(--shadow-md);background:#fffffff0;border:1px solid #8498af59;gap:8px;padding:8px}.search-box:focus-within{box-shadow:0 0 0 4px #2563eb1a, var(--shadow-md);background:#fff;border-color:#2563eb6b;transform:none}.search-icon{color:var(--primary);margin-left:12px}.search-box input{min-width:0;color:var(--text);padding:13px 8px}.search-box input::placeholder,.compare-search input::placeholder,.country-search-input::placeholder{color:#8b98a8}.search-btn,.hero-action-btn,.add-city-btn,.period-add-btn,.error-state button{border-radius:var(--radius);letter-spacing:0}.search-btn{min-width:96px;box-shadow:none;background:linear-gradient(135deg,#2563eb 0%,#0891b2 100%);padding:13px 22px}.search-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2563eb38}.search-results,.search-dropdown,.lang-dropdown,.country-dropdown{color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fffffffa;border:1px solid #8498af47}.search-result-item,.search-dropdown-item,.country-list-item,.lang-option{color:var(--text);border-bottom-color:var(--border-light)}.search-result-item:hover,.search-dropdown-item:hover,.country-list-item:hover,.lang-option:hover{color:var(--text);background:#2563eb14}.search-divider,.country-dropdown-header,.compare-table th,.daily-table th{border-color:var(--border-light);background:#f5f8fb}.result-icon,.spin-icon,.month-num,.daily-summary-value{color:var(--primary)}.section{padding:42px 24px}.section-header{color:var(--text);margin-bottom:18px}.section-header h2,.chart-header h2,.compare-table-section h2{color:var(--text);letter-spacing:0}.section-desc{color:var(--text-secondary)}.popular-section{margin-top:-22px}.popular-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}.popular-card,.month-card,.overview-card,.advice-card,.compare-year-card,.daily-table-wrapper,.compare-table-wrapper,.travel-affiliate,.compare-controls,.compare-time-bar,.chart-container,.daily-summary-card,.period-row,.period-summary-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #8498af47}.popular-card{text-align:left;padding:18px 16px}.popular-card:hover,.month-card:hover,.overview-card:hover,.advice-card:hover,.compare-year-card:hover,.compare-banner:hover{box-shadow:var(--shadow);background:#fff;border-color:#2563eb3d;transform:translateY(-2px)}.popular-card h3,.compare-banner-text h3,.advice-header h3,.compare-year-card h3{color:var(--text);letter-spacing:0}.popular-card p,.compare-banner-text p,.affiliate-header,.compare-stat,.temp-range-sm,.daily-controls-label,.period-summary-stats,.empty-state,.empty-state p,.empty-state h3,.empty-state-sm,.loading-state-sm,.loading-hint,.footer{color:var(--text-secondary)}.lang-switcher{top:18px;right:20px}.lang-switcher-btn,.temp-toggle-btn,.country-dropdown-trigger{min-height:36px;color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffe0;border:1px solid #8498af52}.lang-switcher-btn:hover,.temp-toggle-btn:hover,.country-dropdown-trigger:hover,.country-dropdown-trigger:focus-visible{color:var(--text);background:#fff;border-color:#2563eb3d}.lang-switcher-btn>svg{color:var(--text-secondary)}.lang-switcher .lang-code-badge{color:var(--text-secondary);background:linear-gradient(#fffffff5,#f8fafcf0);border-color:#64748b3d}.lang-switcher .lang-option.active .lang-code-badge{color:var(--primary);background:#2563eb14;border-color:#2563eb47}.lang-switcher .lang-dropdown{background:linear-gradient(#eff6fffa,#f1f5f9fa);border-color:#2563eb2e}.lang-switcher .lang-option{background:#ffffff8a;margin-bottom:2px}.lang-switcher .lang-option:last-child{margin-bottom:0}.country-selector .flag-icon,.country-trigger-flag .flag-icon{filter:drop-shadow(0 1px 1px #0f172a29)}.country-selector .country-dropdown{background:linear-gradient(#eff6fffa,#f1f5f9fa);border-color:#2563eb2e}.country-selector .country-dropdown-header{background:#ffffff61;border-bottom-color:#64748b29}.country-selector .country-list{gap:4px}.country-selector .country-list-item{background:#ffffff8a}.custom-select{min-width:86px;display:inline-flex;position:relative}.custom-select.open{z-index:1600}.custom-select-trigger{border-radius:var(--radius-xs);width:100%;min-height:28px;color:var(--text);background:#ffffffad;border:1px solid #8498af47;justify-content:space-between;align-items:center;gap:8px;padding:5px 9px 5px 10px;font-size:13px;font-weight:700;line-height:1.2;transition:all .16s;display:inline-flex;box-shadow:inset 0 1px #ffffffa6}.custom-select-icon,.custom-select-label,.custom-select-value{align-items:center;display:inline-flex}.custom-select-icon{color:var(--primary)}.custom-select-label{color:var(--text-secondary);font-size:12px;font-weight:700}.custom-select-value{color:var(--text)}.custom-select-trigger:hover,.custom-select-trigger.open,.custom-select-trigger:focus-visible{background:#fff;border-color:#2563eb4d;box-shadow:0 0 0 3px #2563eb17}.custom-select-trigger>svg{color:var(--primary);transition:transform .16s}.custom-select-trigger.open>svg{transform:rotate(180deg)}.custom-select-menu{border-radius:var(--radius);min-width:100%;max-height:260px;box-shadow:var(--shadow-lg);z-index:1200;scrollbar-width:none;background:linear-gradient(#eff6fffa,#f1f5f9fa);border:1px solid #2563eb2e;padding:6px;position:absolute;top:calc(100% + 6px);left:50%;overflow-y:auto;transform:translate(-50%)}.custom-select-menu::-webkit-scrollbar{display:none}.custom-select-option{border-radius:var(--radius-xs);width:100%;color:var(--text);white-space:nowrap;background:#ffffff8f;justify-content:flex-start;align-items:center;padding:7px 10px;font-size:13px;font-weight:600;transition:all .14s;display:flex}.custom-select-option+.custom-select-option{margin-top:2px}.custom-select-option:hover,.custom-select-option.active{color:var(--primary);background:#2563eb1a}.temp-toggle-btn.active,.lang-option.active,.country-list-item.active,.country-tab.active,.province-btn.active,.month-btn.active{background:var(--primary-light);color:var(--primary);box-shadow:none;border-color:#2563eb3d}.country-search-input,.compare-search input,.compare-controls-bar select,.daily-controls select,.period-row select,.compare-time-bar select,.hero-year-select select{color:var(--text);border-radius:var(--radius-xs);background:#fff;border:1px solid #8498af57}.country-list-item,.lang-option,.search-dropdown-item{border-radius:var(--radius-xs)}.compare-banner{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffeb;border:1px solid #8498af47}.footer{border-top-color:var(--border);background:#ffffff8a}.city-hero{color:var(--text);background:linear-gradient(135deg,#e8f4fbf5,#fffffff0),url(/weather-dashboard-hero.jpg) 50%/cover no-repeat;border-bottom:1px solid #8498af42;padding:28px 24px 22px;overflow:visible}.city-hero:before,.city-hero-bg{display:none}.city-hero-content,.hero-nav-inner{max-width:var(--max-width)}.city-hero-title h1{color:var(--text);letter-spacing:0;font-size:clamp(28px,4vw,44px)}.city-hero-meta,.hero-today-desc,.hero-today-range,.hero-today-wind,.hero-today-date{color:var(--text-secondary);opacity:1}.hero-back-btn,.hero-action-btn,.hero-tab-btn,.hero-year-select,.hero-today-weather{color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#ffffffd1;border:1px solid #8498af4d}.hero-back-btn:hover,.hero-action-btn:hover,.hero-tab-btn:hover,.hero-tab-btn.active{color:var(--primary);background:#fff;border-color:#2563eb47;transform:translateY(-1px)}.city-hero-nav{z-index:30;border-top:1px solid #8498af38}.hero-year-select{min-width:122px;color:var(--text);box-shadow:none;background:0 0;border:0}.hero-year-select .custom-select-trigger{border-radius:var(--radius);min-height:36px;box-shadow:var(--shadow-sm);background:#ffffffd1;border:1px solid #8498af4d}.hero-year-select .custom-select-trigger:hover,.hero-year-select .custom-select-trigger.open,.hero-year-select .custom-select-trigger:focus-visible{box-shadow:var(--shadow-sm), 0 0 0 3px #2563eb17;background:#fff;border-color:#2563eb47}.hero-year-select .custom-select-menu{min-width:122px;max-height:none;overflow-y:visible}.tab-content{padding:30px 24px}.overview-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.overview-card{border-top:4px solid;border-left-width:0}.overview-card h4{color:var(--text-secondary)}.big-number,.today-current-temp,.detail-stat-value,.day-temp-high{color:var(--text);letter-spacing:0}.travel-affiliate{background:#fff}.affiliate-btn,.country-tab,.province-btn,.month-btn,.period-add-btn,.add-city-btn{color:var(--primary);border-radius:var(--radius);background:#fff;border:1px solid #2563eb2e}.affiliate-btn:hover,.country-tab:hover,.province-btn:hover,.month-btn:hover,.period-add-btn:hover,.add-city-btn:hover{background:var(--primary-light);color:var(--primary-dark);border-color:#2563eb47}.month-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.month-card{border-top-width:4px;overflow:hidden}.month-card-header{aspect-ratio:auto;min-height:170px}.month-card-header:hover,.day-card:hover,.compare-table tbody tr:hover{background:#2563eb0d}.month-label,.month-rain,.day-weather-label,.day-temp-low,.day-wind,.detail-stat-label,.advice-tag{color:var(--text-secondary)}.month-score-badge,.score-circle{border-radius:var(--radius-xs)}.month-card-detail{border-top-color:var(--border-light)}.day-card{border:1px solid var(--border-light);border-radius:var(--radius-xs);background:#f7fafc}.day-card.rainy{background:#2563eb14;border-color:#2563eb29}.advice-tag{border-radius:var(--radius-xs);background:#f2f6fa}.advice-warnings{color:#b45309}.advice-suggestions{color:#047857}.chart-section{margin-bottom:34px}.chart-container{padding:22px}.compare-time-bar{flex-wrap:wrap;width:fit-content;max-width:100%}.selected-city-chip{border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff}.compare-table th,.daily-table th{color:var(--text-secondary)}.compare-table td,.daily-table td{border-top-color:var(--border-light);color:var(--text)}.loading-state,.error-state{color:var(--text-secondary)}.not-found-page{min-height:80vh;color:var(--text);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.not-found-icon{margin-bottom:16px;font-size:64px}.not-found-page h1{letter-spacing:0;margin-bottom:8px;font-size:48px}.not-found-page p{color:var(--text-secondary);margin-bottom:24px}.not-found-page button{border-radius:var(--radius);background:var(--primary);color:#fff;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;display:flex}.spinner,.spinner-sm{border-color:#d8e3ee;border-top-color:var(--primary)}.recharts-text{fill:#64748b!important}.recharts-cartesian-grid line{stroke:#e4ebf2!important}.recharts-legend-item-text{color:#526173!important}.recharts-tooltip-wrapper .recharts-default-tooltip{border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;color:var(--text)!important;background:#fffffffa!important;border:1px solid #8498af47!important}.recharts-tooltip-label,.recharts-tooltip-item{color:var(--text)!important}@media (width<=900px){.hero{text-align:left;min-height:auto;padding:82px 20px 58px}.hero:before{background:linear-gradient(#f8fbfff5 0%,#f8fbffe6 62%,#f8fbffcc 100%),url(/weather-dashboard-hero.jpg) 50%/cover no-repeat}.hero h1{font-size:38px}.overview-cards,.month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-hero-content,.hero-nav-inner{align-items:flex-start}}@media (width<=640px){.hero{padding:72px 16px 42px}.hero h1{font-size:32px}.hero-subtitle{inline-size:calc(100vw - 48px);overflow-wrap:anywhere;word-break:break-word;max-width:calc(100vw - 48px);font-size:15px}.hero-content,.search-container,.search-container form,.search-box{width:100%;inline-size:calc(100vw - 48px);max-width:calc(100vw - 48px)}.search-box{grid-template-columns:auto 1fr;gap:4px 8px;padding:10px;display:grid}.search-btn{grid-column:1/-1;width:100%}.section,.tab-content{padding-left:16px;padding-right:16px}.section-header{flex-direction:column;align-items:flex-start}.section-header .country-selector{align-self:stretch}.country-dropdown-trigger,.country-dropdown{width:100%}.country-list{grid-template-columns:1fr}.lang-switcher{top:12px;left:12px;right:auto}.lang-switcher-btn .lang-name{display:none}.popular-grid,.overview-cards,.month-grid{grid-template-columns:1fr}.month-card-header{min-height:142px}.city-hero-actions,.hero-today-weather,.detail-summary-row,.compare-time-bar{width:100%}.hero-year-select .custom-select-label{display:none}.city-hero{padding-top:70px}.city-hero-actions,.detail-summary-row{flex-wrap:wrap}.hero-action-btn,.temp-toggle-btn{flex:1;justify-content:center}}