/* ==========================================================================
   Bloom24 — Terms of Service page (page-terms.php), prefix: tm-
   （版式与 Privacy 页一致：左侧粘性 TOC + 右侧白卡章节）
   ========================================================================== */

/* ---------- Hero ---------- */
.tm-hero{padding:150px 0 64px;background:
  radial-gradient(600px 340px at 88% 10%, rgba(232,106,138,.13), transparent 60%),
  radial-gradient(520px 320px at 6% 80%, rgba(203,168,219,.13), transparent 60%),
  linear-gradient(180deg,#FDF0F3,#FFF9F7)}
.tm-hero h1{font-size:clamp(34px,4.5vw,52px);margin:0}
.tm-hero-sub{font-size:1.0625rem;line-height:1.7;color:var(--grey);max-width:620px;margin:16px 0 0}
.tm-updated{display:inline-block;margin-top:22px;font-size:0.7812rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rose-deep);background:#fff;padding:8px 16px;border-radius:999px;box-shadow:0 4px 14px rgba(74,44,78,.10)}

/* ---------- 布局 ---------- */
.tm-shell{padding:70px 0 100px;background:#FFF9F7}
.tm-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:56px;align-items:start}
.tm-toc{position:sticky;top:100px}
.tm-toc-sticky{background:#fff;border-radius:16px;padding:22px 20px;box-shadow:0 10px 30px rgba(74,44,78,.08)}
.tm-toc-head{font-size:0.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf);margin-bottom:12px}
.tm-toc-list{list-style:none;margin:0;padding:0}
.tm-toc-list li{margin:0}
.tm-toc-list a{display:block;padding:7px 10px;border-radius:8px;font-size:0.8125rem;font-weight:600;color:var(--ink);text-decoration:none;transition:.2s;line-height:1.45}
.tm-toc-list a:hover{background:var(--rose-soft);color:var(--rose-deep)}

/* ---------- 内容区 ---------- */
.tm-content{display:grid;gap:22px}
.tm-section{background:#fff;border-radius:var(--radius);padding:34px 38px;box-shadow:0 8px 26px rgba(74,44,78,.06);scroll-margin-top:110px}
.tm-section h2{font-size:clamp(20px,2.2vw,26px);margin:0 0 16px;padding-bottom:14px;border-bottom:2px solid #F7E6EC}
.tm-section p{font-size:0.9375rem;line-height:1.85;color:#4A4150;margin:0 0 14px}
.tm-section p:last-child{margin-bottom:0}
.tm-section ul{margin:0 0 14px;padding-left:22px;display:grid;gap:8px}
.tm-section li{font-size:0.9375rem;line-height:1.8;color:#4A4150}
.tm-section a{color:var(--rose-deep);text-decoration:none;border-bottom:1.5px solid var(--rose-soft);transition:.2s}
.tm-section a:hover{border-color:var(--rose)}
.tm-section strong{color:var(--ink)}

/* ---------- 移动端 ---------- */
@media(max-width:980px){
  .tm-hero{padding:120px 0 44px}
  .tm-shell{padding:44px 0 70px}
  .tm-grid{grid-template-columns:1fr;gap:28px}
  .tm-toc{position:static}
  .tm-toc-sticky{padding:18px 16px}
  .tm-toc-list{display:grid;grid-template-columns:1fr 1fr;gap:2px}
  .tm-section{padding:26px 22px}
}