/* ============================================================
   国家地理标志产品索引  /dilibiaozhi/  —— 页面样式（#giidx 作用域版）
   上传路径：/zb_users/theme/tpure/style/new.css
   ⚠️ 全部选择器限定在 #giidx 内，不污染 tpurе 主题的全站样式。
      独立原型与线上栏目页共用本文件；勿再加入无作用域的全局规则。
   ============================================================ */
/* ============================================================
   国家地理标志产品索引  /dilibiaozhi/  —— 页面样式
   上传路径：/zb_users/theme/tpure/style/new.css
   维护：与 gen_gi_v3_prototype.py 同步（CSS 为该脚本抽出）
   注意：本文件不含任何动态占位符，纯静态样式。
   ============================================================ */
#giidx{
 /* 8 列宽度：表头条与数据行共用，保证 100% 对齐 */
 /* 两列自适应用 fr 而非 %：% 以容器宽为基准，fr 只吃剩余空间，永远铺满无空隙 */
 --c-idx:52px; --c-name:minmax(0,23fr); --c-cat:88px; --c-reg:minmax(0,20fr);
 --c-date:118px; --c-no:112px; --c-org:176px; --c-go:56px;
margin:0;background:#F7FAF8;color:#1F2A22;
 font:400 14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
 -webkit-font-smoothing:antialiased
}
#giidx *,#giidx *::before,#giidx *::after{box-sizing:border-box}
#giidx .wrap{max-width:1180px;margin:0 auto;padding:0 20px}
#giidx a{color:inherit}
#giidx .gi{padding:0 0 64px}
/* ============ HERO ============ */
/* 背景用真实 <img>（非 CSS background-image）—— 搜索引擎只收录 <img>，不抓 CSS 背景图 */
#giidx .hero{position:relative;background:#fff;border-bottom:1px solid #E2E8E3;padding:36px 0 30px;overflow:hidden}
/* 背景图：图片本身已是宽幅(4.73:1)且左侧山峦/右侧留白，cover 居中即可 */
#giidx .hero-bg{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;
 object-fit:cover;object-position:8% bottom;z-index:0;pointer-events:none}
#giidx .hero-fade{position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(100deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.93) 42%,rgba(255,255,255,.55) 68%,rgba(255,255,255,.28) 100%)}
#giidx .hero-in{position:relative;z-index:2;display:flex;gap:32px;align-items:flex-end;flex-wrap:wrap}
#giidx .hero-txt{flex:1 1 380px;min-width:0}
#giidx .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#5C7A66;
 letter-spacing:.06em;margin-bottom:12px}
#giidx .eyebrow::before{content:"";width:18px;height:2px;background:#3D9A67;border-radius:1px}
#giidx .hero h1{margin:0 0 10px;font-size:28px;font-weight:500;letter-spacing:.5px;line-height:1.3;color:#16241B}
#giidx .hero h1 em{font-style:normal;color:#2E7D52}
#giidx .hero p{margin:0;font-size:14px;color:#5F6F63;max-width:56ch}
#giidx .metrics{display:grid;grid-template-columns:repeat(4,minmax(96px,1fr));gap:10px;flex:0 0 auto}
#giidx .metric{background:#F3F8F4;border:1px solid #DCE9DF;border-radius:10px;padding:12px 14px;min-width:104px}
#giidx .metric b{display:block;font-size:24px;font-weight:500;color:#2E7D52;line-height:1.2;letter-spacing:-.3px}
#giidx .metric span{display:block;font-size:12px;color:#7A7466;margin-top:3px}
/* ============ 搜索 ============ */
#giidx .searchbar{background:#fff;padding:22px 0 4px}
#giidx .searchbox{display:flex;gap:10px;align-items:stretch}
#giidx .sfield{position:relative;flex:1;min-width:0;display:flex}
#giidx .sfield input{flex:1;width:100%;height:46px;padding:0 16px 0 42px;font-size:15px;color:#1F2A22;
 background:#F7FAF8;border:1px solid #D5DED7;border-radius:10px;outline:none;font-family:inherit}
