/* ============================================================
   通玄 TONGXUAN · 用户协议与隐私协议 terms.css
   宣纸卷宗式条款页：窄版心 · 分章页签 · 双主题走 token
   ============================================================ */
[hidden] { display: none !important; }

/* ---------- 页首 ---------- */
.terms-hero {
  padding: calc(var(--nav-h) + 64px) 0 56px;
  text-align: center;
  background:
    radial-gradient(ellipse 80% 100% at 50% -20%, rgba(212, 175, 106, 0.12), transparent 60%),
    linear-gradient(180deg, var(--ink-900), var(--ink-950));
}
.terms-hero .page-hero-title {
  margin-top: 16px;
  font-size: clamp(28px, 4.6vw, 42px);
  letter-spacing: 0.12em;
  color: var(--text-hi);
}
.terms-hero .page-hero-sub {
  margin-top: 14px;
  font-size: 13.5px; letter-spacing: 0.08em;
  color: var(--text-low);
}

/* ---------- 主体 ---------- */
.terms-main { padding: 64px 0 96px; }
.terms-container { max-width: 780px; }

.terms-tabs {
  display: flex; justify-content: center; gap: 10px;
  margin-bottom: 48px;
}
.terms-tabs a {
  padding: 9px 26px;
  font-family: var(--font-serif);
  font-size: 14.5px; font-weight: 600; letter-spacing: 0.14em; text-indent: 0.14em;
  color: var(--paper-ink-soft);
  border: 1px solid rgba(44, 42, 36, 0.22);
  border-radius: 999px;
  transition: color 0.3s, border-color 0.3s, background 0.3s;
}
.terms-tabs a:hover {
  color: #241a08;
  border-color: var(--gold-600);
  background: linear-gradient(135deg, rgba(212, 175, 106, 0.36), rgba(212, 175, 106, 0.18));
}

.terms-doc {
  padding: 44px 46px;
  border: 1px solid rgba(150, 114, 58, 0.35);
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, var(--paper-50), var(--paper-100));
  box-shadow: 0 14px 34px rgba(44, 42, 36, 0.08);
  scroll-margin-top: calc(var(--nav-h) + 24px);
}
.terms-doc + .terms-doc { margin-top: 40px; }

.terms-doc h2 {
  font-size: 26px; letter-spacing: 0.18em;
  color: var(--paper-ink);
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(150, 114, 58, 0.35);
}
.terms-intro {
  margin-top: 18px;
  font-size: 14.5px; line-height: 2.1;
  color: var(--paper-ink-soft);
}
.terms-doc h3 {
  margin-top: 34px;
  font-size: 17.5px; letter-spacing: 0.08em;
  color: var(--paper-ink);
}
.terms-doc h3::before {
  content: "";
  display: inline-block;
  width: 5px; height: 5px;
  margin-right: 10px;
  vertical-align: 3px;
  transform: rotate(45deg);
  background: var(--gold-600);
}
.terms-doc p, .terms-doc li {
  margin-top: 12px;
  font-size: 14.5px; line-height: 2.05;
  letter-spacing: 0.02em;
  color: var(--paper-ink-soft);
}
.terms-doc b { color: var(--paper-ink); font-weight: 600; }
.terms-doc ul {
  margin: 10px 0 0; padding-left: 0;
  list-style: none;
}
.terms-doc li {
  position: relative;
  padding-left: 20px;
}
.terms-doc li::before {
  content: "·";
  position: absolute; left: 4px; top: 0;
  color: var(--gold-600);
  font-weight: 700;
}
.terms-doc a {
  color: #8a5f23;
  border-bottom: 1px dashed rgba(150, 114, 58, 0.5);
  transition: color 0.3s;
}
.terms-doc a:hover { color: var(--paper-ink); }

.terms-foot {
  margin-top: 40px;
  text-align: center;
  font-family: var(--font-serif);
  font-size: 13.5px; letter-spacing: 0.14em;
  color: var(--paper-ink-soft);
}
.terms-footer { border-top: 1px solid rgba(212, 175, 106, 0.14); }

/* ---------- 袖中天适配（token 已覆大局，补细节） ---------- */
[data-theme="xiu"] .terms-hero {
  background:
    radial-gradient(ellipse 80% 100% at 50% -20%, rgba(127, 111, 174, 0.14), transparent 60%),
    linear-gradient(180deg, var(--ink-900), var(--ink-950));
}
[data-theme="xiu"] .terms-tabs a:hover {
  color: #fbf8f0;
  border-color: #7f6fae;
  background: linear-gradient(135deg, #8d7cc0, #584a85);
}
[data-theme="xiu"] .terms-doc h3::before { background: #7f6fae; }
[data-theme="xiu"] .terms-doc li::before { color: #7f6fae; }
[data-theme="xiu"] .terms-doc a { color: #584a85; border-bottom-color: rgba(88, 74, 133, 0.5); }

/* ---------- 响应式 ---------- */
@media (max-width: 720px) {
  .terms-doc { padding: 30px 22px; }
  .terms-main { padding: 44px 0 72px; }
}