/* AnyAIGC 法律文档页共用样式 —— 与 index.html 的 .af-page 设计语言保持一致 */

*,
*::before,
*::after { margin:0; padding:0; box-sizing:border-box }

:root{
  --af-ink:#241c1a;
  --af-muted:#6c615c;
  --af-canvas:#f8f5f2;
  --af-surface:#ffffff;
  --af-line:#eaded8;
  --af-coral:#e45f45;
  --af-coral-dark:#bd432f;
  --af-amber:#d9a441;
  --af-sage:#63796b;
}

body{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;
  background:var(--af-canvas);
  color:var(--af-ink);
  line-height:1.8;
  -webkit-font-smoothing:antialiased;
}

/* ---------- 顶栏 ---------- */
.af-topbar{
  background:#2a211f;
  border-bottom:1px solid #55413b;
  position:sticky;
  top:0;
  z-index:10;
}
.af-topbar-inner{
  max-width:900px;
  margin:0 auto;
  padding:15px 20px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.af-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:19px;
  font-weight:800;
  color:#fff;
  text-decoration:none;
  letter-spacing:-0.2px;
}
.af-logo span{color:var(--af-coral)}
.af-logo-img{
  width:30px;
  height:30px;
  flex:0 0 auto;
  display:block;
  border-radius:6px;
  object-fit:contain;
}
.af-topbar-nav{display:flex;gap:18px;flex-wrap:wrap}
.af-topbar-nav a{
  font-size:14px;
  color:#cfc3bd;
  text-decoration:none;
  transition:color .2s ease;
}
.af-topbar-nav a:hover{color:#ffd38a}
.af-topbar-nav a[aria-current="page"]{color:#fff;font-weight:700}

/* ---------- 头部 ---------- */
.af-hero{
  background:#2a211f;
  color:#fff;
  border-bottom:4px solid var(--af-coral);
}
.af-hero-inner{
  max-width:900px;
  margin:0 auto;
  padding:52px 20px 40px;
}
.af-badge{
  display:inline-block;
  padding:7px 12px;
  border-radius:999px;
  background:#3a2d29;
  border:1px solid #59423b;
  color:#f5d8cb;
  font-size:13px;
  font-weight:700;
  margin-bottom:18px;
}
.af-hero h1{
  font-size:40px;
  line-height:1.2;
  font-weight:800;
  margin-bottom:14px;
  letter-spacing:0;
}
.af-hero-desc{
  font-size:16px;
  line-height:1.8;
  color:#f7efeb;
  max-width:760px;
  margin-bottom:14px;
}
.af-meta{
  font-size:14px;
  color:#cfc3bd;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.af-meta-sep{color:#7d6a63}

/* ---------- 目录 ---------- */
.af-toc{
  max-width:900px;
  margin:-22px auto 0;
  padding:0 20px;
  position:relative;
}
.af-toc-box{
  background:var(--af-surface);
  border:1px solid var(--af-line);
  border-top:3px solid var(--af-amber);
  border-radius:8px;
  padding:20px 22px;
  box-shadow:0 10px 24px rgba(77,48,38,.06);
}
.af-toc-box h2{
  font-size:15px;
  font-weight:800;
  margin-bottom:12px;
  color:var(--af-ink);
}
.af-toc-list{
  list-style:none;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px 20px;
}
.af-toc-list a{
  display:block;
  font-size:14px;
  color:var(--af-muted);
  text-decoration:none;
  padding:3px 0;
  border-bottom:1px solid transparent;
  transition:color .2s ease,border-color .2s ease;
}
.af-toc-list a:hover{color:var(--af-coral-dark);border-bottom-color:#f1c9b9}

/* ---------- 正文 ---------- */
.af-doc{
  max-width:900px;
  margin:0 auto;
  padding:34px 20px 64px;
}
.af-intro{
  background:#fff3ed;
  border:1px solid #f1c9b9;
  border-left:4px solid var(--af-coral);
  border-radius:8px;
  padding:20px 22px;
  color:#4b3b34;
  font-size:15px;
  margin-bottom:26px;
}
.af-section{
  background:var(--af-surface);
  border:1px solid var(--af-line);
  border-top:3px solid var(--af-coral);
  border-radius:8px;
  padding:24px 26px;
  margin-bottom:16px;
  scroll-margin-top:88px;
}
.af-section:nth-of-type(3n+2){border-top-color:var(--af-amber)}
.af-section:nth-of-type(3n){border-top-color:var(--af-sage)}
.af-section-title{
  font-size:20px;
  font-weight:800;
  color:var(--af-ink);
  margin-bottom:14px;
  line-height:1.4;
}
.af-section p{
  margin-bottom:12px;
  color:var(--af-muted);
  font-size:15px;
}
.af-section p:last-child{margin-bottom:0}
.af-subsection{margin:18px 0}
.af-subsection:last-child{margin-bottom:0}
.af-subsection-title{
  font-size:16px;
  font-weight:700;
  color:var(--af-ink);
  margin-bottom:8px;
  padding-left:11px;
  border-left:3px solid var(--af-coral);
}
.af-section ul{
  padding-left:20px;
  margin-bottom:12px;
}
.af-section ul:last-child{margin-bottom:0}
.af-section ul li{
  font-size:15px;
  color:var(--af-muted);
  margin-bottom:8px;
  line-height:1.75;
}
.af-section ul li:last-child{margin-bottom:0}
.af-section ul li::marker{color:var(--af-coral)}
.af-section strong{color:var(--af-ink);font-weight:700}
.af-section a{
  color:var(--af-coral-dark);
  text-decoration:none;
  border-bottom:1px solid #f1c9b9;
  transition:border-color .2s ease;
}
.af-section a:hover{border-bottom-color:var(--af-coral-dark)}

.af-note{
  background:#f6f2ec;
  border:1px solid var(--af-line);
  border-left:4px solid var(--af-amber);
  border-radius:0 8px 8px 0;
  padding:13px 16px;
  font-size:14px;
  color:#544842;
  margin:16px 0;
}
.af-note:last-child{margin-bottom:0}

/* ---------- 底部 CTA ---------- */
.af-final-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:26px;
  padding:22px;
  background:#fff3ed;
  border:1px solid #f1c9b9;
  border-left:4px solid var(--af-coral);
  border-radius:8px;
}
.af-final-copy h2{font-size:20px;margin-bottom:6px;color:var(--af-ink)}
.af-final-copy p{margin:0;color:var(--af-muted);font-size:14px;line-height:1.7}
.af-final-actions{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}
.af-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 20px;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  font-size:15px;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
.af-btn:hover{transform:translateY(-1px)}
.af-btn:focus-visible{outline:3px solid rgba(228,95,69,.45);outline-offset:2px}
.af-btn-primary{background:var(--af-coral);color:#fff;border:1px solid var(--af-coral)}
.af-btn-primary:hover{background:var(--af-coral-dark);border-color:var(--af-coral-dark)}
.af-btn-secondary{background:#fff;color:var(--af-ink);border:1px solid #d8b8aa}
.af-btn-secondary:hover{background:#fdf6f2;border-color:var(--af-coral)}

/* ---------- 页脚（与 index.html 的 .af-sitefoot 保持一致） ---------- */
.af-sitefoot{
  background:#231b19;
  border-top:4px solid var(--af-coral);
  padding:28px 20px;
  text-align:center;
}
.af-sitefoot-inner{
  max-width:1180px;
  margin:0 auto;
}
.af-sitefoot-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px 16px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.af-sitefoot-links a{
  font-size:14px;
  font-weight:600;
  color:#cfc3bd;
  text-decoration:none;
  transition:color .2s ease;
}
.af-sitefoot-links a:hover{color:#ffd38a}
.af-sitefoot-links a:focus-visible{outline:3px solid rgba(255,211,138,.45);outline-offset:2px;border-radius:3px}
.af-sitefoot-sep{color:#7d6a63}
.af-sitefoot-copy{margin:0;font-size:13px;color:#b8aba4;line-height:1.8}

a:focus-visible{outline:3px solid rgba(255,211,138,.55);outline-offset:2px;border-radius:3px}

/* ---------- 响应式 ---------- */
@media (max-width:760px){
  .af-hero-inner{padding:40px 16px 32px}
  .af-hero h1{font-size:30px}
  .af-toc{padding:0 16px}
  .af-toc-list{grid-template-columns:1fr}
  .af-doc{padding:28px 16px 48px}
  .af-section{padding:20px 18px}
  .af-final-cta{flex-direction:column;align-items:flex-start}
}

@media (max-width:480px){
  .af-hero h1{font-size:26px}
  .af-topbar-inner{flex-direction:column;align-items:flex-start;gap:10px}
  .af-final-actions{display:grid;grid-template-columns:1fr;width:100%}
  .af-btn{width:100%}
  .af-sitefoot-links{flex-direction:column;gap:8px}
  .af-sitefoot-sep{display:none}
}

@media print{
  .af-topbar,.af-toc,.af-final-cta{display:none}
  body{background:#fff}
  .af-hero{background:#fff;color:#000;border-bottom:2px solid #000}
  .af-hero h1{color:#000}
  .af-hero-desc,.af-meta{color:#333}
  .af-badge{background:none;border:1px solid #999;color:#333}
  .af-section{border:1px solid #ccc;break-inside:avoid}
  .af-sitefoot{background:#fff;border-top:1px solid #ccc}
  .af-sitefoot-links a{color:#333}
  .af-sitefoot-copy{color:#333}
}