#giidx .sfield input:focus{border-color:#3D9A67;background:#fff;box-shadow:0 0 0 3px rgba(46,125,82,.14)}
#giidx .sfield input::placeholder{color:#9DAAA0}
#giidx .mglass{position:absolute;left:16px;top:50%;margin-top:-8px;width:15px;height:15px;
 border:1.6px solid #93A096;border-radius:50%;pointer-events:none}
#giidx .mglass::after{content:"";position:absolute;left:12px;top:12px;width:6px;height:1.6px;background:#93A096;transform:rotate(45deg);transform-origin:left center}
#giidx .sbtn{height:46px;padding:0 22px;font-size:14px;font-family:inherit;color:#fff;background:#2E7D52;
 border:none;border-radius:10px;cursor:pointer;white-space:nowrap;flex:0 0 auto}
#giidx .sbtn:hover{background:#256A45}
#giidx .hintkeys{margin-top:10px;font-size:12px;color:#7C8B80}
#giidx .hintkeys b{color:#5A6E5F;font-weight:500;cursor:pointer;border-bottom:1px dashed #B4CDBB;padding-bottom:1px}
#giidx .hintkeys b:hover{color:#2E7D52;border-color:#2E7D52}
/* ============ 通用 section ============ */
#giidx section{padding-top:34px}
#giidx .sec-h{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;flex-wrap:wrap}
#giidx .sec-h h2{margin:0;font-size:17px;font-weight:500;letter-spacing:.3px;display:flex;align-items:center;gap:9px}
#giidx .sec-h h2::before{content:"";width:3px;height:15px;background:#3D9A67;border-radius:2px}
#giidx .sec-h .note{font-size:13px;color:#7C8B80}
#giidx .sec-h .act{margin-left:auto;font-size:13px;color:#2E7D52;cursor:pointer;background:none;border:none;font-family:inherit}
#giidx .sec-h .act:hover{text-decoration:underline}
/* ============ 类别卡墙 ============ */
#giidx .cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px}
#giidx .cat{position:relative;background:#fff;border:1px solid #E2E8E3;border-radius:12px;padding:15px 16px 14px;
 cursor:pointer;text-align:left;font-family:inherit;transition:border-color .16s,background .16s;overflow:hidden}
#giidx .cat::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--cc);opacity:.85}
#giidx .cat:hover{border-color:var(--cc);background:#F7FBF8}
#giidx .cat.on{border-color:var(--cc);background:#F6FAF7;box-shadow:inset 0 0 0 1px var(--cc)}
#giidx .cat-top{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}
#giidx .cat-name{font-size:15px;font-weight:500;color:#1F2A22}
#giidx .cat-n{margin-left:auto;font-size:13px;color:var(--cc);font-weight:500}
#giidx .cat-bar{height:3px;border-radius:2px;background:#E7EDE8;overflow:hidden;margin-bottom:9px}
#giidx .cat-bar i{display:block;height:100%;background:var(--cc);border-radius:2px}
#giidx .cat-eg{font-size:12px;color:#7C8B80;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* ============ 年份条 ============ */
#giidx .years{display:flex;gap:7px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
#giidx .years::-webkit-scrollbar{height:6px}
#giidx .years::-webkit-scrollbar-thumb{background:#CBD8CE;border-radius:3px}
#giidx .yr{flex:0 0 auto;background:#fff;border:1px solid #E2E8E3;border-radius:8px;padding:7px 12px;
 cursor:pointer;font-family:inherit;font-size:13px;color:#3E5145;white-space:nowrap;line-height:1.3}
