
*{box-sizing:border-box}body{margin:0;font:15px/1.7 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
color:#1f2937;background:#f6f7f9}a{color:#0e7490;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
header.site{background:#0b3a48;color:#fff}header.site .in{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 0}
header.site .brand{font-weight:700;font-size:17px;color:#fff}
header.site .brand em{font-style:normal;font-weight:400;opacity:.62;font-size:13px;margin-left:8px}
header.site nav a{color:#cfe7ec;margin-right:14px;font-size:14px}header.site nav a:hover{color:#fff}
.crumb{font-size:13px;color:#6b7280;padding:14px 0 0}
h1{font-size:23px;margin:16px 0 6px}h2{font-size:18px;margin:26px 0 10px}
.sub{color:#6b7280;font-size:13px;margin:0 0 6px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:12px;margin:18px 0}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px}
.card b{display:block;font-size:24px;color:#0e7490;line-height:1.3}
.card span{font-size:12px;color:#6b7280}
.panel{background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin:16px 0;overflow:hidden}
.panel>h3{margin:0;padding:12px 16px;font-size:15px;background:#f9fafb;border-bottom:1px solid #eef0f3}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{text-align:left;padding:9px 12px;border-bottom:1px solid #f0f1f3;vertical-align:top}
th{background:#fbfbfc;color:#4b5563;font-weight:600;font-size:13px;white-space:nowrap}
tr:last-child td{border-bottom:0}
td.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:#b45309;font-weight:600}
/* 投资额/行业/阶段/日期 四列不换行——否则「立项审批」会被拆成两行，表格高度翻倍 */
td:nth-child(n+3),th:nth-child(n+3){white-space:nowrap}
.tag{display:inline-block;font-size:12px;padding:1px 8px;border-radius:20px;background:#eef6f8;color:#0e7490;margin-right:6px}
.tag.warn{background:#fff4e5;color:#b45309}.tag.mute{background:#f1f2f4;color:#6b7280}
.filters{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px;background:#fbfbfc;border-bottom:1px solid #eef0f3}
.filters a{font-size:13px;padding:3px 10px;border-radius:6px;background:#fff;border:1px solid #e5e7eb;color:#374151}
.filters a.on{background:#0e7490;border-color:#0e7490;color:#fff}
.pager{padding:12px 16px;display:flex;gap:6px;flex-wrap:wrap;font-size:13px;align-items:center}
.pager a,.pager span{padding:3px 10px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}
.pager span.cur{background:#0e7490;border-color:#0e7490;color:#fff}
.note{background:#fffaf0;border:1px solid #f5e2b8;border-radius:10px;padding:14px 16px;font-size:13.5px;color:#7c5a10;margin:16px 0}
.note b{color:#8a4b08}
.dl{display:grid;grid-template-columns:132px 1fr;gap:0;font-size:14px}
.dl dt{padding:9px 12px;background:#fbfbfc;color:#4b5563;border-bottom:1px solid #f0f1f3;font-weight:600}
.dl dd{padding:9px 12px;margin:0;border-bottom:1px solid #f0f1f3;word-break:break-word}
.dl dt:last-of-type,.dl dd:last-of-type{border-bottom:0}
.body-txt{padding:14px 16px;font-size:14px;line-height:1.85;white-space:pre-wrap}
footer.site{border-top:1px solid #e5e7eb;margin-top:34px;padding:20px 0 34px;font-size:12.5px;color:#6b7280}
footer.site a{color:#6b7280}
.empty{padding:30px;text-align:center;color:#9ca3af}
form.q{padding:12px 16px;display:flex;gap:8px}
form.q input{flex:1;padding:8px 11px;border:1px solid #d7dbe0;border-radius:8px;font-size:14px}
form.q button{padding:8px 18px;border:0;border-radius:8px;background:#0e7490;color:#fff;font-size:14px;cursor:pointer}

/* 云签图形标 + 主站互链 —— 由 tools/inject_cnproject_brand.py 注入；对方推新快照后需重跑该脚本。 */
header.site .brand .mk{width:22px;height:22px;display:inline-block;vertical-align:-5px;margin-right:8px}
header.site nav{margin-left:auto}
header.site nav a.ext{margin-left:6px;color:#7fd3e6}
header.site nav a.ext:hover{color:#fff}
footer.site .foot-main{margin-top:6px}
header.site .brand{font-weight:500;font-size:15px}
.hero{padding:24px 0 0}
.hero-mk{width:56px;height:56px;display:block;margin-bottom:10px}
.hero-org{margin:0;font-size:13px;color:#6b7280}
.hero-org span{color:#9ca3af}

/* 数据展示修正（与视口无关，桌面同样生效）：
   <dl> 浏览器默认 margin:14px 0，夹在 .panel 里就是上下共 28px 的**空白带** ——
   详情页「项目信息」卡片顶部那道空档就是它，看着像"加载没完成"。 */
.panel>.dl{margin:0}
/* 检索页「显示更多」按钮（59,798 条里原来最多只能看到 200 条） */
.search-more{display:none;margin:0 16px 12px;padding:7px 16px;border:1px solid #d7dbe0;
border-radius:8px;background:#fff;color:#0e7490;font-size:13.5px;cursor:pointer}
.search-more:hover{background:#f2f8fa}

/* ---------- 移动端（≤720px）----------
   三条依据，全部是实测出来的，不是"顺手加了几个断点"：
   ① 列表/首页/检索页的表格实际宽 509–555px，而 .panel 是 overflow:hidden ⇒
      窄屏上右侧的「行业 / 阶段 / 日期」被**直接裁掉，且没有滚动条**，
      看起来只是"这行字少了"——比错位更难发现。⇒ 窄屏改卡片流。
   ② 页头 8 项导航在 390px 下换行成两排，页头吃掉 118px（整屏 844px 的 14%）。
      ⇒ 单排横向滚动，页头降到 ~92px，同时把每项高度补到 ~36px。
   ③ 检索输入框 14px：iOS Safari 聚焦时会**自动放大整个页面**（<16px 必触发）。
      ⇒ 提到 16px。这是移动端最容易忽略、但一定会被用户感知到的一条。

   ⚠️ 字段名靠 ::before 补、而不是写进 HTML：本站 4 种表型的列序**并不一致**
      （列表页第 2 列是建设单位，检索页第 2 列是地区），所以类名要按 <thead> 判定，
      标签要按表型分别给，不能拿 nth-child 一套打天下。
   ☠️ 表尾的 colspan 汇总行必须排除，否则「没有匹配的条目」会被当成项目名称，
      渲染成一条加粗大字的假记录。 */
@media (max-width:720px){
.wrap{padding:0 12px}
h1{font-size:20px}h2{font-size:17px}
.crumb{padding-top:10px}
/* ① 页头：品牌一行，导航一行横向滚动 */
header.site .in{display:block;padding:9px 0 0}
header.site .brand{display:block;font-size:14px}
header.site .brand em{display:none}
header.site .brand .mk{width:20px;height:20px;vertical-align:-4px;margin-right:6px}
header.site nav{display:flex;flex-wrap:nowrap;overflow-x:auto;margin:4px 0 0;padding-bottom:8px;
scrollbar-width:none;-webkit-overflow-scrolling:touch}
header.site nav::-webkit-scrollbar{display:none}
header.site nav a{flex:0 0 auto;margin-right:15px;padding:9px 0;font-size:14px}
header.site nav a.ext{margin-left:0}
/* ② 表格 → 卡片 */
table.t-proj,table.t-proj2{display:block;font-size:13.5px}
table.t-proj thead,table.t-proj2 thead{display:none}
table.t-proj tbody,table.t-proj2 tbody{display:block}
table.t-proj tr,table.t-proj2 tr{display:block;padding:11px 13px;border-bottom:1px solid #eef0f3}
table.t-proj tr:last-child,table.t-proj2 tr:last-child{border-bottom:0}
table.t-proj td,table.t-proj2 td{display:block;border:0;padding:0;line-height:1.65;
white-space:normal;word-break:break-word}
table.t-proj td:nth-child(1),table.t-proj2 td:nth-child(1){font-size:15px;font-weight:600;
color:#111827;line-height:1.45;padding-bottom:5px}
table.t-proj td:nth-child(n+2),table.t-proj2 td:nth-child(n+2){display:grid;
grid-template-columns:58px 1fr;gap:6px;padding:1px 0}
table.t-proj td.n,table.t-proj2 td.n{text-align:left}
table.t-proj td::before,table.t-proj2 td::before{color:#9ca3af;font-size:12.5px;
font-weight:400;line-height:1.7}
table.t-proj td:nth-child(2)::before{content:"建设单位"}
table.t-proj td:nth-child(3)::before{content:"投资额"}
table.t-proj td:nth-child(4)::before{content:"行业"}
table.t-proj td:nth-child(5)::before{content:"阶段"}
table.t-proj td:nth-child(6)::before{content:"日期"}
table.t-proj2 td:nth-child(2)::before{content:"地区"}
table.t-proj2 td:nth-child(3)::before{content:"行业"}
table.t-proj2 td:nth-child(4)::before{content:"阶段"}
table.t-proj2 td:nth-child(5)::before{content:"投资额"}
table.t-proj2 td:nth-child(6)::before{content:"日期"}
/* colspan 汇总行不许按普通行渲染 */
table.t-proj td[colspan],table.t-proj2 td[colspan]{display:block;padding:26px 0;font-size:14px;
font-weight:400;color:#9ca3af;text-align:center}
table.t-proj td[colspan]::before,table.t-proj2 td[colspan]::before{content:none}
/* 两列小表（取值 / 信源）本来就不宽，只收一下内边距 */
table.t-kv th,table.t-kv td{padding:8px 12px}
/* ③ 表单与可点区域 */
form.q input{font-size:16px;padding:11px 12px}
form.q button{padding:11px 16px;font-size:15px}
.search-more{padding:11px 16px;font-size:14px;margin:0 12px 12px}
.filters a{padding:9px 12px}
.pager{padding:12px 13px}
.pager a,.pager span{padding:9px 11px}
/* 详情页 dt/dd 两列改上下堆叠（原 132px + 1fr 在 390px 下把值挤成一条） */
.dl{grid-template-columns:1fr}
.dl dt{padding:10px 13px 0;background:none;border-bottom:0;color:#6b7280;
font-size:12.5px;font-weight:400}
.dl dd{padding:1px 13px 10px;font-size:14px}
.dl dt:last-of-type,.dl dd:last-of-type{border-bottom:0}
.body-txt,.note{padding:13px}
.cards{gap:9px}
.card{padding:11px 12px}
.card b{font-size:20px}
.hero{padding:16px 0 0}
.hero-mk{width:44px;height:44px;margin-bottom:8px}
}
