/* 服务条款页专属样式。
   站点外壳（logo/导航/按钮/页脚/回到顶部/移动菜单/skip-link/toast/callout 等）统一由 base.css 提供，
   此处不再重复定义，避免取值分歧导致的跨页视觉不一致。 */

/* ===== 面包屑 ===== */
.d-breadcrumb{max-width:var(--container);margin:0 auto;padding:16px 24px 2px;font-size:13px;color:var(--ink-3)}

.d-breadcrumb a{color:var(--ink-3)}

.d-breadcrumb a:hover{color:var(--primary)}

.d-breadcrumb-sep{margin:0 8px;color:var(--ink-4)}

.d-breadcrumb-current{color:var(--ink-2);max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

/* ===== 页面头部 ===== */
.v-hero{max-width:var(--container);margin:0 auto;padding:18px 24px 0}

.v-hero h1{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:600;line-height:1.4;color:var(--ink-title)}

.v-hero h1 svg{width:22px;height:22px;color:var(--primary)}

.v-hero-desc{margin-top:6px;font-size:15px;line-height:1.7;color:var(--ink-3);max-width:var(--text-measure)}

.doc-dates{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px;font-size:13px;color:var(--ink-3)}

.doc-dates strong{color:var(--ink-2);font-weight:600}

/* ===== 页面主体 ===== */
.v-page{max-width:var(--container);margin:0 auto;padding:18px 24px 48px;display:flex;flex-direction:column;gap:24px}

/* ===== 目录 ===== */
.doc-toc{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 20px}

.doc-toc h2{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink-title)}

.doc-toc h2 svg{width:16px;height:16px;color:var(--primary);flex-shrink:0}

.toc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 16px;margin-top:10px}

.toc-grid a{font-size:13px;color:var(--ink-2);padding:5px 0;transition:color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.toc-grid a:hover{color:var(--primary)}

.toc-grid a span{color:var(--ink-4);margin-right:6px;font-variant-numeric:tabular-nums}

/* ===== 条款正文 ===== */
.doc-body{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:28px 28px 32px}

.doc-body h2{scroll-margin-top:66px;font-size:17px;font-weight:600;color:var(--ink-title);margin:28px 0 10px;padding-top:20px;border-top:1px solid var(--border)}

.doc-body h2:first-of-type{margin-top:0;padding-top:0;border-top:none}

.doc-body p{font-size:15px;line-height:1.9;color:var(--ink-2);margin-top:8px}

.doc-body ul,.doc-body ol{margin:8px 0 0 0;padding-left:22px}

.doc-body li{font-size:15px;line-height:1.9;color:var(--ink-2);margin-top:4px}

.doc-body strong{color:var(--ink-title);font-weight:600}

.doc-body a{border-bottom:1px solid transparent;transition:border-color .15s}

.doc-body a:hover{border-bottom-color:var(--primary)}

/* ===== 相关文档 ===== */
.doc-related{display:flex;flex-wrap:wrap;gap:10px}

.doc-related a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;color:var(--ink-2);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);transition:color .15s,border-color .15s}

.doc-related a:hover{color:var(--primary);border-color:var(--primary)}

.doc-related a svg{width:14px;height:14px}

/* ===== 响应式 ===== */
@media(max-width:1000px){
  .d-breadcrumb{padding:14px 16px 2px}
  .v-hero{padding:14px 16px 0}
  .v-page{padding:14px 16px 40px}
  .toc-grid{grid-template-columns:repeat(2,1fr)}
  .doc-body{padding:20px 16px 24px}
  .footer-top{grid-template-columns:1fr;gap:32px}
  .footer-cols{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:640px){
  .header-inner{padding:0 16px;gap:12px}
  .toc-grid{grid-template-columns:1fr}
  .footer-bottom{justify-content:center;text-align:center}
  .back-to-top{right:16px;bottom:24px}
}