/* ==========================================================================
   深租会官网 · 文章页专用样式  article.css
   --------------------------------------------------------------------------
   设计原则：
   1. 完整重声明 assets/style.css 的 CSS 变量，确保独立加载也能继承品牌视觉
   2. 不修改、不覆盖 style.css 任何既有规则
   3. 新增类统一使用 art- 前缀，杜绝命名冲突
   4. 补齐 style.css 完全缺失的文章排版能力：表格 / 图表 / FAQ / 来源 / 面包屑
   ========================================================================== */

/* ---------- 1. 继承品牌变量（与 assets/style.css 完全一致） ---------- */
:root{
  --bg:#f5f2eb;
  --paper:#fbfaf7;
  --ink:#151918;
  --muted:#6b706d;
  --line:#d8d3ca;
  --brand:#183e53;
  --brand2:#0f6571;
  --brand3:#0a727c;
  --gold:#c6a35c;
  --white:#fff;
  --max:1240px;
  --read:760px;          /* 正文阅读宽度 */
}

/* ---------- 2. 面包屑 ---------- */
.art-crumb{
  border-bottom:1px solid var(--line);
  padding:14px 0;
  font-size:13px;
  color:var(--muted);
}
.art-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.art-crumb li:not(:last-child)::after{content:"›";margin-left:8px;color:#b9b4aa}
.art-crumb a{color:var(--muted)}
.art-crumb a:hover{color:var(--brand)}
.art-crumb li[aria-current]{color:var(--brand);font-weight:600}

/* ---------- 3. 文章头部 ---------- */
.art-hero{padding:44px 0 34px}
.art-cat{
  display:inline-block;
  font-size:12px;letter-spacing:.12em;font-weight:700;color:#97763d;
  border:1px solid var(--line);border-radius:999px;padding:4px 13px;
  background:var(--paper);
}
.art-title{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:clamp(32px,4vw,50px);
  line-height:1.26;letter-spacing:-.02em;
  margin:18px 0 0;font-weight:700;color:var(--ink);
}
.art-lead{
  margin:20px 0 0;max-width:var(--read);
  font-size:18px;line-height:1.85;color:#2c322f;
  border-left:3px solid var(--gold);padding-left:18px;
}
.art-meta{
  margin:24px 0 0;display:flex;flex-wrap:wrap;gap:20px;
  font-size:13px;color:var(--muted);
  padding-top:16px;border-top:1px solid var(--line);max-width:var(--read);
}

/* ---------- 4. 正文排版 ---------- */
.art-body{max-width:var(--read);padding:6px 0 0}
.art-body>*:first-child{margin-top:0}

.art-body h2{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:29px;line-height:1.4;font-weight:700;
  margin:52px 0 16px;color:var(--ink);
  padding-top:26px;border-top:1px solid var(--line);
}
.art-body h2:first-of-type{border-top:0;padding-top:0}
.art-body h3{
  font-size:21px;font-weight:700;line-height:1.5;
  margin:34px 0 12px;color:var(--brand);
}
.art-body h4{font-size:17px;font-weight:700;margin:26px 0 10px;color:var(--ink)}

.art-body p{
  margin:0 0 20px;
  font-size:17px;line-height:1.95;color:#262b28;
}
.art-body strong{color:var(--ink);font-weight:700}

.art-body ul,.art-body ol{margin:0 0 22px;padding-left:24px}
.art-body li{font-size:17px;line-height:1.9;margin-bottom:9px;color:#262b28}
.art-body li::marker{color:var(--gold)}

.art-body blockquote{
  margin:26px 0;padding:16px 20px;
  background:var(--paper);border-left:3px solid var(--brand2);
  color:var(--muted);font-size:15px;line-height:1.8;
}
.art-body blockquote p:last-child{margin-bottom:0}

.art-body hr{border:0;border-top:1px solid var(--line);margin:40px 0}

.art-body a{color:var(--brand2);text-decoration:underline;text-underline-offset:3px}
.art-body a:hover{color:var(--brand)}

/* 表格 —— style.css 完全未提供，此处补齐 */
.art-body table{
  width:100%;border-collapse:collapse;
  margin:26px 0;font-size:15px;background:var(--paper);
}
.art-body th,.art-body td{
  border:1px solid var(--line);padding:11px 14px;text-align:left;line-height:1.6;
}
.art-body th{
  background:#efece4;font-weight:700;color:var(--brand);font-size:14px;
  white-space:nowrap;
}
.art-body td strong{color:var(--ink)}
.art-body tbody tr:nth-child(even){background:#f7f5f0}
.tbl-wrap{overflow-x:auto;margin:26px 0;-webkit-overflow-scrolling:touch}
.tbl-wrap table{margin:0}
.tbl-note{font-size:13px;color:var(--muted);margin:10px 0 0;line-height:1.7}

/* 图表 —— 自有版权图表统一容器 */
.art-body figure{margin:32px 0}
.art-body figure img{
  width:100%;height:auto;display:block;
  border:1px solid var(--line);border-radius:10px;background:var(--white);
}
.art-body figcaption{
  margin-top:11px;font-size:13px;line-height:1.75;color:var(--muted);
  padding-left:12px;border-left:2px solid var(--gold);
}

/* ---------- 5. 数据来源区块 ---------- */
.art-source{
  margin:52px 0 0;padding:22px 24px;
  background:#eeeade;border:1px solid var(--line);border-radius:12px;
  max-width:var(--read);
}
.art-source h2{
  font-size:14px;letter-spacing:.1em;font-weight:700;color:#97763d;
  margin:0 0 12px;border:0;padding:0;font-family:inherit;
}
.art-source p{margin:0;font-size:13.5px;line-height:1.85;color:#4a4f4c}
.art-source em{font-style:normal;color:var(--brand2)}

/* ---------- 6. FAQ 区块 ---------- */
.art-faq{
  margin:44px 0 0;max-width:var(--read);
  border-top:2px solid var(--ink);padding-top:26px;
}
.art-faq h2{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:27px;margin:0 0 20px;border:0;padding:0;color:var(--ink);
}
.art-faq-item{padding:16px 0;border-bottom:1px solid var(--line)}
.art-faq-item dt{font-weight:700;font-size:16.5px;color:var(--ink);margin-bottom:8px;line-height:1.65}
.art-faq-item dd{margin:0;font-size:16px;line-height:1.9;color:#3a403d}

/* ---------- 7. 相关阅读 ---------- */
.art-related{
  margin:56px 0 0;max-width:var(--read);
  background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px 26px;
}
.art-related h2{
  font-size:13px;letter-spacing:.1em;color:#97763d;font-weight:700;
  margin:0 0 6px;border:0;padding:0;font-family:inherit;
}
.art-related li{list-style:none}
.art-related ul{margin:0;padding:0}
.art-related li+li{margin-top:12px}
.art-related a{display:block;font-size:16px;font-weight:600;color:var(--ink);line-height:1.6}
.art-related a:hover{color:var(--brand2)}
.art-related span{display:block;font-size:13px;color:var(--muted);margin-top:3px}

/* ---------- 8. 文末行动区（复用品牌话术，不改咨询表单） ---------- */
.art-cta{
  margin:32px 0 0;max-width:var(--read);
  padding:26px 28px;border-radius:14px;
  background:linear-gradient(135deg,#17394b 0%,#124f5d 55%,#0b5964 100%);
  color:#fff;
}
.art-cta strong{
  display:block;font-family:"Songti SC","STSong","SimSun",serif;
  font-size:23px;margin-bottom:9px;font-weight:700;
}
.art-cta p{margin:0 0 18px;font-size:14.5px;line-height:1.8;color:rgba(255,255,255,.82)}
.art-cta-btn{
  display:inline-block;padding:11px 22px;border-radius:999px;
  background:#f4efdf;color:#17394b;font-size:14px;font-weight:700;
  cursor:pointer;border:0;font-family:inherit;
}

/* ---------- 9. 演示标记（严禁出现在正式内容） ---------- */
.art-demo-banner{
  background:#8a2b2b;color:#fff;text-align:center;
  padding:11px 16px;font-size:14px;font-weight:700;letter-spacing:.04em;
  position:sticky;top:0;z-index:120;
}
.art-demo-banner span{font-weight:400;opacity:.9}

/* ---------- 10. 栏目首页 ---------- */
.guide-head-block{padding:46px 0 8px}
.guide-title{
  font-family:"Songti SC","STSong","SimSun",serif;
  font-size:clamp(34px,4.4vw,54px);margin:14px 0 0;font-weight:700;letter-spacing:-.02em;
}
.guide-lead{font-size:17px;line-height:1.85;color:var(--muted);max-width:640px;margin:16px 0 0}
.guide-count{margin:34px 0 0;font-size:13px;color:var(--muted)}

.guide-group{margin:44px 0 0}
.guide-group-name{
  font-size:12px;letter-spacing:.12em;font-weight:700;color:#97763d;
  padding-bottom:10px;border-bottom:1px solid var(--ink);
}
.guide-row{
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  padding:19px 0;border-bottom:1px solid var(--line);
}
.guide-row:hover{background:var(--paper)}
.guide-row b{font-size:18px;font-weight:600;display:block;line-height:1.45}
.guide-row p{margin:7px 0 0;font-size:14px;color:var(--muted);line-height:1.7}
.guide-row em{font-style:normal;font-size:13px;color:var(--brand);white-space:nowrap}
.guide-tag{
  display:inline-block;font-size:11.5px;color:#97763d;letter-spacing:.06em;
  border:1px solid var(--line);border-radius:999px;padding:2px 10px;margin-bottom:9px;
  background:var(--paper);
}
.guide-empty{
  padding:44px 0;text-align:center;color:var(--muted);font-size:15px;line-height:1.9;
  border:1px dashed var(--line);border-radius:14px;margin:34px 0 0;
}

.article-nav{
  display:flex;justify-content:space-between;gap:20px;
  margin:52px 0 0;padding-top:24px;border-top:1px solid var(--line);max-width:var(--read);
}
.article-nav a{font-size:15px;color:var(--brand2)}
.article-nav .prev,.article-nav .next{max-width:46%}
.article-nav .next{text-align:right;margin-left:auto}

.site-main-guide{padding-bottom:72px}

/* ---------- 11. 响应式 ---------- */
@media(max-width:940px){
  .art-hero{padding:30px 0 22px}
  .art-title{font-size:31px}
  .art-lead{font-size:16.5px;padding-left:15px}
  .art-body h2{font-size:25px;margin:40px 0 14px;padding-top:20px}
  .art-body h3{font-size:19px}
  .art-body p,.art-body li{font-size:16.5px}
  .art-body table{font-size:14px}
  .art-body th,.art-body td{padding:9px 11px;white-space:normal}
  .guide-row{grid-template-columns:1fr}
  .guide-row em{display:none}
  .guide-title{font-size:32px}
  .article-nav{flex-direction:column;gap:14px}
  .article-nav .next{text-align:left;margin-left:0}
  .article-nav .prev,.article-nav .next{max-width:100%}
}
@media(max-width:560px){
  .art-meta{gap:12px;font-size:12.5px}
  .art-source,.art-related{padding:18px}
  .art-cta{padding:20px 18px}
  .art-cta strong{font-size:20px}
}

/* H01 文章末尾咨询区补充 */
.art-cta-note{margin:10px 0 0;font-size:12px;color:#8a8d89;line-height:1.7}