#giidx .yr em{display:block;font-style:normal;font-size:12px;color:#93A096;margin-top:1px}
#giidx .yr:hover{border-color:#3D9A67;color:#2E7D52}
#giidx .yr.on{background:#2E7D52;border-color:#2E7D52;color:#fff}
#giidx .yr.on em{color:rgba(255,255,255,.82)}
/* 类别色点（表格类别列 + 类别卡复用） */
#giidx .dot{width:7px;height:7px;border-radius:2px;flex:0 0 auto}
/* ============ 结果区 ============ */
/* --hdr = tpure 固定头部高度（线上 .header.fixed=60px, .main.fixed padding-top:60px）
   --rh  = 结果条自身高度，由 JS 实测后写入，绝不硬编码（否则条件标签换行时会吃掉首行） */
#giidx .resbar{position:sticky;top:var(--hdr,0px);z-index:30;background:rgba(247,250,248,.97);
 backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid #E2E8E3;padding:11px 0;margin-top:34px}
#giidx .resbar-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#giidx .resnum{font-size:13px;color:#5F6F63}
#giidx .resnum b{font-size:17px;font-weight:500;color:#2E7D52;margin:0 2px}
#giidx .selrow{display:flex;gap:6px;flex-wrap:wrap;align-items:center;width:100%}
#giidx .selrow:empty{display:none}
#giidx .tagx{display:inline-flex;align-items:center;gap:5px;background:#EBF3ED;border:1px solid #D8E6DC;
 color:#5A6E5F;border-radius:6px;padding:3px 6px 3px 9px;font-size:12px;font-family:inherit}
#giidx .tagx b{font-weight:500;color:#2C3A30}
#giidx .tagx i{cursor:pointer;font-style:normal;color:#9DAA9F;font-size:14px;line-height:1;padding:0 2px}
#giidx .tagx i:hover{color:#B4453A}
#giidx .tagx.clr{background:transparent;border-style:dashed;cursor:pointer;padding:3px 9px}
#giidx .tagx.clr:hover{border-color:#B4453A;color:#B4453A}
#giidx .tools{margin-left:auto;display:flex;gap:9px;align-items:center;flex-wrap:wrap}
#giidx .seg{display:inline-flex;border:1px solid #D5DED7;border-radius:8px;overflow:hidden;background:#fff}
#giidx .seg button{border:none;background:#fff;color:#4A5B4E;padding:7px 12px;font-size:13px;cursor:pointer;font-family:inherit}
#giidx .seg button+button{border-left:1px solid #E2E8E3}
#giidx .seg button.on{background:#2E7D52;color:#fff}
#giidx .tsel{height:32px;padding:0 8px;font-size:13px;font-family:inherit;color:#3E5145;
 background:#fff;border:1px solid #D5DED7;border-radius:8px;outline:none;cursor:pointer}
#giidx .tsel:hover{border-color:#3D9A67}
/* ============ 吸顶表头条（与结果条同一吸顶族，绝不错位） ============ */
#giidx .headbar{position:sticky;top:calc(var(--hdr,0px) + var(--rh,0px));z-index:25;
 background:rgba(247,250,248,.97);backdrop-filter:saturate(1.2) blur(6px);
 border:1px solid #E2E8E3;border-bottom:1px solid #D5DED7;border-radius:12px 12px 0 0;margin-top:14px}
#giidx .hbar{display:grid;grid-template-columns:var(--c-idx) var(--c-name) var(--c-cat) var(--c-reg) var(--c-date) var(--c-no) var(--c-org) var(--c-go);
 align-items:stretch;background:#EFF5F0;border-radius:12px 12px 0 0;overflow:hidden}
#giidx .hbar>span{padding:11px 12px;color:#4A5B4E;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;
 display:flex;align-items:center;min-width:0}
/* ============ 表格 ============ */
#giidx .tblwrap{background:#fff;border:1px solid #E2E8E3;border-top:none;border-radius:0 0 12px 12px;overflow:hidden}
#giidx .tbodygrid{display:block;width:100%}
#giidx .trow{display:grid;width:100%;grid-template-columns:var(--c-idx) var(--c-name) var(--c-cat) var(--c-reg) var(--c-date) var(--c-no) var(--c-org) var(--c-go);
 align-items:center;font-size:14px;border-bottom:1px solid #EDF2EE;min-height:41px}
