/*
 * 用户协议页（terms.html）。
 *
 * 复用 platform.css 的站点骨架、色彩变量与页脚；这里只负责正文文档的排版：
 * 单栏条款，正文控制在可读行宽内，中文正文行高 1.9。
 */
.terms-main{width:100%;padding-bottom:0}

.terms-hero{padding-top:112px;padding-bottom:40px}
.terms-hero h1{margin-top:22px;font-size:clamp(34px,4.2vw,54px);font-weight:760;line-height:1.22;letter-spacing:-.04em;color:#000}
.terms-hero .hero-summary{max-width:660px;margin-top:24px;font-size:clamp(15px,1.2vw,17px);line-height:1.85}
.terms-version{max-width:none;margin:22px auto 0;color:var(--muted);font-size:13px;text-align:center;font-variant-numeric:tabular-nums}

.terms-section{width:min(920px,calc(100% - 64px));margin:0 auto;padding:14px 0 96px;border-top:1px solid var(--line)}
.terms-layout{padding-top:56px}

.terms-article{max-width:none;margin:0}
.terms-group{padding-top:42px;scroll-margin-top:96px}
.terms-group:first-child{padding-top:0}
.terms-group h2{margin:0;color:#000;font-size:22px;font-weight:700;line-height:1.5;letter-spacing:-.02em}
.terms-group p{max-width:none;margin-top:15px;color:var(--ink-soft);font-size:16px;line-height:1.9}
.terms-group p>a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.terms-group p>a:hover{color:var(--accent-dark)}
.terms-group ul{max-width:none;display:grid;gap:10px;margin:15px 0 0;padding-left:22px;color:var(--ink-soft);font-size:15.5px;line-height:1.85}
.terms-group li{padding-left:4px}
.terms-group li::marker{color:var(--accent)}

.terms-contact{display:grid;gap:0;margin:22px 0 0;padding:4px 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft)}
.terms-contact>div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:13px 0;border-bottom:1px solid var(--line)}
.terms-contact>div:last-child{border-bottom:0}
.terms-contact dt{color:var(--muted);font-size:13px}
.terms-contact dd{margin:0;color:var(--ink);font-size:14px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums lining-nums}
.terms-contact a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-decoration-thickness:1px;text-underline-offset:2px}
.terms-contact a:hover{color:var(--accent);text-decoration-color:var(--accent)}

@media(max-width:520px){
  .terms-section{width:calc(100% - 40px);padding-bottom:72px}
  .terms-hero{padding-top:96px;padding-bottom:32px}
  .terms-hero h1{font-size:clamp(28px,8vw,36px)}
  .terms-group{padding-top:30px}
  .terms-group h2{font-size:20px}
  .terms-group p{font-size:15px;line-height:1.85}
  .terms-group ul{font-size:14.5px;padding-left:18px}
  .terms-contact{padding:4px 16px}
  .terms-contact>div{flex-direction:column;gap:4px}
  .terms-contact dd{text-align:left}
}