/* 经济大观 · 静态页共用样式（3200 页共用一份，勿在页面里内联重复） */
:root{--bg:#070B14;--card:#111B2B;--line:rgba(255,255,255,.09);--tx:#E9EEF7;--tx2:#A3B0C4;
--tx3:#6B7A90;--gold:#D8A94B;--cyan:#4FC3F7;--b1:#3ECF8E;--b2:#4FC3F7;--b3:#D8A94B}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);
font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB",
"Microsoft YaHei",sans-serif;padding:0 18px}
a{color:var(--cyan);text-decoration:none}
a:hover{text-decoration:underline}
.hd{max-width:820px;margin:0 auto;padding:18px 0 10px;display:flex;gap:16px;align-items:baseline;
flex-wrap:wrap;border-bottom:1px solid var(--line)}
.brand{color:var(--gold);font-weight:700;letter-spacing:.04em;font-size:15px}
.crumb{font-size:12.5px;color:var(--tx3)}
.crumb a{color:var(--tx2)}
.crumb b{color:var(--tx3);font-weight:400;margin:0 4px}
main{max-width:820px;margin:0 auto;padding:22px 0 10px}
h1{font-size:clamp(21px,4.4vw,29px);line-height:1.35;margin:6px 0 6px;letter-spacing:.01em}
.sub{color:var(--tx3);font-size:13px;margin:0 0 18px}
h2{font-size:15px;margin:0 0 12px;color:var(--gold);font-weight:600;letter-spacing:.02em}
h2 s{text-decoration:none;font-size:11.5px;color:var(--tx3);font-weight:400;margin-left:6px}
.grp{margin:0 0 10px}
.grp h3{font-size:13px;margin:0 0 7px;font-weight:500}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;
padding:16px 18px;margin:0 0 16px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 18px;padding:0}
.kpis .k{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 13px}
.kpis dt{font-size:11.5px;color:var(--tx3);margin:0 0 3px}
.kpis dd{margin:0;font-size:12.5px;color:var(--tx2)}
.kpis dd b{font-size:19px;color:var(--tx);font-weight:600;font-variant-numeric:tabular-nums}
.kpis dd i{font-style:normal;font-size:11.5px;color:var(--tx3);margin-left:2px}
.kpis s{display:block;text-decoration:none;font-size:11px;color:var(--tx3);margin-top:3px}
table.t{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
table.t th{font-weight:500;color:var(--tx3);font-size:11.5px;text-align:right;padding:6px 8px;
border-bottom:1px solid var(--line);white-space:nowrap}
table.t th.l,table.t td.l{text-align:left}
table.t td{text-align:right;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.045);white-space:nowrap}
table.t tr:last-child td{border-bottom:0}
/* 文字型表格（数据说明页）：默认 td 是 nowrap，为了数字列不折行；
   整段文字必须放开，否则手机上会把表格撑到屏幕外 */
table.t.wrap{table-layout:fixed}
table.t.wrap td,table.t.wrap th{white-space:normal;text-align:left;line-height:1.7;vertical-align:top}
table.t.wrap td.l{color:var(--tx);font-weight:500}
table.t.wrap th:nth-child(1){width:16%}
table.t.wrap th:nth-child(2){width:36%}
table.t.wrap th:nth-child(3){width:21%}
table.t.wrap th:nth-child(4){width:27%}
table.t.slim{width:auto;min-width:0}
.t2{display:flex;gap:30px}
.t2>div{flex:1 1 0;min-width:0}
table.t tbody tr:hover{background:rgba(255,255,255,.03)}
.bar{display:flex;height:9px;border-radius:6px;overflow:hidden;margin:0 0 12px;background:rgba(255,255,255,.06)}
.bar i{display:block;height:100%}
.bar .b1,.blg .b1{background:var(--b1)}.bar .b2,.blg .b2{background:var(--b2)}.bar .b3,.blg .b3{background:var(--b3)}
.blg{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--tx2);margin:-2px 0 14px}
.blg i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:middle}
.note{font-size:12px;color:var(--tx3);line-height:1.75;margin:10px 0 0}
.na{color:var(--tx3);font-size:12px}
.links{display:flex;flex-wrap:wrap;gap:7px}
.links a{font-size:12.5px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;
color:var(--tx2);background:rgba(255,255,255,.02)}
.links a:hover{color:var(--cyan);border-color:var(--cyan);text-decoration:none}
.cta{margin:6px 0 22px;font-size:14px}
.cta a{display:inline-block;padding:9px 16px;border:1px solid var(--cyan);border-radius:10px;
color:var(--cyan)}
.cta a:hover{background:rgba(79,195,247,.1);text-decoration:none}
.ft .icp{margin:6px 0 0}
.ft .upd{margin:6px 0 0;font-size:11px;opacity:.72}
.ft{max-width:820px;margin:0 auto;padding:18px 0 40px;border-top:1px solid var(--line);
color:var(--tx3);font-size:11.5px;line-height:1.8}
@media(max-width:560px){
  body{padding:0 13px}
  .t2{display:block}
  .card{padding:13px 14px;border-radius:12px}
  table.t{font-size:12px}
  table.t th,table.t td{padding:5px 5px}
  .kpis{grid-template-columns:1fr 1fr}
  /* 文字型表格在手机上四列挤成一团，直接拆成「一行一卡」：
     表头隐掉，用 td 的 data-h 当字段名。这个改动只影响 .wrap，不动数字表。 */
  table.t.wrap,table.t.wrap tbody,table.t.wrap tr,table.t.wrap td{display:block;width:auto}
  table.t.wrap thead{display:none}
  table.t.wrap tr{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}
  table.t.wrap tr:last-child{border-bottom:0}
  table.t.wrap td{padding:2px 0;border:0;font-size:12.5px}
  table.t.wrap td::before{content:attr(data-h);display:block;font-size:11px;
    color:var(--tx3);margin:4px 0 1px}
  table.t.wrap td.l{font-size:13px;color:var(--tx)}
  table.t.wrap td.l::before{display:none}
}