.filters{padding:22px 24px;margin-bottom:18px}.filter-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.filter-heading strong{font-size:15px}.filter-heading span,.filter-hint{font-size:11px;color:#819794;margin-left:12px}.reset-filter{border:0;background:none;color:#238a7e;cursor:pointer}.filter-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr 1.4fr auto;gap:12px;align-items:end;margin-top:17px}.filter-grid label,.filter-field{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#708985}.filter-grid select,.filter-grid input,.filter-grid summary{width:100%;height:42px;border:1px solid #dbe8e5;background:#fff;border-radius:8px;padding:0 12px;color:#294b48;font-size:13px}.filter-grid summary{display:flex;align-items:center;cursor:pointer;list-style:none}.filter-grid summary:after{content:'⌄';margin-left:auto}.filter-field details{position:relative}.chapter-pop{position:absolute;z-index:8;top:48px;left:0;width:380px;max-width:90vw;background:#fff;border:1px solid #dce8e5;border-radius:10px;box-shadow:0 16px 40px #193d3425;padding:12px}.chapter-pop input{height:38px}.chapter-pop #chapterOptions{max-height:270px;overflow:auto;margin-top:8px}.chapter-pop label{display:flex;flex-direction:row;align-items:center;padding:8px;font-size:12px;color:#365650}.chapter-pop label input{width:16px;height:16px;flex:none}.pop-actions{display:flex;justify-content:space-between;padding-top:10px}.pop-actions button,.primary-filter{border:0;border-radius:8px;padding:11px 15px;cursor:pointer}.primary-filter{background:#218c7d;color:white}.apply{height:42px;white-space:nowrap}.filter-hint{margin:12px 0 0}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 16px}.metric{background:#fff;border:1px solid #e4eeeb;border-radius:13px;padding:19px 22px;display:flex;flex-direction:column;gap:7px}.metric span,.metric small{font-size:11px;color:#829a96}.metric strong{font-size:25px;color:#20564d}.status{font-size:12px;color:#9f6738;background:#fff8ee;border-radius:9px;padding:10px 14px;margin-bottom:17px;line-height:1.6}.map-card{padding:24px 26px}.section-head h2{margin:8px 0}.trend-chart{display:flex;align-items:end;gap:3px;overflow-x:auto;min-height:230px;padding-top:18px}.trend-col{flex:1;min-width:24px;height:205px;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px;font-size:9px;color:#718c87}.trend-col i{display:block;background:#6eb3a8;width:65%;min-height:2px;border-radius:3px 3px 0 0}.trend-col.missing i{background:#e4ecea;height:3px!important}.trend-col span{writing-mode:vertical-rl}.empty{color:#809691;padding:35px 10px;font-size:13px;line-height:1.8}.dm-row .unavailable{color:#99a7a4}.map-unmapped{font-size:10px;color:#8ba29f;margin:7px 0}.rank-chapter{margin-top:13px}.rank-chapter span{font-size:11px}.rank-chapter strong{float:right;font-size:11px}.rank-chapter .track{clear:both}@media(max-width:900px){.filter-grid{grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:1fr 1fr}.apply{grid-column:span 2}.filter-heading span{display:block;margin:5px 0}.map-card{padding:20px 15px}}
/* 紧凑的弹窗式总览 */
main{max-width:1250px;padding:24px 4%}.intro{margin-bottom:15px}.intro h1{font-size:25px;margin:0}.top{height:48px}.badge{padding:5px 9px}.filters{padding:14px 16px;margin-bottom:12px}.filter-grid{grid-template-columns:128px 128px minmax(165px,1fr) minmax(155px,1fr) auto auto;gap:9px;margin:0}.filter-grid label,.filter-field{gap:5px;font-size:10px}.filter-grid select,.filter-grid input,.filter-grid summary{height:34px;font-size:12px;padding:0 9px}.chapter-pop input{height:34px}.chapter-pop{top:40px}.primary-filter{padding:8px 13px}.apply{height:34px}.reset-filter{height:34px;padding:0 6px}.summary-grid{gap:10px;margin-bottom:12px}.metric{padding:12px 16px;gap:3px}.metric strong{font-size:21px}.map-card{padding:16px 18px}.section-head h2,.panel h2{font-size:16px;margin:0 0 5px}.section-head p,.panel p{font-size:11px}.dm-card{margin:9px 0 0}.dm-head{padding:11px 14px}.dm-layout{padding:0 12px 12px}.dm-wrap{height:330px}.dm-instruction{padding-top:8px}.dm-ranking{padding:12px}.dm-rows{max-height:250px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b3cfca transparent}.dm-row{padding:8px 2px}.dm-rank-note{margin-top:7px}.dm-legend{padding:8px 12px}.bottom{gap:12px;margin-top:12px}.panel{padding:18px}.status[hidden]{display:none}.status{padding:8px 12px;margin-bottom:12px}.trend-chart{display:block;min-height:0;padding:0;margin-top:12px}.trend-scroll{overflow-x:auto;overflow-y:hidden}.trend-scroll svg{display:block;width:100%;height:260px}.trend-grid{stroke:#e4efec;stroke-width:1}.trend-line{fill:none;stroke:#198a7c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:#fff;stroke:#198a7c;stroke-width:2}.trend-axis{font-size:11px;fill:#819b96}.info{position:relative;display:inline-block;vertical-align:middle;text-align:left;font-weight:400}.info summary{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #a4b7b3;border-radius:50%;color:#7c9691;font-size:10px;cursor:pointer;list-style:none}.info summary::-webkit-details-marker{display:none}.info>div{display:none;position:absolute;z-index:20;top:22px;left:0;width:245px;padding:10px 12px;border-radius:8px;background:#243f3c;color:#fff;box-shadow:0 6px 20px #0002;font-size:11px;line-height:1.65}.info[open]>div,.info:hover>div,.info:focus-within>div{display:block}footer{padding:16px}@media(max-width:900px){.filter-grid{grid-template-columns:1fr 1fr;gap:9px}.apply{grid-column:auto}.reset-filter{justify-self:start}.summary-grid{grid-template-columns:repeat(3,1fr)}.metric{padding:10px}.metric strong{font-size:17px}.dm-wrap{height:270px}.dm-rows{max-height:220px}.bottom{grid-template-columns:1fr}.chapter-pop{max-width:80vw}}
/* 列表默认10条，展开后由页面整体滚动 */
.dm-rows{max-height:none;overflow:visible;overscroll-behavior:auto}.dm-more{display:block;width:100%;margin-top:7px;padding:9px 4px;border:0;border-radius:6px;color:#218579;background:#edf6f4;cursor:pointer;font-size:11px;font-weight:600}.dm-more:hover{background:#dfefeb}@media(max-width:900px){.dm-rows{max-height:none}}
/* 地图和前十排名采用统一色调与比例 */
.dm-card{background:#1b303c;border-color:#2b4652;border-radius:12px}
.dm-head{padding:14px 17px 12px}.dm-head h3{color:#e2eeed;font-size:14px}.dm-head small{color:#9cb6b5}
.dm-actions button{background:#294551;border-color:#395661;color:#bed1d0;border-radius:6px}.dm-actions button.active{background:#43776f;border-color:#5c9286;color:#fff}
.dm-layout{grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:12px;padding:0 14px 14px;align-items:stretch}
.dm-map-column{background:#203946;border-color:#304c57;border-radius:9px}.dm-wrap{height:340px;background:radial-gradient(ellipse at 62% 46%,#31566788,transparent 70%)}
.dm-instruction{color:#a8c1c0}.dm-legend{border-color:#35515a;color:#a4bab8}.dm-tip{background:#243e4beF;border-color:#43616a}.dm-tip strong{color:#f0f7f5}.dm-tip p{color:#c0d5d1}
.dm-ranking{background:#243e48;color:#dcebea;border:1px solid #35515b;border-radius:9px;padding:15px 16px}
.dm-rank-title small{color:#91b2ae}.dm-rank-title h4{color:#e4f1ef;font-size:14px}.dm-rank-title>span{color:#9cb8b4}
.dm-columns{border-color:#3b5860;color:#a5bebb}.dm-columns button{color:#a5bebb}.dm-columns button.active{color:#9ce1cb}
.dm-row{color:#d8e9e6;border-color:#36535b;padding:8px 4px}.dm-row:hover,.dm-row.is-focus{background:#31565b}.dm-row i{color:#89aaa5}.dm-row strong{color:#e3f0ed}.dm-row .positive{color:#9ce1cb}.dm-row .negative{color:#f1aaa0}.dm-rank-note{color:#9cb8b4}
@media(max-width:900px){.dm-layout{grid-template-columns:1fr}.dm-wrap{height:270px}}
/* 地图加宽；浮层只在查看目的地时显示 */
.dm-layout{grid-template-columns:minmax(0,1fr) 270px;align-items:start}
.dm-map-column{align-self:start}.dm-wrap{height:auto;aspect-ratio:1000 / 430;min-height:0}.dm-wrap svg{width:100%;height:100%;display:block}
.dm-tip[hidden]{display:none}.dm-tip{left:12px;top:12px;min-width:0;max-width:180px;padding:8px 11px;border-radius:7px;display:flex;flex-wrap:wrap;gap:5px 10px;align-items:baseline;background:#1d3744f2;box-shadow:0 4px 14px #0003}.dm-tip strong{display:block;flex-basis:100%;font-size:12px;line-height:1.2;margin:0}.dm-tip span{font-size:10px;color:#c9dfda;white-space:nowrap}.dm-legend{font-size:9px}
.dm-ranking{padding:12px}.dm-rank-title h4{font-size:13px}.dm-columns,.dm-row{grid-template-columns:minmax(0,1fr) 69px 63px;gap:2px}.dm-columns{margin-top:9px}.dm-row{padding:6px 3px}.dm-row strong,.dm-row b{font-size:10px}.dm-row i{margin-right:6px}.dm-rank-note{font-size:10px}
@media(max-width:900px){.dm-layout{grid-template-columns:1fr}.dm-wrap{height:auto;aspect-ratio:1000 / 430;min-height:0}}
