/* ============================================================
   条文解读专题 · 正文语义块样式   2026-10-22
   ------------------------------------------------------------
   背景：正文内容里用了 .art-law / .art-key / .art-case /
   .art-ops / .art-risk 这组类名，但 style.css 中没有对应定义，
   实际渲染全部退化为普通段落，条文与解读分不开、清单没有层次。

   除视觉作用外，这里也有 GEO 考虑：AI 摘要器在切分长文时依赖
   视觉块边界（背景、边框、缩进），块边界清晰的页面更容易被
   按「条文原文 / 要点 / 案例 / 清单」正确分块后抽取。

   独立成文件，便于单独回退（删除本文件并去掉 header.htm 里的
   引用即可），不必改动 103KB 的 style.css。
   ============================================================ */

/* ---------------- 条文原文 ---------------- */
.art-law{
  position:relative;
  margin:2.2em 0 2em;
  padding:1.9em 1.7em 1.3em;
  background:var(--paper);
  border-left:3px solid var(--gold);
  border-radius:0 8px 8px 0;
}
.art-law__no{
  position:absolute;top:-11px;left:1.4em;
  font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;
  color:#fff;background:var(--ink);
  padding:4px 13px;border-radius:4px;
}
.art-law>p{
  margin:0 0 .85em;
  font-size:15.5px;line-height:2;color:#2a2f36;
}
.art-law>p:last-child{margin-bottom:0;}
.art-law .art-law__loc{
  margin:.9em 0 0;padding-top:.85em;
  border-top:1px dashed #dcd6c6;
  font-family:var(--sans);font-size:12.5px;color:var(--text-2);letter-spacing:.03em;
}

/* ---------------- 本条要点 ---------------- */
.art-key{
  margin:2.2em 0;
  padding:1.5em 1.7em 1.3em;
  background:#fff;
  border:1px solid var(--line);
  border-top:2px solid var(--ink);
  border-radius:6px;
}
.art-body .art-key__h{
  margin:0 0 1.1em;padding:0;border:0;
  font-family:var(--sans);font-size:13px;font-weight:700;
  letter-spacing:.14em;color:var(--ink);
}
/* style.css 给 .art-body h2 挂了 asec 自动编号（01/02/…），
   正文小标题自带「一、二、三」。若不排除，本框会占掉 01，
   让后面全部错位一位。这里让它既不计数也不显示编号。 */
.art-body .art-key__h{counter-increment:none;}
.art-body .art-key__h::after{content:none;display:none;}
.art-body .art-key__list{margin:0;padding:0;list-style:none;}
.art-body .art-key__list li{
  display:flex;gap:1em;
  margin:0 0 .9em;padding:0;list-style:none;
  font-size:15px;line-height:1.9;
}
.art-body .art-key__list li:last-child{margin-bottom:0;}
.art-body .art-key__list li::before{display:none;content:none;}
.art-key__list b{
  flex:0 0 3.2em;
  font-family:var(--sans);font-size:12px;font-weight:600;
  letter-spacing:.06em;color:var(--gold-2);
  padding-top:.34em;
}
.art-key__list span{flex:1;min-width:0;color:#2a2f36;}

/* ---------------- 实务案例 ---------------- */
.art-case{
  margin:0 0 2.2em;
  padding:1.6em 1.7em;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:8px;
}
.art-case>p{
  margin:0 0 1em;
  font-size:15.5px;line-height:1.95;color:#2a2f36;
}
.art-case>p:last-child{margin-bottom:0;}
.art-case>p:first-child{font-weight:600;color:var(--ink);}

/* ---------------- 落地动作清单 ---------------- */
.art-body ol.art-ops{counter-reset:ops;margin:0 0 2.2em;padding:0;list-style:none;}
.art-body ol.art-ops li{
  position:relative;
  margin:0 0 1em;padding-left:46px;list-style:none;
  font-size:15.5px;line-height:1.9;
}
.art-body ol.art-ops li::before{
  counter-increment:ops;
  content:counter(ops,decimal-leading-zero);
  position:absolute;left:0;top:.15em;
  width:28px;height:28px;line-height:28px;text-align:center;
  border-radius:50%;background:var(--ink);color:#fff;
  font-family:var(--sans);font-size:11px;font-weight:700;
}

/* ---------------- 常见的坑 ---------------- */
.art-body ul.art-risk{margin:0 0 2.2em;padding:0;list-style:none;}
.art-body ul.art-risk li{
  position:relative;
  margin:0 0 .95em;padding-left:22px;list-style:none;
  font-size:15.5px;line-height:1.9;color:#33383f;
}
.art-body ul.art-risk li::before{
  content:"";position:absolute;left:0;top:.78em;
  width:7px;height:7px;border-radius:50%;
  background:#b23a2e;transform:none;
}

/* ---------------- 移动端 ---------------- */
@media (max-width:640px){
  .art-law{padding:1.6em 1.2em 1.1em;margin:2em -.4em 1.8em;}
  .art-key{padding:1.3em 1.2em;}
  .art-body .art-key__list li{flex-direction:column;gap:.15em;}
  .art-key__list b{flex:none;padding-top:0;}
  .art-case{padding:1.3em 1.2em;}
  .art-body ol.art-ops li{padding-left:40px;}
}

/* 量化判断表：股权设计深度专栏 */
.art-table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px;line-height:1.75;background:#fff}
.art-table th,.art-table td{border:1px solid #e2e8f0;padding:11px 14px;vertical-align:top;text-align:left}
.art-table th{background:#f4f7fa;font-weight:600;color:#1a365d;width:132px;white-space:nowrap}
.art-table td{color:#334155}
.art-table tr:nth-child(even) td{background:#fbfcfd}
@media (max-width:640px){
  .art-table,.art-table tbody,.art-table tr,.art-table th,.art-table td{display:block;width:100%}
  .art-table th{border-bottom:none;white-space:normal}
  .art-table td{margin-bottom:12px}
}