/* 专题栏目样式（三山五岳 / 佛教名山 / 道教名山 / 一览表格 / 客流趋势 / 动态新闻整行）
 * 地图图例不再在本文件覆盖：统一沿用 main.css 的 .map-legend（左上角竖排小列，
 * pointer-events 放行鼠标），与“全国名山分布”地图完全一致，保证拖拽/缩放可操控 */
.tp-panel{display:grid;grid-template-columns:1.05fr 1fr;gap:14px;margin-top:14px;}
.tp-chart{background:rgba(15,25,58,.55);border:1px solid rgba(99,179,255,.18);border-radius:12px;padding:10px;position:relative;}
.tp-map{width:100%;height:380px;}
.tp-map-md{width:100%;height:460px;}
.tp-table-wrap{background:rgba(15,25,58,.55);border:1px solid rgba(99,179,255,.18);border-radius:12px;padding:12px;min-width:0;}
.tp-table-wrap h4{margin:0 0 10px;font-size:13px;color:#9db4e8;font-weight:600;letter-spacing:1px;}
.tp-table-scroll{max-height:498px;overflow:auto;}
.tp-table-scroll::-webkit-scrollbar{width:6px;height:6px;}
.tp-table-scroll::-webkit-scrollbar-thumb{background:rgba(99,179,255,.25);border-radius:3px;}
table.tt2{width:100%;border-collapse:collapse;font-size:12px;}
table.tt2 th{position:sticky;top:0;background:#101a3d;color:#7f95c4;font-weight:500;padding:8px 8px;text-align:left;white-space:nowrap;border-bottom:1px solid rgba(99,179,255,.2);z-index:1;}
table.tt2 td{padding:8px;border-bottom:1px solid rgba(99,179,255,.07);color:#c6d4f0;white-space:nowrap;}
table.tt2 tbody tr:hover td{background:rgba(99,179,255,.08);}
table.tt2 td.t-num{color:#ffd66e;font-weight:600;}
table.tt2 td.t-vis{color:#41e0c0;}
table.tt2 td.t-dg{white-space:normal;color:#8fa1c7;line-height:1.65;}
table.tt2 td .n-rg{display:block;font-size:11px;color:#6ea8ff;margin-top:3px;}
table.tt2 td .n-dg{display:block;font-size:11.5px;color:#5f719c;margin-top:3px;line-height:1.6;}
table.tt2 td .n-au{display:block;font-size:11px;color:#4a5878;margin-top:2px;}
.g-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;color:#0b1026;font-weight:600;}
.link-btn{display:inline-block;padding:3px 10px;border:1px solid rgba(99,179,255,.35);border-radius:10px;color:#7ecbff;font-size:11px;white-space:nowrap;transition:all .15s;}
.link-btn:hover{background:rgba(99,179,255,.15);border-color:rgba(99,179,255,.6);color:#a5d8ff;}
/* 一览表（专题下方，含票价/去年总客流/简介；行可点击联动客流趋势） */
.it-panel{margin-top:14px;}
.it-panel .tp-table-scroll tbody tr{cursor:pointer;}
/* 联动选中行高亮 */
table.tt2 tbody tr.tr-sel td{background:rgba(65,224,192,.12);}
table.tt2 tbody tr.tr-sel td:first-child b{color:#7ef7d3 !important;}
/* 客流趋势（月度曲线，选山切换 / 一览表联动） */
.trend-panel{margin-top:14px;background:rgba(15,25,58,.55);border:1px solid rgba(99,179,255,.18);border-radius:12px;padding:12px;}
.trend-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;flex-wrap:wrap;gap:8px;}
.trend-head h4{margin:0;font-size:13px;color:#9db4e8;font-weight:600;letter-spacing:1px;}
.trend-head label{font-size:12px;color:#8fa1c7;display:inline-flex;align-items:center;gap:8px;}
.trend-select{background:rgba(99,179,255,.08);border:1px solid rgba(99,179,255,.3);color:#c6d4f0;border-radius:8px;padding:5px 10px;font-size:12px;outline:none;cursor:pointer;min-width:160px;}
.trend-select:focus{border-color:rgba(99,179,255,.6);}
.trend-select option{background:#101a3d;color:#c6d4f0;}
.trend-chart{width:100%;height:250px;}
/* 动态新闻：整行 */
.news-panel{grid-template-columns:1fr;margin-top:14px;}
.news-panel .tp-table-wrap{padding:6px 12px 12px;}
@media (max-width:980px){.tp-panel{grid-template-columns:1fr;}.tp-map{height:300px;}.tp-map-md{height:360px;}.trend-chart{height:210px;}}