:root{color:#1f2933;background:#f3f5f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px;background:#f3f5f7}body{margin:0;min-width:320px;min-height:100vh;background:#f3f5f7}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(20,91,140,.24);outline-offset:2px}.site-page{min-height:100vh}.site-header{background:#fff;border-bottom:1px solid #cfd8e1}.site-identity{width:min(1600px,100%);min-height:92px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-identity h1{margin:0;color:#174f78;font-size:27px;font-weight:650;letter-spacing:.02em}.site-identity p{margin:7px 0 0;color:#66717d;font-size:14px}.source-note{padding-left:22px;border-left:1px solid #d8dee5;text-align:right;white-space:nowrap}.source-note span{display:block;margin-bottom:5px;color:#74808c;font-size:12px}.source-note strong{color:#384553;font-size:14px;font-weight:600}.site-nav{background:#103f66}.site-nav-inner{width:min(1600px,100%);height:48px;margin:0 auto;padding:0 24px;display:flex;align-items:stretch}.nav-link{min-width:112px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border-bottom:3px solid transparent;color:#fff;font-size:15px;text-decoration:none}.nav-link:hover{background:#ffffff14}.nav-link.active{border-bottom-color:#8fc49c;background:#ffffff1f;font-weight:600}.page-container{width:min(1600px,100%);margin:0 auto;padding:22px 24px 36px}.page-heading{min-height:66px;margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.page-heading h2{margin:3px 0 0;color:#1f2933;font-size:25px;font-weight:650}.page-heading>p{max-width:620px;margin:0 0 3px;color:#66717d;font-size:14px;line-height:1.7;text-align:right}.section-kicker{margin:0;color:#2f7d4a;font-size:13px;font-weight:600}.content-panel{border:1px solid #d8dee5;border-radius:4px;background:#fff;box-shadow:0 2px 8px #1931420d}.panel-heading{min-height:54px;padding:13px 16px;border-bottom:1px solid #e0e5ea}.panel-heading h3{margin:0;color:#263440;font-size:16px;font-weight:650}.panel-heading p{margin:4px 0 0;color:#74808c;font-size:12px}.filter-bar{margin-bottom:16px;padding:14px 16px;display:flex;align-items:flex-end;gap:14px}.form-field{min-width:150px;display:grid;gap:6px}.form-field>span,.readonly-field>span{color:#52606d;font-size:13px;font-weight:600}.form-field input,.form-field select{width:100%;height:36px;padding:0 10px;border:1px solid #b7c1cb;border-radius:3px;color:#263440;background:#fff}.form-field input:hover,.form-field select:hover{border-color:#6f8799}.readonly-field{min-width:145px;padding:0 12px 7px;display:grid;gap:6px;border-left:1px solid #d8dee5}.readonly-field strong{color:#174f78;font-size:14px}.switch-field{height:36px;margin-left:auto;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border:1px solid #b7c1cb;border-radius:3px;color:#384553;font-size:13px;white-space:nowrap}.switch-field input{accent-color:#2f7d4a}.dashboard-grid{display:grid;grid-template-areas:"summary map ranking";grid-template-columns:220px minmax(0,1fr) 286px;gap:14px;align-items:stretch}.summary-panel{grid-area:summary}.map-panel{grid-area:map;min-width:0;overflow:hidden}.ranking-panel{grid-area:ranking;min-width:0;overflow:hidden}.summary-date{padding:22px 16px 16px;color:#174f78;font-size:25px;font-weight:650;font-variant-numeric:tabular-nums}.summary-list{margin:0;padding:0 16px}.summary-list>div,.detail-list>div{padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e5e9ed}.summary-list dt,.detail-list dt{color:#66717d;font-size:13px}.summary-list dd,.detail-list dd{margin:0;color:#263440;font-size:13px;font-weight:600;text-align:right}.information-note,.standard-notice{margin:18px 16px 0;padding:12px;border-left:3px solid #7b91a2;background:#f4f7f9;color:#52606d;font-size:12px;line-height:1.7}.standard-notice{margin-top:10px;border-left-color:#2f7d4a;background:#f1f7f3;color:#345f43}.map-heading,.chart-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.map-status,.location-label{padding:4px 8px;border:1px solid #bfd0dc;border-radius:2px;color:#174f78;background:#f3f7fa;font-size:12px;white-space:nowrap}.map-stage{height:540px;position:relative;background:#0d3552}.map-chart{width:100%;height:100%}.map-status-group{display:flex;align-items:center;gap:10px}.map-update-status{display:inline-flex;align-items:center;gap:6px;color:#52606d;font-size:12px}.map-update-status i{width:8px;height:8px;border:2px solid #aab7c2;border-top-color:#145b8c;border-radius:50%;animation:status-spin .8s linear infinite}.map-inline-error{margin:0;padding:7px 14px;border-top:1px solid #ead1d1;border-bottom:1px solid #ead1d1;color:#8c2424;background:#fff7f7;font-size:12px}.map-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;color:#e8f0f5;background:#0d3552;font-size:14px}.map-empty-note{position:absolute;left:50%;bottom:18px;transform:translate(-50%);padding:6px 12px;border:1px solid rgba(220,230,237,.55);border-radius:3px;color:#e8f0f5;background:#0d3552e0;font-size:13px}.loading-line{width:34px;height:3px;position:relative;overflow:hidden;background:#ffffff38}.loading-line:after{content:"";width:14px;height:100%;position:absolute;left:0;background:#8fc49c;animation:loading-slide 1.1s linear infinite}.error-message,.inline-error{color:#9f2d2d}.map-legend{min-height:54px;padding:10px 14px;display:flex;align-items:center;gap:12px;border-top:1px solid #d8dee5;background:#fff;overflow-x:auto}.legend-title{padding-right:12px;border-right:1px solid #d8dee5;color:#52606d;font-size:12px;font-weight:600;white-space:nowrap}.legend-item{display:inline-flex;align-items:center;gap:5px;color:#384553;font-size:11px;white-space:nowrap}.legend-item i{width:12px;height:12px;display:inline-block;border:1px solid rgba(0,0,0,.08)}.legend-item small{color:#7b8794}.ranking-table{padding:0 12px 12px}.ranking-head{height:38px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;color:#74808c;font-size:12px}.ranking-row{width:100%;min-height:47px;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-top:1px solid #e5e9ed;border-radius:0;color:#263440;background:transparent;text-align:left}.ranking-row:hover{background:#f3f7fa}.rank-city{min-width:0;display:flex;align-items:center;gap:10px}.rank-city>b{width:24px;color:#174f78;font-size:13px;font-variant-numeric:tabular-nums;text-align:center}.rank-city>span{min-width:0;display:grid;gap:2px;font-size:13px}.rank-city small{color:#7b8794;font-size:10px}.ranking-row>strong{color:#384553;font-size:13px;font-variant-numeric:tabular-nums}.timeline-panel{margin-top:14px;padding:14px 16px}.timeline-main{display:flex;align-items:center;gap:8px}.primary-button,.secondary-button,.icon-button{min-height:36px;padding:0 15px;border-radius:3px;font-size:13px;white-space:nowrap}.primary-button{border:1px solid #145b8c;color:#fff;background:#145b8c}.primary-button:hover{border-color:#0f486f;background:#0f486f}.secondary-button,.icon-button{border:1px solid #aeb9c3;color:#384553;background:#fff}.secondary-button:hover,.icon-button:hover{border-color:#60798c;background:#f3f7fa}.play-button{min-width:90px}.range-wrap{min-width:260px;flex:1}.range-wrap input[type=range]{width:100%;accent-color:#145b8c}.range-labels{margin-top:3px;display:flex;align-items:center;justify-content:space-between;color:#7b8794;font-size:10px;font-variant-numeric:tabular-nums}.range-labels strong{color:#174f78;font-size:12px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#19263157}.city-drawer{width:min(460px,92vw);height:100%;margin-left:auto;padding-bottom:24px;overflow-y:auto;border-left:1px solid #b7c1cb;background:#fff;box-shadow:-8px 0 24px #1f29331f}.drawer-header{min-height:92px;padding:20px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:4px solid #103f66}.drawer-header p{margin:0 0 5px;color:#66717d;font-size:13px}.drawer-header h2{margin:0;color:#1f2933;font-size:24px}.icon-button{width:36px;padding:0;font-size:24px;line-height:1}.aqi-summary{margin:22px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d8dee5;background:#f7f9fa}.aqi-summary>div{display:flex;align-items:baseline;gap:10px}.aqi-summary span{color:#66717d;font-size:13px}.aqi-summary strong{color:#1f2933;font-size:34px;font-variant-numeric:tabular-nums}.aqi-badge{padding:5px 10px;border:1px solid;border-radius:2px;background:#fff;font-weight:600}.detail-list{margin:0 22px}.metric-table{width:calc(100% - 44px);margin:20px 22px;border-collapse:collapse;font-size:13px}.metric-table th,.metric-table td{padding:10px 8px;border:1px solid #d8dee5;text-align:left}.metric-table th{color:#384553;background:#f1f4f6;font-weight:600}.metric-table td:nth-child(2){font-weight:600;font-variant-numeric:tabular-nums}.quality-details{margin-top:8px}.drawer-note{margin:16px 22px;color:#74808c;font-size:12px}.drawer-action{width:calc(100% - 44px);margin:4px 22px 0}.analysis-overview{margin-bottom:14px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:stretch}.analysis-filter{margin-bottom:0;padding:14px;flex-wrap:wrap;align-content:center;gap:10px}.analysis-filter .form-field{min-width:118px;flex:1 1 118px}.city-search-field{min-width:190px!important;flex:1.25 1 190px!important}.analysis-filter label[for=analysis-start],.analysis-filter label[for=analysis-end]{min-width:138px;flex-basis:138px}.query-button{height:36px}.compact-stat-panel{padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.compact-stat{min-width:0;padding:17px 12px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid #e0e5ea}.compact-stat:first-child{border-left:0}.compact-stat>span{color:#66717d;font-size:12px}.compact-stat strong{margin-top:7px;color:#174f78;font-size:24px;font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.compact-stat small{margin-top:6px;color:#7b8794;font-size:11px;white-space:nowrap}.analysis-chart-panel{overflow:hidden}.chart-type-tabs{min-height:44px;padding:0 18px;display:flex;align-items:end;gap:24px;border-bottom:1px solid #d8dee5;background:#f8fafb}.chart-type-tabs button{height:44px;padding:0 2px;border:0;border-bottom:3px solid transparent;color:#52606d;background:transparent;font-size:14px;font-weight:600;cursor:pointer}.chart-type-tabs button:hover{color:#145b8c}.chart-type-tabs button.active{border-bottom-color:#145b8c;color:#145b8c}.chart-heading-actions{display:flex;align-items:center;gap:10px}.chart-heading-actions label{display:inline-flex;align-items:center;gap:7px;color:#52606d;font-size:12px}.chart-heading-actions select{height:30px;padding:0 24px 0 8px;border:1px solid #b7c1cb;border-radius:3px;color:#263440;background:#fff}.history-chart-wrap{height:500px;position:relative}.history-chart{width:100%;height:100%}.chart-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#52606d;background:#ffffffe6;font-size:14px}.chart-loading-light{inset:12px 14px auto auto;width:auto;height:auto;padding:7px 10px;place-items:center;border:1px solid #cfd8e1;border-radius:3px;background:#fffffff0;box-shadow:0 2px 8px #1f293314;font-size:12px}.inline-error,.empty-state{margin:12px 16px;font-size:13px}.empty-state{color:#74808c}.comprehensive-filter{margin-bottom:14px;padding:14px 16px;display:flex;align-items:end;gap:12px}.comprehensive-filter .form-field{width:180px;flex:0 0 180px}.comprehensive-submit{height:36px;flex:0 0 auto}.comprehensive-filter-note{margin:0 0 3px auto;max-width:420px;color:#66717d;font-size:12px;line-height:1.6;text-align:right}.comprehensive-error{margin:0 0 14px;padding:11px 14px;border:1px solid #e2b8b8;background:#fff7f7}.comprehensive-summary{margin-bottom:14px;display:grid;grid-template-columns:1.3fr .8fr 1fr 1.15fr .9fr;gap:10px}.summary-item{min-width:0;padding:15px 16px;display:flex;flex-direction:column}.summary-item>span{color:#66717d;font-size:12px}.summary-item strong{margin-top:8px;overflow:hidden;color:#174f78;font-size:20px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.summary-item small{margin-top:5px;overflow:hidden;color:#7b8794;font-size:11px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.comprehensive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.comprehensive-card{min-width:0;overflow:hidden}.comprehensive-card-wide{grid-column:1 / -1}.comprehensive-chart-wrap{height:390px;position:relative;border-bottom:1px solid #e0e5ea}.comprehensive-card-wide .comprehensive-chart-wrap{height:430px}.comprehensive-chart{width:100%;height:100%}.comprehensive-chart.ranking-chart{min-height:390px}.chart-analysis{padding:17px 20px 18px}.chart-analysis h4{margin:0;color:#145b8c;font-size:14px}.analysis-headline{margin:9px 0 0;color:#263440;font-size:14px;font-weight:600;line-height:1.7}.chart-analysis ul{margin:10px 0 0;padding-left:20px;color:#52606d;font-size:13px;line-height:1.8}.chart-analysis li+li{margin-top:3px}.comprehensive-initial-loading{min-height:360px;display:grid;place-items:center;color:#52606d}.document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.document-section{padding:22px}.document-section h3{margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #2f7d4a;color:#263440;font-size:17px}.document-section p{margin:0;color:#52606d;font-size:14px;line-height:1.9}@keyframes loading-slide{0%{transform:translate(-14px)}to{transform:translate(34px)}}@keyframes status-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.map-update-status i,.loading-line:after{animation:none}}@media(max-width:1199px){.site-identity,.site-nav-inner,.page-container{padding-left:18px;padding-right:18px}.dashboard-grid{grid-template-areas:"map map" "summary ranking";grid-template-columns:minmax(0,1fr) minmax(280px,.8fr)}.map-stage{height:520px}.filter-bar{flex-wrap:wrap}.switch-field{margin-left:0}.comprehensive-filter{flex-wrap:wrap}.comprehensive-filter-note{width:100%;max-width:none;margin-left:0;text-align:left}.comprehensive-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.site-identity{align-items:flex-start}.site-identity h1{font-size:22px}.page-heading{align-items:flex-start;flex-direction:column;gap:8px}.page-heading>p{text-align:left}.dashboard-grid{grid-template-areas:"map" "summary" "ranking";grid-template-columns:minmax(0,1fr)}.timeline-main{flex-wrap:wrap}.range-wrap{min-width:100%;order:3}.analysis-overview{grid-template-columns:minmax(0,1fr)}.compact-stat-panel{min-height:96px}.comprehensive-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.comprehensive-grid{grid-template-columns:minmax(0,1fr)}.comprehensive-card-wide{grid-column:auto}}@media(max-width:640px){.site-identity{min-height:0;flex-direction:column}.source-note{padding:10px 0 0;border-top:1px solid #d8dee5;border-left:0;text-align:left;white-space:normal}.site-nav-inner{padding:0}.nav-link{min-width:0;flex:1;padding:0 8px}.page-container{padding:16px 12px 28px}.form-field,.city-search-field,.readonly-field{width:100%;min-width:100%}.comprehensive-filter .form-field{width:100%;flex-basis:100%}.comprehensive-submit{width:100%}.comprehensive-summary{grid-template-columns:minmax(0,1fr)}.comprehensive-chart-wrap,.comprehensive-card-wide .comprehensive-chart-wrap{height:360px}.chart-type-tabs{padding:0 12px;gap:16px;overflow-x:auto}.chart-type-tabs button{flex:0 0 auto}.chart-heading{align-items:flex-start;flex-direction:column}.readonly-field{padding-left:0;border-left:0}.map-stage{height:420px}.timeline-main>button{flex:1}.document-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}