#giidx .trow:last-child{border-bottom:none}
#giidx .trow:hover{background:#F6FAF7}
#giidx .trow>span{padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:flex;align-items:center}
/* ---- 数据行字号：正文 14px，弱列 13px，机关 12px ---- */
#giidx .trow>span{font-size:14px}
#giidx .trow .c-idx{font-size:12px;color:#9DAA9F;justify-content:center}
#giidx .trow .c-reg{font-size:13px;color:#4A5B4E}
#giidx .trow .c-date,#giidx .trow .c-no{font-size:13px;color:#4A5B4E}
#giidx .trow .c-org{font-size:12px;color:#7C8B80}
#giidx .trow .c-go{justify-content:flex-end}
#giidx .c-idx{text-align:center}
#giidx .c-name{}
#giidx .c-cat{}
#giidx .c-reg{}
#giidx .c-date{}
#giidx .c-no{}
#giidx .c-org{}
#giidx .c-go{}
#giidx .nm{color:#1F2A22;text-decoration:none;font-weight:500;overflow:hidden;text-overflow:ellipsis;
 white-space:nowrap;min-width:0;display:block;line-height:1.4}
#giidx .nm:hover{color:#2E7D52;text-decoration:underline}
#giidx .catt{font-size:13px;color:#4A5B4E;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}
#giidx .reg{color:#4A5B4E;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#giidx .go{color:#9DAA9F;text-decoration:none;font-size:13px}
#giidx .go:hover{color:#2E7D52}
#giidx .empty{padding:56px 20px;text-align:center;color:#7C8B80;font-size:14px}
#giidx .empty b{display:block;font-size:15px;color:#3E5145;margin-bottom:6px;font-weight:500}
/* ============ 分页 ============ */
#giidx .pager{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:20px}
#giidx .pager button{min-width:34px;height:34px;padding:0 9px;border:1px solid #D5DED7;background:#fff;color:#4A5B4E;
 border-radius:8px;font-size:13px;cursor:pointer;font-family:inherit}
#giidx .pager button:hover:not(:disabled):not(.cur){border-color:#3D9A67;color:#2E7D52}
#giidx .pager button.cur{background:#2E7D52;border-color:#2E7D52;color:#fff;font-weight:500}
#giidx .pager button:disabled{opacity:.35;cursor:default}
#giidx .pager .gap{color:#A3AEA4;padding:0 2px}
/* ============ 页脚说明 ============ */
#giidx .foot{margin-top:44px;padding-top:20px;border-top:1px solid #E2E8E3;font-size:13px;color:#7C8B80;line-height:1.9}
#giidx .foot b{color:#4A5B4E;font-weight:500}
@media(max-width:900px){
#giidx .hero-in{gap:20px}
#giidx .metrics{grid-template-columns:repeat(4,1fr);width:100%}
#giidx .hero h1{font-size:24px}
/* 窄屏：隐藏机关/文号，并重算 grid */
#giidx{--c-name:auto}
#giidx .hbar .c-org,#giidx .hbar .c-no,#giidx .trow .c-org,#giidx .trow .c-no{display:none}
#giidx .hbar,#giidx .trow{grid-template-columns:var(--c-idx) minmax(0,1fr) var(--c-cat) var(--c-reg) var(--c-date) var(--c-go)}
}
@media(max-width:620px){
#giidx .wrap{padding:0 14px}
#giidx .metrics{grid-template-columns:repeat(2,1fr)}
#giidx .searchbox{flex-direction:column}
#giidx .sbtn{width:100%}
#giidx{--c-idx:0px;--c-date:0px}
/* 注意：序号/日期/文号/机关已 display:none，不生成 box。
    可见列只剩 名称/类别/地区/专篇 4 个 => 模板必须正好 4 轨，否则整体错位。 */
#giidx .hbar,#giidx .trow{grid-template-columns:minmax(0,1.7fr) 78px minmax(0,1.3fr) 40px}
#giidx .hbar .c-date,#giidx .hbar .c-idx,#giidx .trow .c-date,#giidx .trow .c-idx{display:none}
#giidx .hero{padding:26px 0 22px}
/* 窄屏：图只作底部淡淡装饰，避免压字 */
#giidx .hero-bg{height:100%;object-position:30% bottom;opacity:.7}
#giidx .hero-fade{background:linear-gradient(180deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.92) 55%,rgba(255,255,255,.6) 100%)}
}
@media print{
#giidx .searchbar,#giidx .resbar,#giidx .headbar,#giidx .pager,#giidx .sec-h .act{display:none}
#giidx .hero{border:none}
#giidx .hero-bg,#giidx .hero-fade{display:none}
}


