/* ============================================================
   行业知识 · 文章页 V2 版式（合规解读 / 应用问答 长文页共用）
   PC 设计稿 59:674（1920×4258）/ 移动稿 5:439（750×2262）
     PC:  64 + 页头 158 + 64 + 正文 3908 + 64 = 4258
     移动（÷2）: 20 + 页头 59 + 20 + 正文 972 + 20 = 1131
   正文三栏：1680 = 200(内容导航) + 32 + 1216(正文) + 32 + 200(留白)
   ============================================================ */

.v2-art{background:#fff;color:#212121;font-family:var(--v2-sans);
  padding:clamp(32px,3.33vw,64px) clamp(20px,6.25vw,120px);
  display:flex;flex-direction:column;gap:clamp(20px,3.33vw,64px)}
/* 页头：面包屑 28/42（末项深色）+ 分类标题 56/84，gap 32 */
.v2-art__head{display:flex;flex-direction:column;gap:clamp(8px,1.67vw,32px)}
.v2-art__crumb{margin:0;display:flex;flex-wrap:wrap;align-items:center;
  gap:clamp(4px,.42vw,8px);color:#6f6f6f;font-weight:400;
  font-size:clamp(12px,1.46vw,28px);line-height:1.5}
.v2-art__crumb a{flex:0 0 auto;white-space:nowrap;color:#6f6f6f;transition:color .15s}
.v2-art__crumb>span[aria-hidden]{flex:0 0 auto}
.v2-art__crumb a:hover{color:var(--v2-orange)}
.v2-art__crumb [aria-current]{color:#212121}
.v2-art__kicker{margin:0;color:#212121;font-family:var(--v2-display);font-weight:700;
  font-size:clamp(20px,2.92vw,56px);line-height:1.5}

/* ---------- 正文三栏 ---------- */
.v2-art__body{display:flex;align-items:flex-start;gap:clamp(16px,1.67vw,32px)}
/* 内容导航：2px 竖条 + 20/30 文字，项间 24、条与文字间 16；
   随页面滚动吸顶（顶部留出 header 高度） */
.v2-art__toc{flex:0 0 clamp(150px,10.42vw,200px);position:sticky;
  top:clamp(80px,6.25vw,120px);display:flex;flex-direction:column;
  gap:clamp(12px,1.25vw,24px);padding:clamp(8px,.83vw,16px) 0;
  border-radius:clamp(4px,.42vw,8px)}
.v2-art__toc-title{margin:0;color:#c6c6c6;font-weight:500;
  font-size:clamp(12px,1.04vw,20px);line-height:1.5}
.v2-art__toc-item{display:flex;align-items:center;gap:clamp(8px,.83vw,16px);
  color:#6f6f6f;font-weight:500;font-size:clamp(12px,1.04vw,20px);
  line-height:1.5;transition:color .15s}
.v2-art__toc-item::before{content:"";flex:0 0 2px;width:2px;
  height:clamp(18px,1.56vw,30px);background:transparent;transition:background .15s}
.v2-art__toc-item:hover,.v2-art__toc-item.is-on{color:var(--v2-orange)}
.v2-art__toc-item.is-on::before{background:var(--v2-orange)}
/* 右侧 200 留白，保证正文列居中（与稿一致） */
.v2-art__aside{flex:0 0 clamp(150px,10.42vw,200px)}

/* ---------- 正文列：标题 48/72、导语 28/42、区块 gap 40 ---------- */
.v2-art__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;
  gap:clamp(20px,2.08vw,40px)}
.v2-art__title{margin:0;color:#212121;font-weight:700;
  font-size:clamp(20px,2.5vw,48px);line-height:1.5}
.v2-art__lead{margin:0;color:#212121;font-weight:400;text-align:justify;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
/* 区块：小标题 40/60 + 条目（条目间 gap 24，条目内 gap 12） */
.v2-art__sec{display:flex;flex-direction:column;
  gap:clamp(12px,1.25vw,24px);scroll-margin-top:clamp(80px,6.25vw,120px)}
.v2-art__sec>h2{margin:0;color:#212121;font-weight:700;
  font-size:clamp(18px,2.08vw,40px);line-height:1.5}
.v2-art__sec>p{margin:0;color:#212121;font-weight:400;text-align:justify;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-art__item{display:flex;flex-direction:column;gap:clamp(6px,.63vw,12px)}
.v2-art__item h3{margin:0;color:#212121;font-weight:700;
  font-size:clamp(16px,1.67vw,32px);line-height:1.5}
.v2-art__item p{margin:0;color:#212121;font-weight:400;text-align:justify;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
/* 说明行 24/36（灰）：需压过 .v2-art__sec>p 的 28/42 */
.v2-art__sec>.v2-art__note{margin:0;color:#6f6f6f;font-weight:400;text-align:justify;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}
/* 系统界面：1216×600 浅灰底 + 居中 1120×600 截图（radius 8）；
   aspect-ratio 预留高度，避免懒加载落地时撑开高度 */
.v2-art__shot{margin:0;background:#f9f9f9;border-radius:clamp(4px,.42vw,8px);
  aspect-ratio:1216/600;display:flex;align-items:center;justify-content:center;
  overflow:hidden}
.v2-art__shot img{display:block;width:92.1%;height:100%;object-fit:contain}
/* 相关能力卡片：1216 宽 #F9F9F9、radius 16、padding 32/24、行间 24；
   行内「标签 32/48 700 + 说明 28/42 + 橙色下划线链接」，间距 4、窄屏自动换行 */
.v2-art__card{display:flex;flex-direction:column;gap:clamp(12px,1.25vw,24px);
  padding:clamp(16px,1.67vw,32px) clamp(12px,1.25vw,24px);
  background:#f9f9f9;border-radius:clamp(8px,.83vw,16px)}
.v2-art__card-row{margin:0;display:flex;flex-wrap:wrap;align-items:center;
  gap:clamp(2px,.21vw,4px)}
.v2-art__card-label{color:#212121;font-weight:700;
  font-size:clamp(16px,1.67vw,32px);line-height:1.5}
.v2-art__card-text{color:#212121;font-weight:400;text-align:justify;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5}
.v2-art__card-link{display:inline-flex;align-items:center;
  gap:clamp(2px,.21vw,4px);color:var(--v2-orange);font-weight:500;
  font-size:clamp(14px,1.46vw,28px);line-height:1.5;text-decoration:underline}
.v2-art__card-link img{width:clamp(16px,1.67vw,32px);height:auto}
.v2-art__card-link:hover{filter:brightness(.92)}
/* 资料清单表格（PC 2:5385 1416×504 / 移动 5:727 670×540）：
   稿中无外框、无竖线，只有每行底部 1px #DDD 分隔线（末行也有，无顶部线）；
   三列 320:548:548（移动 120:275:275）；表头 24/36 Medium #6F6F6F、
   内容 24/36 Regular #212121；单元格上下 24、首列左右 0、其余列左右 8；
   宽度按稿取 1416 = 正文列 1216 + 右侧留白 200（比正文列宽出右留白那一栏） */
.v2-art__table{width:calc(100% + clamp(0px,10.42vw,200px))}
.v2-art__table table{width:100%;table-layout:fixed;border-collapse:collapse;
  background:#fff}
.v2-art__table col:nth-child(1){width:22.6%}
.v2-art__table col:nth-child(2),
.v2-art__table col:nth-child(3){width:38.7%}
.v2-art__table th,.v2-art__table td{border:0;border-bottom:1px solid #ddd;
  /* 减 .5px 抵掉 collapse 后每行叠加的 1px 分隔线，行高与稿的 84 对齐 */
  padding:calc(clamp(12px,1.25vw,24px) - .5px) 0;color:#212121;font-weight:400;
  text-align:justify;vertical-align:top;
  font-size:clamp(12px,1.25vw,24px);line-height:1.5}
.v2-art__table th+th,.v2-art__table td+td{
  padding-left:clamp(4px,.42vw,8px);padding-right:clamp(4px,.42vw,8px)}
.v2-art__table .v2-art__row--head th{color:#6f6f6f;font-weight:500}

/* ============================================================
   移动端（750 稿 ÷ 2）：无内容导航，正文单列
   ============================================================ */
html.device-mobile .v2-art{padding:20px;gap:20px}
html.device-mobile .v2-art__head{gap:8px}
/* 面包屑单行，末项省略号（5:444 maxLines=1 ENDING） */
html.device-mobile .v2-art__crumb{font-size:14px;gap:4px;flex-wrap:nowrap;
  overflow:hidden}
html.device-mobile .v2-art__crumb [aria-current]{flex:1 1 auto;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.device-mobile .v2-art__kicker{font-size:20px}
html.device-mobile .v2-art__body{flex-direction:column;gap:12px}
html.device-mobile .v2-art__toc,html.device-mobile .v2-art__aside{display:none}
html.device-mobile .v2-art__main{width:100%;gap:12px}
/* 应用问答 3（出口单证 5:722）稿中主块间距是 40（移动 750 稿），折算 20，
   与其余长文页的 12 不同，用 .v2-art--airy 单独放开 */
html.device-mobile .v2-art--airy .v2-art__main{gap:20px}
html.device-mobile .v2-art__title{font-size:20px}
html.device-mobile .v2-art__lead,
html.device-mobile .v2-art__sec>p,
html.device-mobile .v2-art__item p{font-size:14px}
html.device-mobile .v2-art__sec{gap:12px;scroll-margin-top:20px}
html.device-mobile .v2-art__sec>h2{font-size:20px}
html.device-mobile .v2-art__item{gap:6px}
html.device-mobile .v2-art__item h3{font-size:16px}
html.device-mobile .v2-art__sec>.v2-art__note{font-size:12px}
html.device-mobile .v2-art__shot{border-radius:4px}
/* 表格：移动稿三列 120:275:275，字号 24/36（折算 12/18）、上下 12；
   移动稿表格宽度 670 = 整列宽，不额外外扩 */
html.device-mobile .v2-art__table{width:100%}
html.device-mobile .v2-art__table col:nth-child(1){width:17.9%}
html.device-mobile .v2-art__table col:nth-child(2),
html.device-mobile .v2-art__table col:nth-child(3){width:41.05%}

/* ============================================================
   底部 CTA：复用首页 .v2-cta（padding 80/120、gap 48、头部 113、
   按钮行 82 / 60），文章页只覆盖两处差异
     流向登记 59:785（PC 493）/ 5:130（移动 361 → 180.5）单行副标题
     安全监测 2:5034（PC 563）/ 5:483（移动 377 → 188.5）两行副标题
   ① 副标题在文章页稿中为 neutral/800 #212121（首页为 #6f6f6f）
   ② 两行版描述组在稿中固定 112 高（100 + 12 余量），移动端无余量
   ============================================================ */
.v2-art__cta .v2-cta__desc p{color:#212121}
.v2-art__cta--2line .v2-cta__desc{padding-bottom:clamp(6px,.63vw,12px)}
html.device-mobile .v2-art__cta .v2-cta__desc{padding-bottom:0}
/* ③ 微信按钮文案：稿中 PC 为「添加企业微信」，移动为「添加 企业微信 获取方案」 */
.v2-art__mb{display:none}
html.device-mobile .v2-art__pc{display:none}
html.device-mobile .v2-art__mb{display:inline}