/* ============================================================
   清水塘畔 V2 视觉系统（2026-10-07 改版）
   ------------------------------------------------------------
   作用域：仅 <body class="v2"> 的页面生效（首页 + 4 分类页）
   隔离原理：本文件全部选择器以 .v2 为前缀，tools 工具子页
           （qsconv / rongqi / aqfyc / 404）不带该类 → 完全不受影响
   依赖：  仅覆盖 styles.css 同优先级，特殊情况用更高特异性，
           不使用 !important（沿用项目铁律：根因修复不做取巧）
   ============================================================ */

/* ===== V2 设计令牌（.v2 作用域内 :root 不会污染工具子页，故挂到 .v2 上） ===== */
.v2{
  /* 主色阶：森林绿（2026-10-08 提亮：原 #05201F 系过暗压抑，整体上调 ~40% 亮度 */
  --v2-ink-900:#0D3B36;
  --v2-ink-800:#155C52;
  --v2-ink-700:#1C6B61;
  --v2-ink-600:#218078;
  --v2-ink-500:#1C726A;
  /* 强调色：金属金（高端感来源，用于数字、徽标、分隔线高亮） */
  --v2-gold-400:#D4B15F;
  --v2-gold-500:#C9A227;
  --v2-gold-600:#A8871E;
  /* 辅助青 */
  --v2-teal-400:#2DD4BF;
  --v2-teal-500:#14B8A6;
  /* 中性 */
  --v2-line:#E3EAE8;
  --v2-line-soft:#EDF2F1;
  --v2-text:#0A2F2F;
  --v2-text-2:#4A6462;
  --v2-text-3:#7A9492;
  --v2-bg:#fff;
  --v2-bg-soft:#F7FAF9;
  /* 排版尺度（比 v1 更大胆，形成层级落差） */
  --v2-display:56px;
  --v2-h2:38px;
  --v2-h3:20px;
  --v2-body:15.5px;
  --v2-micro:12.5px;
  /* 圆角：v1 满屏 16px 很"圆"，v2 收窄到 12/8 更克制 */
  --v2-r-lg:12px;
  --v2-r-md:8px;
  /* 统一图标规格（全站：24 视框 / 1.6 描边 / currentColor） */
  --v2-ico-stroke:1.6;
  color:var(--v2-text);
  background:var(--v2-bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.v2 .container{max-width:1180px;padding:0 32px}

/* ===== 根治「页脚下方露异色」=====
   根因（2026-10-07 实测复现）：分类页内容高 1153px < 用户视口高（如 1400）时，
   footer 底到文档底有 ~247px 空档，颜色 = html canvas 背景；html 默认无背景
   ⇒ 白条。用户 Edge 缓存旧 CSS 时 :has 不生效 ⇒ 持续露白。
   双保险：① <html class="dark-root">（不依赖 :has，HTML 每次都会 revalidate）；
           ② :has 兜底旧页面。
   2026-10-16：footer 恢复蓝天渐变色，html 背景同步改为渐变末端色 #b9def0，
   短页时 footer 下方露浅蓝、与页脚底部无缝衔接；color-scheme 同步回 light。 */
html:has(> body.v2),
html.dark-root{background:#b9def0;color-scheme:light}

/* ===== 统一线性 SVG 图标基座 =====
   全站 SVG 规格锁死：viewBox 0 0 24 24 + stroke-width 1.6 + currentColor + 无填充。
   emoji 一律替换为此基座，彻底根治「风格不统一」病根。 */
.v2 svg.ico{
  width:24px;height:24px;display:block;flex-shrink:0;
  fill:none;stroke:currentColor;stroke-width:var(--v2-ico-stroke);
  stroke-linecap:round;stroke-linejoin:round
}
.v2 svg.ico-sm{width:18px;height:18px}
.v2 svg.ico-lg{width:28px;height:28px}
.v2 svg.ico-xl{width:32px;height:32px;stroke-width:1.4}
.v2 .ico-sprite{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden}

/* ===== 行内小图标（卡内 meta / warn / 激活行/ 按钮）=====
   ⚠️ 铁律：卡内行文字（.tool-meta / .tool-warn / .tool-act-line）与按钮都是**单行**，
      塞进去的图标必须 inline 对齐且不撑行高 —— 用 display:block 会把 12px 的行
      撑到 18px+，实测直下卡 416 → 457（超 416 铁律 41px）。故此处强制 inline-block。*/
.v2 .tool-meta svg.ico,
.v2 .tool-warn svg.ico,
.v2 .tool-act-line svg.ico,
.v2 .tool-card .btn svg.ico{
  display:inline-block;vertical-align:-3px;margin-right:3px
}
.v2 .tool-card .btn svg.ico{vertical-align:-2px;margin-right:2px}
.v2 .tool-act-line svg.ico{vertical-align:-2px}
/* 行内小图标尺寸：卡内正文是 11.5–12px，图标配13px 才协调
   （18px 太大，视觉上比文字还重，会喧宾夺主） */
.v2 .tool-meta svg.ico,
.v2 .tool-warn svg.ico,
.v2 .tool-act-line svg.ico,
.v2 .tool-card .btn svg.ico,
.v2 .tool-dev-hint svg.ico{
  width:13px;height:13px;stroke-width:1.9
}
.v2 .tool-card .btn svg.ico{width:14px;height:14px}
/* 元信息/警示行：行高必须显式锁死，防止图标改变基线计算 */
.v2 .tool-meta,.v2 .tool-warn{line-height:1.5}

/* ============================================================
   NAV —— 深色玻璃拟态
   ============================================================ */
.v2 nav{
  background:rgba(16,80,73,.82);
  backdrop-filter:blur(20px) saturate(1.4);
  -webkit-backdrop-filter:blur(20px) saturate(1.4);
  border-bottom:1px solid rgba(212,177,95,.14)
}
.v2 nav .container{height:72px}
.v2 .brand-logo{
  width:38px;height:38px;border-radius:10px;
  background:linear-gradient(145deg,var(--v2-gold-500),var(--v2-gold-600));
  box-shadow:0 4px 14px rgba(201,162,39,.28)
}
.v2 .brand-logo svg{width:21px;height:21px}
.v2 .brand-logo svg [stroke]{stroke:rgba(16,80,73,.9)}
.v2 .brand-logo svg [fill]{fill:rgba(16,80,73,.82)}
.v2 .brand-name{font-size:18.5px;font-weight:700;color:#F2F7F5;letter-spacing:1px}
.v2 .brand-tag{font-size:9.5px;font-weight:600;color:var(--v2-gold-400);letter-spacing:2.2px}
.v2 .nav-links{gap:4px}
.v2 .nav-links a{
  color:rgba(228,240,237,.72);font-size:14px;font-weight:500;
  padding:8px 14px;border-radius:var(--v2-r-md);transition:all .22s
}
.v2 .nav-links a:hover{color:#fff;background:rgba(255,255,255,.07)}
.v2 .nav-links a::after{display:none}/* v1 的下划线改为整体底色，克制 */
.v2 .nav-chip{
  background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.09)!important;
  color:rgba(228,240,237,.8)!important;padding:6px 13px!important;border-radius:6px!important;
  font-size:13.5px!important;transition:all .22s
}
.v2 .nav-chip:hover{background:rgba(201,162,39,.14)!important;border-color:rgba(212,177,95,.4)!important;color:#F7E9C4!important}
.v2 .nav-toggle span{background:#E8F0EE}

/* ============================================================
   HERO —— 深色沉浸式，单栏居中
   （2026-10-07 三轮：删掉右侧「EHS 合规管理台」产品 mock —— 与本网站
     实际产品形态不符；改为收窄居中单栏 + 一行四指标，消除两侧空档）
   ============================================================ */
.v2 .hero{
  background:var(--v2-ink-700);color:#F2F7F5;
  padding:132px 0 88px;position:relative;overflow:hidden;
  text-align:left
}
/* 极细网格纹理 + 双色辉光，营造「深空」质感 */
.v2 .hero::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 70% 55% at 12% 8%, rgba(20,184,166,.16) 0%, transparent 62%),
    radial-gradient(ellipse 60% 50% at 92% 88%, rgba(201,162,39,.13) 0%, transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:auto,auto,64px 64px,64px 64px
}
.v2 .hero::after{
  content:'';position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);
  width:min(1100px,92%);height:1px;
  background:linear-gradient(90deg,transparent,rgba(212,177,95,.35),transparent)
}
/* v1 的水墨 SVG 装饰层在深底下不可见，直接移除 */
.v2 .hero-art{display:none}
/* 单栏居中：mock 撤掉后不再需要两栏 grid。
   文本区收窄 780 居中；hero-stats（已移到 container 直下）铺满 1180 ——
   每项可用 234px，根治 desc「GB 45673-2025 / HJ 1259—2022」折行 */
.v2 .hero .container{position:relative;z-index:2;text-align:center}
.v2 .hero-main{min-width:0;max-width:780px;margin:0 auto}
.v2 .hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(201,162,39,.1);border:1px solid rgba(212,177,95,.32);
  color:var(--v2-gold-400);padding:6px 15px 6px 12px;border-radius:999px;
  font-size:12px;font-weight:600;letter-spacing:.6px;margin-bottom:26px
}
.v2 .hero-badge svg{width:14px;height:14px;stroke-width:1.8}
.v2 .hero h1{
  font-size:var(--v2-display);font-weight:700;margin:0 0 22px;
  letter-spacing:-2px;line-height:1.12;color:#fff;
  /* ⚠️ 必须显式重置 v1 残留：styles.css:81-83 给 .hero h1 写了
     linear-gradient + -webkit-text-fill-color:transparent + background-clip:text，
     text-fill-color 优先于 color ⇒ 只写 color:#fff 无效，深底上渐变的
     深墨绿端（40% 前）整段隐形（「让企业」「更简单、」消失就是这个） */
  background:none;-webkit-text-fill-color:#fff
}
/* 标题末句用金色，取代 v1 的整句渐变字（更克制、更像高级 SaaS） */
.v2 .hero h1 em{
  font-style:normal;
  background:linear-gradient(100deg,var(--v2-gold-400),var(--v2-gold-500) 60%,#E7CE86);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text
}
.v2 .hero p{
  font-size:var(--v2-body);color:rgba(216,233,229,.72);max-width:640px;
  margin:0 auto 30px;line-height:1.8
}
.v2 .hero p strong{color:var(--v2-teal-400);font-weight:600}
.v2 .hero-btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
/* hero 按钮：金色实心 + 描边次级 */
.v2 .btn-primary{
  background:linear-gradient(135deg,var(--v2-gold-500),var(--v2-gold-600));
  color:var(--v2-ink-900);box-shadow:0 6px 22px rgba(201,162,39,.26)
}
.v2 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(201,162,39,.36)}
.v2 .btn-outline{border:1.5px solid rgba(255,255,255,.2);color:rgba(232,240,238,.9);background:transparent}
.v2 .btn-outline:hover{border-color:var(--v2-gold-400);color:var(--v2-gold-400);background:rgba(201,162,39,.08)}
.v2 .btn{border-radius:var(--v2-r-md);padding:13px 28px;font-weight:600;display:inline-flex;align-items:center;gap:9px}
.v2 .btn svg{width:17px;height:17px}

/* hero 指标条：一行四指标（mock 撤掉后由 2×2 改一行铺满，避免右侧空档） */
.v2 .hero-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  margin-top:46px;background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.09);border-radius:var(--v2-r-lg);overflow:hidden
}
.v2 .hero-stat{background:var(--v2-ink-700);padding:20px 18px;display:flex;align-items:flex-start;gap:11px;transition:background .25s}
.v2 .hero-stat:hover{background:var(--v2-ink-600)}
.v2 .hero-stat-ico{color:var(--v2-gold-400);margin-top:1px;flex-shrink:0}
.v2 .hero-stat-label{font-size:13.5px;font-weight:600;color:#EDF5F3;margin-bottom:3px}
.v2 .hero-stat-desc{font-size:12px;color:rgba(200,220,215,.6);line-height:1.5}
/* v1 的 .hero-values 全部移除（emoji 载体） */

/* ============================================================
   SECTION 骨架
   ============================================================ */
.v2 .section{padding:88px 0}
.v2 .section.sec-head{padding-top:104px;padding-bottom:44px}
.v2 .section-title{
  text-align:left;font-size:var(--v2-h2);font-weight:700;
  color:var(--v2-text);letter-spacing:-1.1px;margin:0 0 14px;line-height:1.2
}
.v2 .section-subtitle{
  text-align:left;color:var(--v2-text-2);font-size:15.5px;max-width:640px;
  margin:0 0 32px;line-height:1.75
}
/* 章节眉：金色小标签 + 细线（v1 无此层级，导致标题扁平） */
.v2 .sec-eyebrow{
  display:flex;align-items:center;gap:12px;margin-bottom:16px
}
.v2 .sec-eyebrow span{
  font-size:11.5px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;
  color:var(--v2-gold-600);padding:4px 11px;border:1px solid rgba(201,162,39,.34);border-radius:4px
}
.v2 .sec-eyebrow i{flex:1;height:1px;background:linear-gradient(90deg,rgba(201,162,39,.28),transparent);max-width:190px}
.v2 .section-light{background:var(--v2-bg)}
.v2 .section-accent{background:linear-gradient(180deg,#F4F9F7 0%,var(--v2-bg-soft) 100%)}
/* why 区：淡青绿底深色字（与 footer 互换底色后，再加淡底色与纯白区隔） */
.v2 .section-dark{background:#F5F9F6;color:var(--v2-text);position:relative;overflow:hidden}
.v2 .section-dark::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 50% at 85% 10%, rgba(201,162,39,.07) 0%, transparent 60%)
}
.v2 .section-dark .container{position:relative;z-index:1}
.v2 .section-dark .section-title{color:var(--v2-text)}
.v2 .section-dark .section-subtitle{color:var(--v2-text-2)}
.v2 .section-dark .sec-eyebrow span{color:var(--v2-gold-600);border-color:rgba(201,162,39,.34)}
.v2 .section-dark .sec-eyebrow i{background:linear-gradient(90deg,rgba(201,162,39,.28),transparent)}

/* ============================================================
   分类入口卡（首页工具矩阵）—— 去 emoji，改为 SVG + 序号 + 金线
   ============================================================ */
.v2 .cat-entry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 32px}
.v2 .cat-entry{
  display:flex;align-items:flex-start;gap:20px;
  padding:34px 32px;text-decoration:none;color:inherit;position:relative;
  /* 2026-10-08 三轮回调：用户要的是「去外层总框」而非去卡片自身边框 ——
     每卡恢复独立 1px 边框 + 圆角（styles.css:692 v1 残留的 1.5px/阴影仍需显式清零覆盖） */
  background:var(--v2-bg);
  /* 2026-10-08 用户要求边框明显：不用浅令牌 --v2-line(#E3EAE8)，单独加深一档 */
  border:1.5px solid #C7D6D1;border-radius:var(--v2-r-lg);box-shadow:none
}
.v2 .cat-entry:hover{background:#FCFDFD;border-color:var(--v2-teal-500);box-shadow:0 6px 22px rgba(10,47,47,.08);transform:none}
/* 序号：金色等宽数字，v1 完全没有的层级元素 */
.v2 .cat-entry::before{
  content:attr(data-no);position:absolute;top:30px;right:30px;
  font-size:11.5px;font-weight:600;letter-spacing:1.4px;color:var(--v2-gold-600);opacity:.5
}
/* 图标：56px 深底金字方块，取代 emoji 彩色块
   ⚠️ 必须重置 flex：styles.css:698 用 `flex:0 0 46px` 锁了 flex-basis，
      只写 width/height 会得到 46×56 的不对称框（2026-10-07 实测）。 */
.v2 .ce-icon{
  width:56px;height:56px;flex:0 0 56px;border-radius:10px;
  background:linear-gradient(150deg,var(--v2-ink-700),var(--v2-ink-600));
  color:var(--v2-gold-400);display:flex;align-items:center;justify-content:center;
  transition:transform .3s cubic-bezier(.16,1,.3,1)
}
.v2 .cat-entry:hover .ce-icon{transform:translateY(-3px)}
.v2 .ce-icon svg{width:26px;height:26px}
.v2 .ce-body{min-width:0;flex:1}
.v2 .ce-title{
  font-size:19px;font-weight:700;color:var(--v2-text);margin-bottom:8px;
  display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;letter-spacing:-.2px
}
.v2 .ce-count{
  font-size:11.5px;font-weight:600;color:var(--v2-gold-600);letter-spacing:.2px;
  background:rgba(201,162,39,.09);padding:2px 9px;border-radius:4px;white-space:nowrap
}
.v2 .ce-desc{font-size:14px;color:var(--v2-text-2);line-height:1.7;margin:0 0 13px}
.v2 .ce-tools{font-size:12.5px;color:var(--v2-text-3);font-weight:500;letter-spacing:.2px}
.v2 .ce-go{
  color:var(--v2-gold-500);font-size:19px;flex-shrink:0;align-self:center;
  transition:transform .28s cubic-bezier(.16,1,.3,1)
}
.v2 .cat-entry:hover .ce-go{transform:translateX(5px)}
.v2 .cat-entry.is-empty{opacity:.72}
.v2 .cat-entry.is-empty .ce-icon{background:#EDF2F1;color:var(--v2-text-3)}

/* ============================================================
   首页 Hero + 工具矩阵 左右分栏合并（2026-10-09 改版）
   左：Hero 正文居中；右：2×2 四大领域卡；指标条移到下方
   仅在首页 .hero-split 作用域内生效，不影响分类页 .cat-entry
   ============================================================ */
.v2 .hero-split .hero-split-grid{
  display:grid;grid-template-columns:0.92fr 1.18fr;gap:54px;
  align-items:center
}
.v2 .hero-split .hero-main{text-align:center;max-width:none;margin:0}
.v2 .hero-split .hero h1{margin-left:auto;margin-right:auto}
.v2 .hero-split .hero p{margin-left:auto;margin-right:auto}
.v2 .hero-split .hero-btns{justify-content:center}
.v2 .hero-split .home-tools .cat-entry-grid{
  grid-template-columns:repeat(2,1fr);gap:18px 20px
}
/* 首页卡片：覆盖默认 flex 横排为 block 手绘结构 */
.v2 .hero-split .cat-entry,
.v2 .home-tools .cat-entry{
  display:block;padding:17px 20px 15px;position:relative;
  background:#fff;border:1px solid #C7D6D1;border-radius:var(--v2-r-lg)
}
.v2 .home-tools .cat-entry::before{
  content:attr(data-no);position:absolute;top:18px;right:18px;
  font-size:12px;font-weight:600;letter-spacing:1.4px;color:var(--v2-gold-600);opacity:.5
}
.v2 .home-tools .ce-header{
  display:flex;align-items:center;gap:10px;margin-bottom:12px
}
.v2 .home-tools .ce-icon{
  width:38px;height:38px;flex:0 0 38px;border-radius:9px
}
.v2 .home-tools .ce-icon svg{width:19px;height:19px}
.v2 .home-tools .ce-title{
  flex:1;font-size:18px;margin-bottom:0;display:block
}
.v2 .home-tools .ce-product-line{
  display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap
}
/* 已上线 / 规划中 徽标样式统一 */
.v2 .home-tools .ce-count,
.v2 .home-tools .ce-plan{
  flex-shrink:0;display:inline-flex;align-items:center;
  background:rgba(201,162,39,.1);border:1px solid rgba(201,162,39,.22);
  color:var(--v2-gold-600);padding:3px 9px;border-radius:999px;
  font-size:10.5px;font-weight:600;letter-spacing:.3px
}
.v2 .home-tools .ce-product{
  font-size:15px;font-weight:600;color:var(--v2-text);line-height:1.35
}
.v2 .home-tools .ce-desc{
  font-size:12px;line-height:1.55;margin:0 0 7px;
  color:var(--v2-text-3);text-indent:2em
}
.v2 .home-tools .ce-plan:empty{display:none}

/* WHY —— 白底 + 无卡片分栏（与 footer 互换后由深底改浅底）
   ============================================================ */
.v2 .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.v2 .why-item{
  background:transparent;border:none;border-left:1px solid var(--v2-line);
  padding:8px 26px 8px 24px;box-shadow:none;transition:none
}
.v2 .why-item:first-child{border-left:none;padding-left:0}
.v2 .why-item:last-child{padding-right:0}
.v2 .why-item:hover{transform:none;box-shadow:none}
.v2 .why-icon{
  font-size:auto;margin-bottom:18px;color:var(--v2-gold-600);
  width:42px;height:42px;border-radius:9px;background:rgba(201,162,39,.09);
  border:1px solid rgba(201,162,39,.2);display:flex;align-items:center;justify-content:center
}
.v2 .why-icon svg{width:21px;height:21px}
.v2 .why-item:hover .why-icon{transform:none;border-color:rgba(201,162,39,.4);background:rgba(201,162,39,.15)}
.v2 .why-item h3{font-size:16.5px;font-weight:600;color:var(--v2-text);margin-bottom:10px;letter-spacing:-.2px}
.v2 .why-item:hover h3{color:var(--v2-ink-700)}
.v2 .why-item p{font-size:13.5px;color:var(--v2-text-2);line-height:1.75}

/* FOOTER —— 2026-10-16 按用户要求恢复 styles.css 旧版蓝天渐变页脚
   （含云朵装饰与深蓝文字）；V2 不再覆盖，直接回落 styles.css 374-401 行定义。
   html.dark-root 背景同步改为页脚渐变末端色，防短页 footer 下方露异色。 */

/* ============================================================
   工具卡（分类页）—— 保 312×416 铁律，只换皮
   ============================================================ */
.v2 .tool-card{
  background:var(--v2-bg);border:1px solid var(--v2-line);border-radius:var(--v2-r-lg);
  padding:28px;box-shadow:none;transition:border-color .25s,transform .25s,box-shadow .25s
}
.v2 .tool-card::before{
  height:2px;background:linear-gradient(90deg,var(--v2-gold-500),var(--v2-teal-500))
}
.v2 .tool-card:hover{
  border-color:rgba(201,162,39,.5);transform:translateY(-3px);
  box-shadow:0 16px 40px rgba(16,80,73,.09)
}
.v2 .tool-card h3{font-size:var(--v2-h3);font-weight:700;letter-spacing:-.3px;flex:1;min-width:0}
.v2 .tool-card h3 small{color:var(--v2-text-3);font-size:12.5px;display:inline-block;white-space:nowrap}
.v2 .tool-card p{color:var(--v2-text-2)}
/* 图标：深底金字方块，替代彩色渐变 emoji 底 */
.v2 .tool-icon{
  border-radius:10px;background:linear-gradient(150deg,var(--v2-ink-700),var(--v2-ink-600));
  color:var(--v2-gold-400);width:46px;height:46px
}
/* 深底上的金色需要更实的描边才看得清（全站基座是 1.6，这里加粗到 1.9） */
.v2 .tool-icon svg{width:23px;height:23px;stroke-width:1.9}
.v2 .tool-icon.green,.v2 .tool-icon.blue,.v2 .tool-icon.amber,.v2 .tool-icon.rose,.v2 .tool-icon.grey{
  background:linear-gradient(150deg,var(--v2-ink-700),var(--v2-ink-600));color:var(--v2-gold-400)
}
.v2 .tool-card.is-soon .tool-icon{background:#EDF2F1;color:var(--v2-text-3)}
.v2 .tool-card.is-soon{background:var(--v2-bg-soft);border-style:dashed;border-color:var(--v2-line)}
.v2 .tool-card.is-soon:hover{transform:none;box-shadow:none;border-color:var(--v2-line)}
.v2 .tool-card.is-soon p{color:var(--v2-text-3)}
.v2 .tool-card.is-soon h3 small{color:#9BADAB}
.v2 .tool-card.is-soon .tool-dev-hint{color:#93A6A4}
/* 徽标：改为方角标签，配色降饱和以贴合 v2 */
.v2 .tool-badge{border-radius:5px;font-size:11px;letter-spacing:.4px;padding:4px 10px}
.v2 .tool-badge.live{background:rgba(20,184,166,.09);color:#0F766E;border-color:rgba(20,184,166,.28)}
.v2 .tool-badge.soon{background:#F1F5F4;color:#7D9195;border-color:#E3E9E8}
.v2 .tool-badge.dev{background:rgba(201,162,39,.1);color:var(--v2-gold-600);border-color:rgba(201,162,39,.3)}
.v2 .tool-badge.paused{background:#FFFBEB;color:#B45309;border-color:rgba(180,83,9,.25)}
/* 卖点前缀：铁律要求 `::before` 内容必须是 □（verify_website.js 断言），
   只能用 color 升级视觉，不得改成纯色块或空 content。 */
.v2 .tool-feats li{color:var(--v2-text-2);padding-left:18px}
.v2 .tool-feats li::before{
  content:'□';position:absolute;left:0;top:0;
  color:var(--v2-gold-600);font-weight:800
}
.v2 .tool-feats.blue li::before{color:var(--v2-teal-500)}
.v2 .tool-meta{color:var(--v2-text)}
.v2 .tool-warn{color:#A96A08}
.v2 .tool-act-line{color:var(--v2-text-2)}
/* 按钮 */
.v2 .btn-sm-primary{background:linear-gradient(135deg,var(--v2-gold-500),var(--v2-gold-600));color:var(--v2-ink-900);font-weight:600}
.v2 .btn-sm-primary:hover{box-shadow:0 6px 18px rgba(201,162,39,.3)}
.v2 .btn-sm-blue{background:linear-gradient(135deg,var(--v2-ink-600),var(--v2-ink-700));color:#fff}
.v2 .btn-sm-outline{border:1.5px solid var(--v2-line);color:var(--v2-text-2)}
.v2 .btn-sm-outline:hover{border-color:var(--v2-gold-500);color:var(--v2-gold-600);background:rgba(201,162,39,.05)}
.v2 .btn-sm-soon{background:#F1F5F4;color:#93A6A4;border:1.5px solid #E3E9E8}
.v2 .btn-sm-paused{background:#FFFBEB;color:#B45309;border:1.5px solid rgba(180,83,9,.22)}

/* ============================================================
   分类页页头 —— 深色，把「面包屑 + 大标题 + 计数」做成有层级的头部
   ⚠️ 铁律：页头高度必须 ≥69px（verify_website.js 断言 r.head.h >= 69，防塌陷）。
      styles.css 的 .cat-ico.big 用了 `flex:0 0 56px`，改尺寸必须同时重置 flex；
      .catpage-head h1 的 margin-bottom:6px 提供页头高度，也不可抹掉。
   ============================================================ */
.v2 .catpage-head{
  display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;
  border-bottom:1px solid var(--v2-line)
}
.v2 .catpage-head h1{
  font-size:30px;font-weight:700;letter-spacing:-.8px;margin:0 0 8px;color:var(--v2-text)
}
.v2 .catpage-head p{color:var(--v2-text-2);font-size:14.5px}
/* cat-ico：56px 深底金字方块（重置 flex:0 0 56px，big 变体同理） */
.v2 .cat-ico,
.v2 .cat-ico.big{
  width:56px;height:56px;flex:0 0 56px;border-radius:11px;
  background:linear-gradient(150deg,var(--v2-ink-700),var(--v2-ink-600));
  color:var(--v2-gold-400);display:flex;align-items:center;justify-content:center;
  font-size:0
}
.v2 .cat-ico svg,.v2 .cat-ico.big svg{width:25px;height:25px;stroke-width:1.9}
.v2 .cat-count{
  background:#F1F5F4;border-color:var(--v2-line);color:var(--v2-text-2);
  border-radius:6px;font-size:12px;padding:5px 13px;flex-shrink:0
}
.v2 .cat-block{margin-top:52px}
.v2 .cat-block:first-of-type{margin-top:0}

/* ============================================================
   交叉链接区（分类页底部「其他工具分类」）
   ============================================================ */
.v2 .catpage-links{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.v2 .catpage-links a{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;border:1px solid var(--v2-line);border-radius:var(--v2-r-md);
  background:var(--v2-bg);color:var(--v2-text-2);text-decoration:none;
  font-size:13.5px;font-weight:500;transition:all .22s
}
.v2 .catpage-links a svg{width:16px;height:16px;color:var(--v2-text-3);transition:color .22s}
.v2 .catpage-links a:hover{
  border-color:rgba(201,162,39,.45);color:var(--v2-text);
  background:rgba(201,162,39,.04);transform:translateY(-1px)
}
.v2 .catpage-links a:hover svg{color:var(--v2-gold-600)}
.v2 .catpage-links a.current{
  background:var(--v2-ink-700);border-color:var(--v2-ink-700);color:#fff;font-weight:600
}
.v2 .catpage-links a.current svg{color:var(--v2-gold-400)}

/* 交叉链接区：标题与链接同行（桌面）/ 竖排（移动） */
.v2 .catpage-more{
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  margin-top:34px;padding-top:28px;border-top:1px solid var(--v2-line)
}
.v2 .catpage-head-t{
  font-size:12.5px;font-weight:600;color:var(--v2-text-3);
  letter-spacing:2px;margin:0;text-transform:uppercase;flex-shrink:0
}

/* ============================================================
   砖墙错缝卡片区（分类页，2026-10-09 用户拍板）
   3 列轨道 3fr 2fr 3fr + 两行 1fr 等高：
   行1 [在售大卡 span2 = 5/8][规划中卡 = 3/8]
   行2 [占位 = 3/8][大位占位 span2 = 5/8]  ← 错缝
   扩展性：加产品 = 新产品进大位、占位退小格，自动续行不加页
   四块淡底各不同：青绿(在售) / 蓝灰(规划中) / 淡金·淡紫灰(占位)
   ============================================================ */
.v2 .brick-grid{
  display:grid;grid-template-columns:3fr 2fr 3fr;grid-template-rows:auto auto;gap:24px
}
.v2 .brick-big{grid-column:span 2}
.v2 .brick-card{
  background:#F3F9F6;border:2px solid #9DB5AE;border-radius:16px;
  padding:18px 26px;display:flex;flex-direction:column;position:relative;overflow:hidden;
  box-shadow:none
}
.v2 .brick-card::before{display:none}
/* 砖墙卡禁用 v1 遗留动效：styles.css:112 hover 时图标 scale+rotate(-3deg) 在大卡上很突兀；
   146 行卡片上浮 -3px 同理收掉，hover 反馈只留边框加深 */
.v2 .brick-card:hover{transform:none;box-shadow:none}
.v2 .brick-card:hover .tool-icon{transform:none}
.v2 .brick-card .tool-badge{position:absolute;top:14px;right:14px;margin:0;z-index:1}
.v2 .brick-card .tool-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding-right:84px}
.v2 .brick-card .tool-icon{width:42px;height:42px;flex:0 0 42px}
.v2 .brick-card .tool-icon svg{width:21px;height:21px}
.v2 .brick-card .tool-header h3{font-size:19px;font-weight:700;letter-spacing:-.4px;margin:0;flex:1;min-width:0}
.v2 .brick-card .tool-header h3 br{display:none}
.v2 .brick-card .tool-header h3 small{display:block;font-size:12px;font-weight:500;margin-top:2px}
.v2 .brick-card > p{font-size:13.5px;line-height:1.6;margin:0 0 8px}
.v2 .brick-card .tool-feats{
  display:grid;grid-template-columns:repeat(2,1fr);gap:5px 22px;
  padding:0;margin:0 0 8px
}
.v2 .brick-card .tool-feats li{font-size:12.5px;line-height:1.4;padding-left:16px}
.v2 .brick-card .tool-feats li::before{top:0}
.v2 .brick-card .tool-meta{font-size:12px;margin:0 0 8px}
.v2 .brick-card .tool-warn{font-size:12px;margin:0 0 8px}
.v2 .brick-card .tool-dev-hint{margin:0 0 8px}
.v2 .brick-card .tool-actions{margin-top:auto;margin-bottom:4px}
.v2 .brick-card .tool-actions .btn{padding:9px 20px;font-size:13px}
/* > p (0,2,1) 会压过 styles.css 的 .tool-act-line/.tool-dev-hint (0,1,0)，显式锁回原字号 */
.v2 .brick-card .tool-act-line{margin:0;font-size:11.5px}
.v2 .brick-card .tool-act-line span{font-size:11.5px}
.v2 .brick-card .tool-dev-hint{font-size:12px}
/* 规划中卡（小格）：淡蓝灰底 + 虚线 */
.v2 .brick-card.is-soon{background:#F4F8FB;border-style:dashed;border-color:#9DB5AE}
/* 占位块：2026-10-22 由等高大空卡压为单行细横条（消除分类页下半空旷感），
   两块分别淡金 / 淡紫灰；新产品上架时 HTML 换回砖墙卡即可 */
.v2 .brick-ph{
  border:2px dashed #AFC3BD;border-radius:12px;background:#FBF8EF;
  display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;
  min-height:0;padding:16px 24px;
  color:#9FB3AF
}
.v2 .brick-ph.ph-b{background:#F6F4F9;border-color:#C3BFD4}
.v2 .brick-ph svg{width:22px;height:22px;stroke-width:1.6;opacity:.7}
.v2 .brick-ph b{font-size:13.5px;font-weight:600;letter-spacing:1px}
.v2 .brick-ph i{font-style:normal;font-size:11.5px;letter-spacing:.5px}

/* ============================================================
   响应式
   ============================================================ */
@media(max-width:1080px){
  .v2 .hero h1{font-size:46px}
  /* 一行四指标在 <1080 下每项仅 ~225px，desc「GB 45673-2025 / HJ 1259—2022」会折行
     ⇒ 降为 2×2，保证文案不折行、四项等高 */
  .v2 .hero-stats{grid-template-columns:repeat(2,1fr)}
  .v2 .why-grid{grid-template-columns:repeat(2,1fr);gap:34px 0}
  .v2 .why-item:nth-child(3){border-left:none;padding-left:0}
  .v2 .cat-entry-grid{grid-template-columns:1fr}
  /* 首页 hero-split：≤1080 时左右堆叠，home-tools 仍保持 2×2 */
  .v2 .hero-split .hero-split-grid{grid-template-columns:1fr;gap:44px;align-items:start}
  .v2 .hero-split .home-tools .cat-entry-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .v2 .container{padding:0 22px}
  .v2 nav .container{height:64px}
  .v2 .hero{padding:104px 0 64px}
  .v2 .hero h1{font-size:34px;letter-spacing:-1.2px}
  .v2 .hero p{font-size:14.5px;margin-bottom:28px}
  .v2 .hero-stats{grid-template-columns:repeat(2,1fr);margin-top:38px}
  .v2 .section{padding:64px 0}
  .v2 .section.sec-head{padding-top:88px}
  .v2 .section-title{font-size:27px;letter-spacing:-.7px}
  .v2 .section-subtitle{font-size:14.5px;margin-bottom:32px}
  .v2 .cat-entry{padding:26px 22px;gap:16px}
  .v2 .ce-icon{width:48px;height:48px;flex:0 0 48px}
  .v2 .ce-icon svg{width:22px;height:22px}
  .v2 .ce-title{font-size:17px}
  .v2 .cat-entry::before{top:24px;right:22px}
  .v2 .why-grid{grid-template-columns:1fr;gap:28px}
  .v2 .why-item{border-left:none;padding:0 0 0 0;border-top:1px solid rgba(255,255,255,.09);padding-top:24px}
  .v2 .why-item:first-child{border-top:none;padding-top:0}
  .v2 .footer-links{gap:10px 26px}/* 窄屏放宽换行余量，仍居中 */
  /* 移动端导航：深色下拉 */
  .v2 .nav-links{background:var(--v2-ink-800);border-bottom:1px solid rgba(212,177,95,.16);top:64px}
  .v2 .nav-links li{border-bottom:1px solid rgba(255,255,255,.06)}
  .v2 .nav-links li:last-child{border-bottom:none}
  .v2 .nav-links a{color:rgba(228,240,237,.82)}
  .v2 .nav-toggle span{background:#E8F0EE}
  .v2 .cat-head h3{font-size:20px}
  .v2 .cat-head{flex-wrap:wrap}
  .v2 .cat-count{margin-left:0}
  /* 砖墙错缝：窄屏降单列，占位条同压扁 */
  .v2 .brick-grid{grid-template-columns:1fr;grid-template-rows:none}
  .v2 .brick-big{grid-column:auto}
  .v2 .brick-ph{padding:14px 18px}
}
/* ≤560（大屏手机/小平板）：2 列每项 <235px，desc 会折行 ⇒ 降为单列 */
@media(max-width:560px){
  .v2 .hero-stats{grid-template-columns:1fr}
  .v2 .home-tools .cat-entry-grid{grid-template-columns:1fr}
}
@media(max-width:420px){
  .v2 .hero h1{font-size:29px}
  .v2 .hero-stats{grid-template-columns:1fr}
  .v2 .footer-links{gap:10px 22px}
}

/* ============================================================
   AI 助手浮标：深底页面上需要亮色描边才看得见
   ============================================================ */
.v2 .ai-fab{box-shadow:0 8px 28px rgba(16,80,73,.28)}
.v2 .ai-fab:hover{box-shadow:0 12px 34px rgba(201,162,39,.32)}

/* ============================================================
   资讯模块（2026-10-10 新增 · 单一信息流 · markdown 编译）
   设计：亮色阅读场景，区别于工具页卡片网格；复用 v2 令牌，
         所有选择器以 .v2 前缀隔离，不污染其它页面。
   ============================================================ */
/* 导航当前项高亮（news 页「资讯」chip） */
.v2 .nav-links a.is-active{
  background:rgba(201,162,39,.16)!important;border-color:rgba(212,177,95,.45)!important;
  color:#F7E9C4!important
}
/* 列表页页头（杂志头版式：压缩头部 + 统计徽章行） */
.v2 .news-body{padding:0}
.v2 .news-head{position:relative;padding:88px 0 20px;text-align:center;background:linear-gradient(180deg,#F5F9F6 0%,rgba(245,249,246,0) 100%)}
.v2 .news-badge{display:inline-block;background:var(--v2-gold-500);color:#fff;font-size:12px;font-weight:700;letter-spacing:3px;padding:5px 16px;border-radius:999px;margin-bottom:14px}
.v2 .news-head h1{font-size:30px;font-weight:700;letter-spacing:-.6px;color:var(--v2-ink-900);margin:0 0 8px;line-height:1.2}
.v2 .news-head p{font-size:14.5px;color:var(--v2-ink-500);max-width:540px;margin:0 auto;line-height:1.7}
.v2 .news-stats{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px}
.v2 .news-stats span{font-size:12px;font-weight:600;color:var(--v2-ink-600);background:#fff;border:1px solid var(--v2-line);border-radius:999px;padding:4px 13px;letter-spacing:.3px}
.v2 .news-stats span:first-child{color:var(--v2-gold-600);border-color:rgba(201,162,39,.35);background:rgba(201,162,39,.07)}
/* 卡片流（杂志头版式：头条全宽深底 + 双列次卡，随文章数自动增长） */
.v2 .news-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:1080px;margin:0 auto;padding:6px 0 56px}
.v2 .news-card{
  position:relative;display:flex;gap:18px;align-items:flex-start;
  text-decoration:none;color:inherit;
  background:#F3F9F6;border:1.5px solid #D8E6E0;border-left:4px solid var(--v2-gold-500);
  border-radius:var(--v2-r-lg);padding:20px 24px;
  transition:border-color .25s,transform .25s,box-shadow .25s
}
.v2 .news-card:hover{border-color:#C9D8D2;border-left-color:var(--v2-gold-600);transform:translateY(-4px);box-shadow:0 16px 38px rgba(16,80,73,.13)}
.v2 .news-no{flex:0 0 auto;font-size:30px;font-weight:800;line-height:1;color:var(--v2-gold-500);opacity:.32;font-variant-numeric:tabular-nums;letter-spacing:-1px;padding-top:2px}
.v2 .news-main{flex:1;min-width:0}
/* 元信息行（分类 chip + 日期 · 阅读时长） */
.v2 .nc-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.v2 .nc-cat{display:inline-block;background:rgba(201,162,39,.13);color:var(--v2-gold-600);font-size:11.5px;font-weight:700;padding:2.5px 10px;border-radius:999px;letter-spacing:.5px}
.v2 .news-card .nc-date{font-size:12.5px;font-weight:600;letter-spacing:.5px;color:var(--v2-ink-500)}
.v2 .nc-dot{color:var(--v2-ink-500);opacity:.6}
.v2 .nc-time{font-size:12px;color:var(--v2-ink-500)}
.v2 .news-card h2{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--v2-ink-900);margin:0 0 7px;line-height:1.4}
.v2 .news-card .nc-sum{font-size:13.5px;color:var(--v2-ink-600);line-height:1.65;margin:0 0 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v2 .news-card .nc-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--v2-ink-700)}
.v2 .news-card .nc-more svg{width:15px;height:15px;transition:transform .25s}
.v2 .news-card:hover .nc-more svg{transform:translateX(4px)}
/* 头条大卡：全宽深墨绿底白字（呼应首页 hero），摘要放宽至 3 行 */
.v2 .news-lead{grid-column:1/-1;flex-direction:column;align-items:flex-start;gap:0;background:linear-gradient(135deg,var(--v2-ink-900),#14524A);border:none;border-radius:var(--v2-r-lg);padding:26px 30px}
.v2 .news-lead:hover{border:none;box-shadow:0 18px 44px rgba(16,80,73,.30)}
.v2 .news-lead .nc-meta{margin-bottom:10px}
.v2 .news-lead .nc-cat{background:var(--v2-gold-500);color:#fff}
.v2 .news-lead .nc-date,.v2 .news-lead .nc-time{color:rgba(255,255,255,.68)}
.v2 .news-lead .nc-dot{color:rgba(255,255,255,.4)}
.v2 .news-lead h2{font-size:22px;color:#fff;margin:0 0 9px}
.v2 .news-lead .nc-sum{color:rgba(255,255,255,.78);font-size:14px;line-height:1.7;-webkit-line-clamp:3;margin-bottom:13px}
.v2 .news-lead .nc-more{color:#F7E9C4}
.v2 .news-pager{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:8px;padding:26px 0 4px}
.v2 .news-pager .np-btn,.v2 .news-pager .np-num{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 14px;font-size:13px;font-weight:600;color:var(--v2-ink-700);background:#fff;border:1px solid var(--v2-line);border-radius:999px;text-decoration:none;transition:border-color .15s,color .15s}
.v2 .news-pager .np-num{padding:0}
.v2 .news-pager a:hover{border-color:var(--v2-gold-500);color:var(--v2-gold-600)}
.v2 .news-pager .is-current{background:var(--v2-gold-500);border-color:var(--v2-gold-500);color:#fff}
.v2 .news-pager .is-disabled{opacity:.4;cursor:default}
/* 文章阅读 */
.v2 .article-wrap{max-width:760px;margin:0 auto;padding:104px 0 48px}
.v2 .article-wrap h1{font-size:20px;font-weight:700;letter-spacing:-.2px;color:var(--v2-text);margin:0 0 6px;line-height:1.25}
.v2 .article-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--v2-text-3);margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--v2-line)}
.v2 .article-back{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--v2-text-3);text-decoration:none;white-space:nowrap}
.v2 .article-back:hover{color:var(--v2-gold-600)}
.v2 .article-lead{font-size:13px;line-height:1.6;color:var(--v2-text-2);background:var(--v2-bg-soft);border-left:3px solid var(--v2-gold-500);padding:8px 12px;border-radius:0 var(--v2-r-md) var(--v2-r-md) 0;margin:0 0 14px}
.v2 .article{font-size:13.5px;line-height:1.62;color:var(--v2-text)}
.v2 .article h2{font-size:17px;font-weight:700;letter-spacing:-.2px;color:var(--v2-text);margin:20px 0 8px;border-left:3px solid var(--v2-gold-500);padding-left:10px;line-height:1.4}
.v2 .article h3{font-size:14px;font-weight:700;color:var(--v2-ink-700);margin:11px 0 5px}
.v2 .article h4{font-size:12.5px;font-weight:700;color:var(--v2-ink-700);margin:9px 0 4px}
.v2 .article p{margin:0 0 .45em}
.v2 .article ul,.v2 .article ol{margin:0 0 .45em;padding-left:16px}
.v2 .article li{margin:0 0 .12em;line-height:1.55}
.v2 .article ul li::marker{color:var(--v2-gold-600)}
.v2 .article blockquote{margin:0 0 .8em;padding:10px 14px;background:var(--v2-bg-soft);border-left:3px solid var(--v2-teal-500);border-radius:0 var(--v2-r-md) var(--v2-r-md) 0;color:var(--v2-text-2);font-style:normal;font-size:13px}
.v2 .article code{background:var(--v2-bg-soft);border:1px solid var(--v2-line);border-radius:5px;padding:1px 5px;font-size:12px;color:var(--v2-ink-700);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.v2 .article a{color:var(--v2-gold-600);text-decoration:none;border-bottom:1px solid rgba(201,162,39,.4)}
.v2 .article a:hover{color:var(--v2-gold-500)}
.v2 .article strong{color:var(--v2-text);font-weight:700}
.v2 .article em{font-style:italic;font-size:12px;line-height:1.5;color:var(--v2-text-3);letter-spacing:.1px}
.v2 .article p:has(em){margin:.25em 0 .55em;padding-left:11px;border-left:2px solid var(--v2-line)}
/* 相关阅读：上一篇/下一篇（2026-10-22 新增，提升长文连读） */
.v2 .article-nav{display:flex;gap:14px;margin:26px 0 0;padding-top:16px;border-top:1px solid var(--v2-line)}
.v2 .article-nav a,.v2 .article-nav .is-none{
  flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;
  text-decoration:none;background:var(--v2-bg-soft);border:1px solid var(--v2-line);
  border-radius:var(--v2-r-md);padding:12px 16px;transition:border-color .2s,background .2s
}
.v2 .article-nav .is-none{visibility:hidden}/* 占位保两栏对齐 */
.v2 .article-nav a:hover{border-color:rgba(201,162,39,.45);background:rgba(201,162,39,.06)}
.v2 .article-nav span{font-size:11.5px;font-weight:600;color:var(--v2-text-3);letter-spacing:.5px}
.v2 .article-nav a:hover span{color:var(--v2-gold-600)}
.v2 .article-nav b{font-size:13px;font-weight:600;color:var(--v2-text);line-height:1.45;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.v2 .article-nav a:hover b{color:var(--v2-gold-600)}
.v2 .article-nav .an-next{margin-left:auto;text-align:right;align-items:flex-end}
.v2 .article table.nl-table{width:100%;border-collapse:collapse;margin:0 0 1.2em;font-size:14px;line-height:1.7;color:var(--v2-text);table-layout:fixed}
.v2 .article table.nl-table th,.v2 .article table.nl-table td{border:1px solid var(--v2-line);padding:9px 12px;vertical-align:top;word-break:break-word;overflow-wrap:anywhere;min-width:0}
.v2 .article table.nl-table th{background:var(--v2-bg-soft);font-weight:700;color:var(--v2-ink-700);text-align:left;white-space:nowrap}
.v2 .article table.nl-table td:first-child{color:var(--v2-ink-700);font-weight:600;width:24%}
.v2 .article table.nl-table tr:nth-child(even) td{background:#FAFCFC}
.v2 .article table.nl-table td:last-child{color:var(--v2-text-2)}
/* 移动端 */
@media(max-width:768px){
  .v2 .news-head{padding:80px 0 14px}
  .v2 .news-head h1{font-size:24px}
  .v2 .news-badge{font-size:11px;padding:4px 13px;letter-spacing:2px}
  .v2 .news-stats{gap:6px;margin-top:12px}
  .v2 .news-stats span{font-size:11px;padding:3px 10px}
  .v2 .news-list{grid-template-columns:1fr;gap:12px;padding:4px 0 40px}
  .v2 .news-card{padding:17px 18px;gap:12px}
  .v2 .news-no{font-size:24px}
  .v2 .news-card h2{font-size:16.5px}
  .v2 .news-lead{padding:20px 18px}
  .v2 .news-lead h2{font-size:18px}
  .v2 .article-wrap{padding:84px 0 36px}
  .v2 .article-wrap h1{font-size:18px}
  .v2 .article{font-size:12.5px}
  .v2 .article h2{font-size:15px}
  .v2 .article h3{font-size:13px}
  .v2 .article h4{font-size:12px}
  .v2 .article-lead{font-size:12px;padding:7px 10px}
  .v2 .article em{font-size:11px}
}