/* ===== 中国非遗图鉴索引页（di-index 容器 · 红系视觉） ===== */
/* ===== 中国非遗图鉴索引 · 红系视觉（参照 dilibiaozhi #giidx 质感，主色非遗红） ===== */
  .di-index * { box-sizing: border-box; }
  .di-index { font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; color:#1F2A22; max-width:1180px; margin:0 auto; padding:0 20px 64px; -webkit-font-smoothing:antialiased; }
  .di-index .wrap { max-width:1180px; margin:0 auto; }

  /* ===== HERO（红渐变横幅 + 指标卡，替代原 h1+stats） ===== */
  .di-index .hero { position:relative; margin:0 -20px; overflow:hidden;
    background:linear-gradient(118deg,#7d1620 0%,#a51f29 52%,#c6493a 100%); padding:34px 20px 30px; }
  .di-index .hero::after { content:""; position:absolute; right:-50px; top:-60px; width:260px; height:260px; border-radius:50%; background:rgba(255,255,255,.07); pointer-events:none; }
  .di-index .hero-in { position:relative; z-index:2; display:flex; gap:32px; align-items:flex-end; flex-wrap:wrap; }
  .di-index .hero-txt { flex:1 1 380px; min-width:0; color:#fff; }
  .di-index .eyebrow { display:inline-flex; align-items:center; gap:7px; font-size:12px; color:rgba(255,255,255,.82); letter-spacing:.06em; margin-bottom:12px; }
  .di-index .eyebrow::before { content:""; width:18px; height:2px; background:#ffd9b8; border-radius:1px; }
  .di-index .hero h1 { margin:0 0 10px; font-size:28px; font-weight:500; letter-spacing:.5px; line-height:1.3; color:#fff; }
  .di-index .hero p { margin:0; font-size:14px; color:rgba(255,255,255,.88); max-width:56ch; line-height:1.7; }
  .di-index .metrics { display:grid; grid-template-columns:repeat(4,minmax(96px,1fr)); gap:10px; flex:0 0 auto; }
  .di-index .metric { background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.22); border-radius:10px; padding:12px 14px; min-width:104px; }
  .di-index .metric b { display:block; font-size:24px; font-weight:500; color:#fff; line-height:1.2; letter-spacing:-.3px; }
  .di-index .metric span { display:block; font-size:12px; color:rgba(255,255,255,.78); margin-top:3px; }

  /* ===== TOPBAR（品牌 + 面包屑） ===== */

  /* ===== 副标题 / 说明 / 样本标记 ===== */
  .di-index .sub { color:#666; font-size:13px; margin:14px 0 12px; line-height:1.8; }
  .di-index .sub b { color:#b4232c; }
  .di-index .sample-flag { display:inline-block; background:#fff1f0; border:1px solid #ffa39e; color:#cf1322; font-size:12px; padding:2px 9px; border-radius:999px; margin-left:8px; vertical-align:middle; }
  .di-index .intro { background:#fff7f6; border:1px solid #f3d4d0; border-radius:10px; padding:13px 18px; font-size:13px; line-height:1.9; color:#7a2228; margin:0 0 16px; }
  .di-index .intro b { color:#b4232c; }

  /* ===== 目录导读 ===== */
  .di-index .toc { border:1px solid #f0dada; border-radius:12px; background:#fdf6f5; padding:10px 18px 12px; margin:0 0 16px; }
  .di-index .toc-title { font-size:15px; margin:0 0 6px; color:#8a1a22; font-weight:700; display:flex; align-items:center; gap:7px; }
  .di-index .toc-title::before { content:""; width:3px; height:14px; background:#b4232c; border-radius:2px; display:inline-block; }
  .di-index .toc-title span { font-size:12px; font-weight:400; color:#b08a86; }
  .di-index .toc-row { display:flex; gap:10px; align-items:flex-start; padding:6px 0; border-top:1px dashed #f0dada; }
  .di-index .toc-row:first-of-type { border-top:none; }
  .di-index .toc-k { flex:0 0 76px; font-size:12.5px; color:#a0716c; padding-top:4px; }
  .di-index .toc-v { display:flex; gap:6px; flex-wrap:wrap; flex:1; }
  .di-index .chip { border:1px solid #e7c9c5; background:#fff; color:#8a1a22; padding:4px 11px; border-radius:999px; font-size:12.5px; cursor:pointer; transition:.15s; }
  .di-index .chip:hover { border-color:#b4232c; background:#fff1f0; }
  .di-index .chip.on { background:#b4232c; border-color:#b4232c; color:#fff; font-weight:600; }
  .di-index .chip em { font-style:normal; opacity:.6; font-size:11px; margin-left:3px; }
  .di-index .chip.on em { opacity:.92; }

  /* ===== 工具栏：搜索 + 筛选 + 视图 + 清除 ===== */
  .di-index .toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; margin-bottom:10px; }
  .di-index .searchbox { display:flex; gap:10px; align-items:stretch; flex:1; min-width:240px; }
  .di-index .sfield { position:relative; flex:1; min-width:0; display:flex; }
  .di-index .sfield .search { flex:1; width:100%; height:46px; padding:0 16px 0 42px; font-size:15px; color:#1F2A22;
    background:#fff; border:1px solid #e7c9c5; border-radius:10px; outline:none; font-family:inherit; }
  .di-index .sfield .search:focus { border-color:#b4232c; box-shadow:0 0 0 3px rgba(180,35,44,.14); }
  .di-index .sfield .search::placeholder { color:#b9a09d; }
  .di-index .mglass { position:absolute; left:16px; top:50%; margin-top:-8px; width:15px; height:15px;
    border:1.6px solid #c08a85; border-radius:50%; pointer-events:none; }
  .di-index .mglass::after { content:""; position:absolute; left:12px; top:12px; width:6px; height:1.6px; background:#c08a85; transform:rotate(45deg); transform-origin:left center; }
  .di-index .sbtn { height:46px; padding:0 22px; font-size:14px; font-family:inherit; color:#fff; background:#b4232c;
    border:none; border-radius:10px; cursor:pointer; white-space:nowrap; flex:0 0 auto; }
  .di-index .sbtn:hover { background:#8a1a22; }
  .di-index .hintkeys { width:100%; margin-top:2px; font-size:12px; color:#a98c89; }
  .di-index .hintkeys b { color:#8a1a22; font-weight:500; cursor:pointer; border-bottom:1px dashed #e0b7b2; padding-bottom:1px; }
  .di-index .hintkeys b:hover { color:#b4232c; border-color:#b4232c; }
  .di-index .filters { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
  .di-index .filters label { font-size:12.5px; color:#7a5a57; display:flex; flex-direction:column; gap:3px; }
  .di-index .filters select { padding:7px 8px; border:1px solid #e7c9c5; border-radius:8px; font-size:13px; background:#fff; min-width:118px; color:#3a2a28; outline:none; }
  .di-index .filters select:focus { border-color:#b4232c; }
  .di-index .views { display:inline-flex; border:1px solid #e7c9c5; border-radius:8px; overflow:hidden; }
  .di-index .views button { border:none; border-right:1px solid #f0dada; background:#fff; color:#7a5a57; padding:7px 13px; font-size:13px; cursor:pointer; font-family:inherit; }
  .di-index .views button:last-child { border-right:none; }
  .di-index .views button.on { background:#b4232c; color:#fff; }
  .di-index .clear-btn { margin-left:auto; border:1px solid #ff7875; background:#fff1f0; color:#cf1322; padding:7px 15px; border-radius:8px; font-size:13px; cursor:pointer; align-self:flex-end; font-family:inherit; }
  .di-index .clear-btn:hover { background:#ff7875; color:#fff; }
  .di-index .cnt { font-size:12.5px; color:#999; margin:4px 0 10px; }
  .di-index .cnt b { color:#b4232c; }

  /* ===== 表格 ===== */
  .di-index table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; border:1px solid #f0dada; border-radius:12px; overflow:hidden; }
.di-index th:nth-child(1){width:6%}.di-index th:nth-child(2){width:30%}.di-index th:nth-child(3){width:12%}.di-index th:nth-child(4){width:9%}.di-index th:nth-child(5){width:26%}.di-index th:nth-child(6){width:8%}.di-index th:nth-child(7){width:9%}
.di-index th, .di-index td { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.di-index td .area { display:block; overflow:hidden; text-overflow:ellipsis; }
@media(max-width:620px){ .di-index table{font-size:12px} .di-index th, .di-index td{padding:8px 6px} }
/* 移动端隐藏次要列：序号/批次/公布年份（筛选器仍可按批次、年份过滤） */
@media(max-width:620px){
  .di-index th:nth-child(1), .di-index td:nth-child(1),
  .di-index th:nth-child(4), .di-index td:nth-child(4),
  .di-index th:nth-child(6), .di-index td:nth-child(6){ display:none; }
  .di-index th:nth-child(2){ width:42%; }
  .di-index th:nth-child(3){ width:17%; }
  .di-index th:nth-child(5){ width:27%; }
  .di-index th:nth-child(7){ width:14%; }
}
  .di-index th, .di-index td { border-bottom:1px solid #f5e6e4; padding:9px 10px; text-align:left; vertical-align:top; }
  .di-index th { background:#fbeae8; font-weight:600; white-space:nowrap; color:#8a1a22; }
  .di-index tbody tr:last-child td { border-bottom:none; }
  .di-index td.c { text-align:center; white-space:nowrap; }
  .di-index td a { color:#b4232c; text-decoration:none; }
  .di-index td a:hover { text-decoration:underline; }
  .di-index .tag { display:inline-block; font-size:11px; font-weight:600; color:#fff; background:#c9902f; border-radius:4px; padding:1px 6px; }

  /* ===== 分页 ===== */
  .di-index .pager { display:flex; gap:6px; justify-content:center; flex-wrap:wrap; align-items:center; margin-top:18px; }
  .di-index .pager button { padding:6px 12px; border:1px solid #e7c9c5; background:#fff; color:#7a5a57; border-radius:8px; font-size:13px; cursor:pointer; font-family:inherit; }
  .di-index .pager button.cur { background:#b4232c; border-color:#b4232c; color:#fff; font-weight:700; }
  .di-index .pager button:disabled { opacity:.4; cursor:default; }
  .di-index .pager .info { font-size:12.5px; color:#999; margin:0 8px; }

  /* ===== 响应式 ===== */
  @media(max-width:900px){
    .di-index .hero { padding:26px 18px 22px; }
    .di-index .hero-in { gap:20px; }
    .di-index .hero h1 { font-size:24px; }
    .di-index .metrics { grid-template-columns:repeat(4,1fr); width:100%; }
  }
  @media(max-width:620px){
    .di-index { padding:0 14px 48px; }
    .di-index .hero { margin:0 -14px; }
    .di-index .metrics { grid-template-columns:repeat(2,1fr); }
    .di-index .searchbox { flex-direction:column; }
    .di-index .sbtn { width:100%; }
    .di-index .filters label { flex:1 1 46%; }
  }
  @media print { .di-index .toolbar, .di-index .toc, .di-index .pager { display:none; } .di-index{padding:0;} }