/*! 悟空投标网 · 全国招标商机（/biz/）PC 版式 v2
 *  令牌 BIZ-UI-V2-20261102
 *  说明：本文件是「外观层」，加载在旧版 tenderhome-css 之后，只覆盖版式与视觉，
 *        不改动任何 JS 契约（#kw/#prov/#area/#zone/#scope/#go/#goSub/#tabs/#list/#lm/#more/#s1~#s4/#bizMain）。
 *        删掉本文件的 <link> 即回滚到旧版外观。
 */

:root{
  --brand:#7e22ce;
  --brand-2:#a855f7;
  --brand-deep:#4c0b6b;
  --ink:#1a1024;
  --ink-2:#2c2436;
  --muted:#6d6477;
  --muted-2:#9c93a6;
  --line:#efe1f8;
  --line-2:#f5ecfb;
  --bg:#faf7fe;
  --card:#ffffff;
  --ok:#15803d;
  --warn:#b45309;
  --r:14px;
  --shadow:0 10px 26px rgba(76,12,110,.07);
  --shadow-2:0 14px 34px rgba(76,12,110,.11);
}

html{ -webkit-text-size-adjust:100%; }
body{
  background:var(--bg);
  color:var(--ink-2);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}
.wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }
a{ color:inherit; }

/* ─────────── 顶部通栏 ─────────── */
.wk-topline{
  background:#2a0736;
  color:#e9d5f5;
  font-size:12.5px;
  letter-spacing:.2px;
}
.wk-topline .tl-in{
  display:flex; align-items:center; justify-content:space-between;
  height:36px;
}
.wk-topline .tl-l{ display:flex; align-items:center; gap:8px; }
.wk-topline .tl-l i{
  width:6px; height:6px; border-radius:50%; background:#e879f9; font-style:normal;
  box-shadow:0 0 0 3px rgba(232,121,249,.18);
}
.wk-topline .tl-r{ display:flex; align-items:center; gap:14px; }
.wk-topline a:hover{ color:#fff; }
.wk-topline .tl-sep{ color:#553a63; }

/* ─────────── 主头部 ─────────── */
header.hd{
  height:68px;
  background:#fff;
  background-image:none;
  border-bottom:1px solid var(--line);
  box-shadow:0 1px 0 rgba(15,23,42,.02);
  position:sticky; top:0; z-index:60;
}
header.hd .hd-in{
  display:flex; align-items:center; gap:26px;
  height:68px; min-width:0;
}
header.hd .logo{
  display:flex; align-items:center; gap:10px;
  font-size:18px; font-weight:800; color:var(--ink);
  text-shadow:none; white-space:nowrap;
}
header.hd .logo .mk{
  width:34px; height:34px; border-radius:10px;
  background:linear-gradient(135deg,#7e22ce,#e11d48);
  color:#fff; font-size:16px; font-weight:800;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 14px rgba(147,51,234,.28);
}
header.hd .logo .lg-s{
  display:block; font-size:11.5px; font-weight:500; color:var(--muted);
  margin-top:1px; letter-spacing:.4px;
}
header.hd .tabs-inline{
  display:flex; align-items:center; gap:4px;
  margin-left:8px; min-width:0; flex:1 1 auto;
  overflow-x:auto; overflow-y:hidden; scrollbar-width:none;
}
header.hd .tabs-inline::-webkit-scrollbar{ display:none; }
header.hd .tab{
  display:inline-flex; align-items:center;
  height:34px; padding:0 13px; border-radius:9px;
  font-size:13.5px; color:var(--ink-2); border:1px solid transparent;
  background:transparent; white-space:nowrap; transition:.16s;
}
header.hd .tab:hover{ background:#faf4ff; color:var(--brand); }
header.hd .tab.on,
header.hd .tab.home{
  background:#f6ebff; color:var(--brand); font-weight:700; border-color:#ecdcfa;
}
header.hd .tab.lnk{ color:var(--muted); }
header.hd .hd-r{ margin-left:auto; display:flex; align-items:center; gap:10px; }
header.hd .btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 20px; border-radius:9px;
  background:var(--brand); border:1px solid var(--brand); color:#fff;
  font-size:13.5px; font-weight:600; box-shadow:0 6px 14px rgba(147,51,234,.22);
}
header.hd .btn:hover{ background:#6b21a8; color:#fff; }
header.hd .btn.pri{ background:#f6ebff; color:var(--brand); border-color:#e6d1f8; box-shadow:none; }
header.hd .btn.pri::before{ background:var(--brand); }

/* ─────────── 首屏（embed 下整体隐藏） ─────────── */
.hero{
  background:
    radial-gradient(1200px 260px at 12% -40%, rgba(255,255,255,.20), transparent 60%),
    linear-gradient(120deg,#3b0764 0%,#86198f 44%,#be123c 100%);
  border-bottom:0;
  padding:44px 0 74px;
  color:#fff;
}
.hero .wrap{ position:relative; }
.hero h1{
  font-size:32px; font-weight:800; letter-spacing:-.6px; color:#fff;
  margin:0 0 10px; line-height:1.25;
}
.hero .sub{
  font-size:14px; line-height:1.7; color:rgba(255,255,255,.84);
  max-width:720px; margin:0;
}
.hero .hk{
  margin-top:18px; display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  font-size:12.5px; color:rgba(255,255,255,.72);
}
/* ★ HERO-HK-1：旧样式表给 .hk 里的 b 加了收缩，「热门检索」四个字被挤成一列竖排
   （实测桌面端渲染成 20px 宽的小方块），这里锁死不换行、不参与收缩 */
.hero .hk b{ font-weight:600; color:#fff; white-space:nowrap; flex:0 0 auto; }
.hero .hk a{
  padding:5px 12px; border-radius:999px;
  background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.24);
  color:#fff; font-size:12.5px; transition:.16s; flex:0 0 auto; white-space:nowrap;
}
.hero .hk a:hover{ background:#fff; color:var(--brand-deep); border-color:#fff; }

/* ─────────── 检索控制台 ─────────── */
.topsearch{
  background:transparent; padding:0; margin:-52px 0 0;
  position:relative; z-index:30;
}
.searchbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 132px 150px 132px 108px 104px 104px;
  gap:10px; align-items:center;
  background:#fff; border:1px solid var(--line);
  border-radius:12px; padding:14px;
  box-shadow:0 16px 36px rgba(76,12,110,.12);
  max-width:none; margin:0;
}
.searchbar input[type=text]{
  flex:none; width:auto; min-width:0;
  height:44px; padding:0 16px; border:1px solid #e7d9f4; border-radius:9px;
  background:#fdf8ff; font-size:14px; color:var(--ink);
}
.searchbar input[type=text]::placeholder{ color:#b6a6c4; }
.searchbar input[type=text]:focus{
  background:#fff; border-color:var(--brand);
  box-shadow:0 0 0 3px rgba(147,51,234,.12);
}
.searchbar select{
  width:auto; height:44px; padding:0 10px;
  border:1px solid #e7d9f4; border-radius:9px;
  background:#fff; color:var(--ink-2); font-size:13px;
}
.searchbar select#scope{ height:44px; margin-left:0; border-radius:9px; }
.searchbar button{
  height:44px; padding:0 12px; border-radius:9px;
  font-size:14px; font-weight:600; flex:none; white-space:nowrap;
}
.searchbar #go{ background:linear-gradient(135deg,#a21caf 0%,#e11d48 100%); box-shadow:0 6px 16px rgba(190,18,60,.26); }
.searchbar #go:hover{ background:linear-gradient(135deg,#86198f 0%,#be123c 100%); }
.searchbar #goSub{
  background:#fff; color:var(--brand); border:1px solid #e3cdf7;
  box-shadow:none;
}
.searchbar #goSub:hover{ background:#fbf5ff; }

/* ─────────── 数据条 ─────────── */
.stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:0;
  margin:18px 0 0; background:#fff;
  border:1px solid var(--line); border-radius:12px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.stat{
  background:transparent; border:0; border-radius:0;
  padding:16px 20px; text-align:left;
  position:relative;
}
.stat + .stat::before{
  content:''; position:absolute; left:0; top:16px; bottom:16px;
  width:1px; background:var(--line-2);
}
.stat .n{
  font-size:24px; font-weight:800; color:var(--brand);
  letter-spacing:-.6px; line-height:1.15;
}
.stat .l{ font-size:12px; color:var(--muted); margin-top:4px; white-space:normal; }
#s1note{ color:var(--muted-2) !important; }

/* ─────────── 主体：左列表 + 右侧栏 ─────────── */
main.page-main{
  display:grid; grid-template-columns:minmax(0,1fr) 316px;
  gap:26px; align-items:start;
  padding:26px 24px 64px;
}
main.page-main > .sec-hd{ grid-column:1 / -1; margin-bottom:2px; }
.col-main{ min-width:0; }
.sec-hd{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin:0 0 14px;
}
.sec-hd h2{
  font-size:19px; font-weight:800; color:var(--ink); letter-spacing:-.2px;
  display:flex; align-items:center; gap:9px;
}
.sec-hd h2::before{
  content:''; width:4px; height:17px; border-radius:3px;
  background:linear-gradient(180deg,var(--brand-2),var(--brand-deep));
}
.sec-hd .more{ font-size:12.5px; color:var(--muted); }
.sec-hd .more b{ color:var(--brand); font-weight:700; }

/* ★ LIST-2COL-20261102：列表改双排（两列网格）。行内卡片顶部对齐、高度各自独立；
   跨栏目提示条 .xtab 横跨整行；窄屏（<1180）与内嵌单栏自动回落单列。*/
.list{ display:flex; flex-direction:column; gap:10px; }
main.page-main .col-main .list{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px; align-items:start;
}
main.page-main .col-main .list > .xtab{ grid-column:1 / -1; }
@media (max-width:1279px){
  main.page-main .col-main .list{ grid-template-columns:1fr; }
}
/* ★ FLOAT-SAFE-20261102：右下角固定按钮组（客服 right:10 / 发布·我的 right:22，合计占右侧约 90px）
   在 821~1439 视口会和右栏卡片右边缘重叠（实测 900~1300 宽重叠 32~40px，卡片右下那块被盖住）。
   这一段整体给正文右侧让出 96px 安全带；≥1440 时 wrap 两侧留白已足够，不用让。*/
@media (min-width:821px) and (max-width:1439px){
  main.page-main{ padding-right:96px; }
  /* 检索台同一条安全带：否则右侧「客服」圆钮会压在「★ 订阅」按钮右半 */
  .topsearch > .wrap{ padding-right:96px; }
  /* 数据条不在 .wrap 里（父容器已带 24 padding），再让 96 会凸出 72；
     这里按实测差值补 72，右边界与检索台/右栏严格对齐 */
  .stats{ margin-right:72px; }
}
html.wkembed main.page-main .col-main .list{ grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:980px){
  html.wkembed main.page-main .col-main .list{ grid-template-columns:1fr; }
}
/* ★ VIP-PH-20261102：右下角「发布任务」提示气泡（.wk-ph 固定 right:76/bottom:150、宽 326）
   正好压在右栏会员服务卡的「¥699 / 首条权益 / 开通按钮」上，实测 elementFromPoint 命中
   wk-ph-cta 与 wk-ph-ft。本页右栏是商业内容，气泡改为不展示；
   右下角「发布 / 我的」胶囊（#mkFloat）保留，发布入口不丢。*/
html body .wk-ph{ display:none !important; }
.item{
  position:relative;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:12px;
  padding:15px 18px 14px 20px;
  transition:border-color .16s, box-shadow .16s, transform .16s;
}
.item::before{
  content:''; position:absolute; left:0; top:14px; bottom:14px; width:3px;
  border-radius:0 3px 3px 0; background:#cbd5e1;
}
.item[data-k="tender"]::before{ background:#7c3aed; }
.item[data-k="zhongbiao"]::before{ background:#16a34a; }
.item[data-k="intention"]::before{ background:#db2777; }
.item[data-k="nijian"]::before{ background:#d97706; }
.item[data-k="shenpi"]::before{ background:#7e22ce; }
.item:hover{
  border-color:#ddc7f4; box-shadow:var(--shadow);
  transform:translateY(-1px);
}
.item .tbadge{
  display:inline-block; margin:0 0 7px; padding:2px 8px;
  border-radius:6px; font-size:11px; font-weight:700; line-height:1.6;
  color:#fff; background:#6d6477;
}
.item .tbadge.t-tender{ background:#7c3aed; color:#fff; }
.item .tbadge.t-zhongbiao{ background:#16a34a; color:#fff; }
.item .tbadge.t-intention{ background:#db2777; color:#fff; }
.item .tbadge.t-nijian{ background:#d97706; color:#fff; }
.item .tbadge.t-shenpi{ background:#7e22ce; color:#fff; }
.item .t{
  font-size:15.5px; font-weight:600; color:var(--ink);
  line-height:1.55; margin:0 0 10px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.item .t:hover{ color:var(--brand); }
.item .t.nl{ color:#857c8c; }
.item .t .nolink{ font-size:11.5px; color:var(--muted-2); margin-left:6px; font-weight:400; }
.item .meta{
  display:flex; flex-wrap:wrap; gap:6px; font-size:12px; color:var(--muted);
  align-items:center;
}
.item .meta > span{
  display:inline-flex; align-items:center; gap:4px;
  padding:2px 8px; border-radius:7px;
  background:#faf5ff; border:1px solid #f3e8ff;
  line-height:1.7; max-width:100%;
}
.item .meta > span b{ font-weight:600; color:var(--ink-2); white-space:normal; word-break:break-all; }
.item .meta .f-amount b{ color:#c2185b; font-weight:700; }
.item .meta .f-region b{ color:var(--ok); }
.item .meta .f-ptype b{ color:#dc2626; }
.item .meta .f-file b{ color:#7c3aed; }
.item .meta .f-file.none b{ color:#9ca3af; font-weight:400; }
.item .meta .f-date b{ color:var(--ink-2); white-space:nowrap; }
.item .meta .areatag{
  font-style:normal; font-size:10.5px; color:#b45309; background:#fff7ed;
  border:1px solid #fed7aa; border-radius:999px; padding:0 6px; margin-left:4px;
}
.loadmore{ display:flex; justify-content:center; margin:22px 0 0; }
.loadmore button{
  height:42px; padding:0 34px; border-radius:999px;
  border:1px solid #e3cdf7; background:#fff; color:var(--brand);
  font-size:14px; font-weight:600; cursor:pointer; transition:.16s;
}
.loadmore button:hover{ background:var(--brand); color:#fff; border-color:var(--brand); }

/* 补全进度条（JS 动态插入 #wkProg） */
/* ★ PROG-HIDDEN-20261102：这条补全进度条会一直挂在列表上方（分母预估不准，数字停在 60/72），
   按需求改为完全不显示，补全请求照旧在后台跑，数据该补的还会补上。 */
#wkProg{ display:none !important; }
/* 进度条底色是 js1 内联写死的 #4a86e8（蓝），只能 !important 覆盖成紫红渐变 */
#wkProg .wk-pg-bar{ background:linear-gradient(90deg,#a855f7 0%,#e11d48 100%) !important; }

/* ─────────── 右侧栏 ─────────── */
.vip-bar{ display:none; }
.col-side{ display:flex; flex-direction:column; gap:14px; }
/* ★ SIDE-STICKY-20261102：列表一页 100 条（页面高 1.3 万 px），右栏原来跟文档一起滚，
   滚过 350px 会员卡就整块离开视口 ⇒ 首屏之后等于不存在。
   桌面端改成整列吸顶跟随（top = 头部 68 + 16），列高超过视口时列内可滚但不出滚动条。*/
@media (min-width:1081px){
  .col-side{
    position:sticky; top:84px; align-self:start;
    max-height:calc(100vh - 96px); overflow:auto;
    scrollbar-width:none; -ms-overflow-style:none;
    padding-bottom:2px;
  }
  .col-side::-webkit-scrollbar{ width:0; height:0; }
}
.side-card{
  background:#fff; border:1px solid var(--line); border-radius:var(--r);
  padding:16px 16px 14px; box-shadow:var(--shadow);
}
.side-card h3{
  font-size:14px; font-weight:800; color:var(--ink);
  margin:0 0 12px; display:flex; align-items:center; justify-content:space-between;
}
.side-card h3 em{
  font-style:normal; font-size:11.5px; font-weight:500; color:var(--muted-2);
}
.side-vip{
  border-color:#e9d5f9;
  background:linear-gradient(180deg,#fbf3ff 0%,#ffffff 58%);
}
.side-vip .vip-k{
  display:inline-flex; align-items:center; gap:6px;
  font-size:11.5px; font-weight:700; color:var(--brand);
  background:#f7ecff; border:1px solid #e8d4fa; border-radius:999px;
  padding:2px 9px; margin-bottom:10px;
}
.side-vip .vip-p{
  display:flex; align-items:baseline; gap:6px; margin-bottom:6px;
}
.side-vip .vip-p b{ font-size:26px; font-weight:800; color:#c2185b; letter-spacing:-.8px; }
.side-vip .vip-p span{ font-size:12px; color:var(--muted); }
.side-vip .vip-d{ font-size:12px; color:var(--muted); line-height:1.7; margin:0 0 12px; }
.side-vip ul{ list-style:none; margin:0 0 14px; padding:0; display:flex; flex-direction:column; gap:7px; }
.side-vip li{
  font-size:12.5px; color:var(--ink-2); display:flex; align-items:flex-start; gap:7px;
}
.side-vip li::before{
  content:'✓'; color:var(--ok); font-weight:800; font-size:12px; line-height:1.6;
}
.side-vip .vip-b{
  display:flex; align-items:center; justify-content:center;
  height:40px; border-radius:9px; color:#fff;
  background:linear-gradient(135deg,#a21caf 0%,#e11d48 100%);
  font-size:13.5px; font-weight:700; box-shadow:0 8px 18px rgba(147,51,234,.24);
}
.side-vip .vip-b:hover{ background:linear-gradient(135deg,#86198f 0%,#be123c 100%); }
.side-vip .vip-l{
  display:block; text-align:center; font-size:12px; color:var(--muted);
  margin-top:9px;
}
.side-vip .vip-l:hover{ color:var(--brand); }

.side-hot .chips{ display:flex; flex-wrap:wrap; gap:8px; }
.side-hot .chips a{
  padding:5px 11px; border-radius:8px; font-size:12.5px;
  background:#fcf7ff; border:1px solid #f6ebfd; color:var(--ink-2);
}
.side-hot .chips a:hover{ background:var(--brand); color:#fff; border-color:var(--brand); }

.side-how ol{ margin:0; padding:0; list-style:none; counter-reset:s; display:flex; flex-direction:column; gap:10px; }
.side-how li{
  counter-increment:s; position:relative; padding-left:26px;
  font-size:12.5px; color:var(--muted); line-height:1.65;
}
.side-how li::before{
  content:counter(s); position:absolute; left:0; top:1px;
  width:18px; height:18px; border-radius:6px;
  background:#f6ebff; color:var(--brand); font-size:11px; font-weight:700;
  display:flex; align-items:center; justify-content:center;
}
.side-note{
  font-size:11.5px; color:var(--muted-2); line-height:1.7;
  padding:0 2px;
}

/* ─────────── 页脚 ─────────── */
footer{
  background:#2a0736; color:#b9a2c9; border-top:0;
  margin-top:8px; padding:36px 0 0;
}
footer .ftgrid{
  display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:28px;
  padding-bottom:24px;
}
footer .ft-bname{ font-size:16px; font-weight:800; color:#fff; margin-bottom:8px; }
footer .ft-bsub{ font-size:12.5px; color:#d5c0e6; line-height:1.7; }
footer .ft-bnote{ font-size:11.5px; color:#bfa9d1; line-height:1.8; margin-top:8px; }
footer .ft-row{ display:flex; gap:10px; font-size:12.5px; line-height:1.9; }
footer .ft-row .ft-k{ color:#c2aed3; min-width:56px; }   /* 旧样式表用 footer .ft-row .ft-k 指定 #9ca3af，这里必须同特异性压过 */
footer a{ color:#e9d5f5; }
footer a:hover{ color:#fff; }
footer .ft-klnk{ color:#efdcfa; }
footer .ftlinks-row{ border-top:1px solid rgba(255,255,255,.09); padding-top:16px; }
footer .ftlinks{ display:flex; flex-wrap:wrap; gap:18px; font-size:12.5px; }
/* 旧样式表 footer .ftlinks a 是 #6b7280（深灰），在深紫底上几乎看不见，这里同特异性覆盖 */
footer .ftlinks a{ color:#d5c0e6; border-right-color:rgba(255,255,255,.14); }
footer .ftlinks a:hover{ color:#fff; }
footer .beian{
  display:flex; flex-wrap:wrap; gap:10px; align-items:center;
  font-size:11.5px; color:#bda8cf; padding:14px 0 22px;
}
footer .beian .sep{ color:#4a3358; }
footer .beian a{ color:#d5c0e6; }

/* ─────────── iframe 内嵌态（工作台 /biz） ─────────── */
html.wkembed body{ background:var(--bg); }
html.wkembed .wk-topline{ display:none !important; }
html.wkembed header.hd{ display:none !important; }
html.wkembed .hero{ display:none !important; }
html.wkembed .stats{ display:none !important; }
html.wkembed .topsearch{
  margin:0; padding:14px 0 12px; background:var(--bg);
  position:sticky !important; top:0 !important; z-index:40;
  border-bottom:1px solid var(--line);
}
html.wkembed .searchbar{ box-shadow:0 6px 18px rgba(76,12,110,.07); }
html.wkembed main.page-main{ grid-template-columns:minmax(0,1fr); padding-top:18px; }
html.wkembed footer{ display:none !important; }

/* ★ VIP-EMBED-20261102：原来内嵌态一刀切 .col-side{display:none}，导致工作台里永远看不到
   「会员服务 ¥699」。改成：宽够（≥1080）就把右栏放回来；不够则用 sec-hd 下面那条 VIP-BAR 兜底。*/
html.wkembed .col-side{ display:none; }   /* 默认隐藏，≥1080 才放回右栏（见下方媒体查询）*/
html.wkembed .vip-bar{
  grid-column:1 / -1; order:-1;
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin:0 0 6px; padding:11px 16px; border-radius:12px;
  background:linear-gradient(120deg,#3b0764 0%,#86198f 58%,#be123c 100%);
  color:#fff; text-decoration:none; box-shadow:0 8px 20px rgba(76,12,110,.18);
}
html.wkembed .vip-bar .vb-k{ font-weight:800; letter-spacing:.2px; }
html.wkembed .vip-bar .vb-p b{ font-size:17px; font-weight:800; color:#ffd9e6; }
html.wkembed .vip-bar .vb-d{ font-size:12.5px; color:rgba(255,255,255,.88); }
html.wkembed .vip-bar .vb-b{
  margin-left:auto; padding:6px 14px; border-radius:999px; background:#fff;
  color:#86198f; font-size:12.5px; font-weight:800; white-space:nowrap;
}
@media (min-width:1080px){
  html.wkembed .vip-bar{ display:none; }
  html.wkembed .col-side{
    display:flex; position:sticky; top:88px; align-self:start;
    max-height:calc(100vh - 100px); overflow:auto;
    scrollbar-width:none; -ms-overflow-style:none;
  }
  html.wkembed .col-side::-webkit-scrollbar{ width:0; height:0; }
  html.wkembed main.page-main{ grid-template-columns:minmax(0,1fr) 300px; gap:22px; }
  /* 右栏回来后列表让出宽度，回到单列（内嵌区 1190 时两列每列只有 380，卡片会挤）*/
  html.wkembed main.page-main .col-main .list{ grid-template-columns:1fr; }
}

/* ─────────── 窄屏 ─────────── */
@media (max-width:1080px){
  .searchbar{ grid-template-columns:minmax(0,1fr) 120px 132px 116px; grid-auto-rows:44px; }
  .searchbar input[type=text]{ grid-column:1 / -1; }
  main.page-main{ grid-template-columns:minmax(0,1fr) 280px; gap:20px; }
  .hero h1{ font-size:27px; }
}
@media (max-width:820px){
  .wrap{ padding:0 16px; }
  .wk-topline{ display:none; }   /* 窄屏这条会换行压到头部，直接收掉（信息在页脚仍有） */
  /* ★ MOB-HD-20261102：原来 header 固定 68 高、.hd-in 又只写 padding:9px 0 0，
     窄屏头部内容（logo 行 + 栏目标签行）撑到 80+ 高 ⇒ 溢出的标签行落在 Hero 的蓝色底上，
     标签文字变灰糊在蓝底里、第一条胶囊还贴屏幕左边缘被裁。改成头部高度自适应 + 左右留 16，
     白色底自然盖住两行。*/
  header.hd{ height:auto; }
  header.hd .hd-in{ height:auto; padding:9px 16px 0; gap:10px; flex-wrap:wrap; }
  header.hd .tabs-inline{ order:3; flex:0 0 100%; width:100%; margin:0 0 8px; }
  header.hd .hd-r{ margin-left:auto; }
  header.hd .logo .lg-s{ display:none; }
  header.hd .tab{ padding:0 10px; font-size:13px; }
  .hero{ padding:28px 0 58px; }
  .hero h1{ font-size:22px; }
  .hero .sub{ font-size:13px; }
  .hero .hk{ display:none; }
  .topsearch{ margin:-44px 0 0; }
  .searchbar{ grid-template-columns:1fr 1fr; gap:8px; padding:12px; }
  .searchbar input[type=text]{ grid-column:1 / -1; }
  .searchbar select,
  .searchbar select#area,
  .searchbar select#zone,
  .searchbar select#scope{ width:100%; }
  .searchbar button{ width:100%; }
  /* ★ MOB-SEARCH-1：窄屏把「查询」拉满整行（原来只占左半格，右侧留一块空白很难看）*/
  .searchbar #go{ grid-column:1 / -1; height:46px; }
  .searchbar #goSub{ display:none; }
  /* ★ MOB-SECHD-1：标题行右侧「N 条在列 · 点标题看详情原文」窄屏会顶出屏幕，改成折行 */
  .sec-hd{ flex-wrap:wrap; gap:6px 12px; }
  .sec-hd .more{ font-size:12px; width:100%; }
  main.page-main{ grid-template-columns:1fr; padding:18px 0 48px; }
  .col-side{ display:none; }
  .stats{ grid-template-columns:repeat(2,1fr); }
  .stat:nth-child(3)::before{ display:none; }
  .item{ padding:14px 14px 12px 16px; }
  .item .t{ font-size:14.5px; }
  footer .ftgrid{ grid-template-columns:1fr; gap:18px; }
}