.page-disclaimer{
  --disc-key: var(--lime);
  background:var(--cream);
  color:var(--ink);
  overflow-x:hidden;
}

/* ---------- 页首框景 ---------- */
.page-disclaimer .legal-hero{
  position:relative;
  background:var(--carbon);
  color:var(--on-dark);
  padding:clamp(22px,3.4vw,42px) 0 clamp(32px,4.8vw,68px);
  border-bottom:1px solid var(--line);
}
.page-disclaimer .legal-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    repeating-linear-gradient(90deg, rgba(246,239,227,.065) 0 1px, transparent 1px 64px),
    repeating-linear-gradient(0deg, rgba(246,239,227,.04) 0 1px, transparent 1px 64px);
  pointer-events:none;
}
.page-disclaimer .legal-hero .wrap{
  position:relative;
  z-index:1;
}

.page-disclaimer .legal-hero .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  font-family:var(--f-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--steel);
  margin-bottom:clamp(20px,3vw,34px);
}
.page-disclaimer .legal-hero .breadcrumb a{
  color:var(--on-dark-soft);
  text-decoration:none;
}
.page-disclaimer .legal-hero .breadcrumb a:hover{
  color:var(--lava);
}
.page-disclaimer .legal-hero .breadcrumb [aria-current="page"]{
  color:var(--on-dark);
}

.page-disclaimer .legal-hero .eyebrow{
  color:var(--lava);
  margin:0 0 14px;
}

.page-disclaimer .legal-hero h1{
  font-family:var(--f-display);
  font-weight:800;
  font-size:clamp(38px,7vw,84px);
  line-height:.96;
  letter-spacing:-.012em;
  margin:0 0 clamp(16px,2.2vw,26px);
  max-width:16ch;
}

.page-disclaimer .legal-hero__lede{
  max-width:60ch;
  margin:0;
  font-size:clamp(14.5px,1.35vw,17px);
  line-height:1.82;
  color:var(--on-dark-soft);
}

.page-disclaimer .legal-hero__figure{
  margin:clamp(26px,3.6vw,46px) 0 0;
  border:1px solid rgba(246,239,227,.16);
  background:rgba(246,239,227,.04);
  overflow:hidden;
}
.page-disclaimer .legal-hero__figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:1400 / 600;
  object-fit:cover;
}
.page-disclaimer .legal-hero__figure figcaption{
  padding:10px 14px;
  border-top:1px solid rgba(246,239,227,.12);
  font-family:var(--f-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--steel);
}

/* ---------- 双栏主体 ---------- */
.page-disclaimer .legal-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(24px,3vw,38px);
  padding:clamp(28px,4.4vw,64px) 0 clamp(52px,7vw,104px);
  align-items:start;
}

/* ---------- 目录 ---------- */
.page-disclaimer .toc{
  border:1px solid var(--line-light);
  background:var(--paper);
  padding:16px 16px 14px;
}
.page-disclaimer .toc__title{
  margin:0 0 12px;
  font-family:var(--f-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--lava-deep);
}
.page-disclaimer .toc__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
}
.page-disclaimer .toc__list a{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:7px 8px;
  text-decoration:none;
  color:var(--ink);
  font-size:13.5px;
  line-height:1.5;
  border-left:2px solid transparent;
  transition:background-color .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease);
}
.page-disclaimer .toc__list a:hover,
.page-disclaimer .toc__list a:focus-visible{
  background:rgba(246,239,227,.85);
  border-left-color:var(--lava);
  color:var(--carbon);
}
.page-disclaimer .toc__idx{
  font-family:var(--f-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.05em;
  color:var(--lava-deep);
  min-width:18px;
}
.page-disclaimer .toc__note{
  margin:14px 0 0;
  padding-top:12px;
  border-top:1px solid var(--line-light);
  font-size:12px;
  line-height:1.7;
  color:var(--steel-deep);
}

/* ---------- 条款 ---------- */
.page-disclaimer .clauses{
  min-width:0;
}
.page-disclaimer .clause{
  border-top:1px solid var(--line-light);
  padding:clamp(20px,2.6vw,32px) 0 clamp(24px,3.2vw,42px);
  scroll-margin-top:calc(var(--bar-h) + 22px);
}
.page-disclaimer .clause:first-child{
  border-top:0;
  padding-top:0;
}
.page-disclaimer .clause--key{
  border-left:3px solid var(--disc-key);
  padding-left:clamp(14px,2vw,26px);
  background:linear-gradient(90deg, rgba(199,255,63,.10), transparent 46%);
}

.page-disclaimer .clause__head{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:clamp(10px,1.6vw,18px);
  margin-bottom:clamp(12px,1.8vw,22px);
}
.page-disclaimer .clause__head .sec-index{
  display:inline-block;
  font-family:var(--f-mono);
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  line-height:1;
  padding:6px 9px;
  background:var(--lava);
  color:var(--carbon);
  border-radius:var(--r);
}
.page-disclaimer .clause__head h2{
  margin:0;
  font-family:var(--f-display);
  font-weight:800;
  font-size:clamp(23px,2.9vw,36px);
  line-height:1.05;
  letter-spacing:-.01em;
  color:var(--ink);
}

.page-disclaimer .clause__body p{
  margin:0 0 clamp(11px,1.5vw,17px);
  max-width:70ch;
  font-size:clamp(14.5px,1.25vw,16.5px);
  line-height:1.86;
  color:var(--ink-soft);
}
.page-disclaimer .clause__body p:last-child{
  margin-bottom:0;
}
.page-disclaimer .clause__body a{
  color:var(--lava-deep);
  text-decoration:none;
  border-bottom:1px solid rgba(185,50,8,.42);
  transition:color .18s var(--ease), border-color .18s var(--ease);
}
.page-disclaimer .clause__body a:hover{
  color:var(--carbon);
  border-bottom-color:var(--carbon);
}

/* ---------- 服务清单 ---------- */
.page-disclaimer .svc-list{
  margin:clamp(14px,2vw,22px) 0 0;
  display:grid;
  gap:clamp(10px,1.4vw,14px);
}
.page-disclaimer .svc-list > div{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  padding:clamp(12px,1.6vw,17px) clamp(14px,1.8vw,20px);
  background:var(--paper);
  border-left:3px solid var(--steel-lt);
}
.page-disclaimer .svc-list dt{
  font-family:var(--f-mono);
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--lava-deep);
}
.page-disclaimer .svc-list dd{
  margin:0;
  font-size:14.5px;
  line-height:1.8;
  color:var(--ink-soft);
}

/* ---------- 定义表 ---------- */
.page-disclaimer .def-table{
  width:100%;
  margin:clamp(14px,2vw,22px) 0;
  border-collapse:collapse;
  font-size:13.5px;
  line-height:1.72;
}
.page-disclaimer .def-table th,
.page-disclaimer .def-table td{
  text-align:left;
  vertical-align:top;
  padding:10px 14px;
  border:1px solid var(--line-light);
}
.page-disclaimer .def-table th{
  width:118px;
  background:var(--steel-deep);
  color:var(--on-dark);
  font-family:var(--f-mono);
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.06em;
}
.page-disclaimer .def-table td{
  background:rgba(197,210,220,.3);
  color:var(--ink-soft);
}

/* ---------- 响应式 ---------- */
@media (min-width:700px){
  .page-disclaimer .svc-list > div{
    grid-template-columns:142px minmax(0,1fr);
    gap:clamp(12px,2vw,24px);
    align-items:start;
  }
}

@media (min-width:980px){
  .page-disclaimer .legal-layout{
    grid-template-columns:252px minmax(0,1fr);
    gap:clamp(40px,6vw,88px);
  }
  .page-disclaimer .toc{
    position:sticky;
    top:calc(var(--bar-h) + 18px);
  }
}

@media (max-width:559px){
  .page-disclaimer .def-table,
  .page-disclaimer .def-table tbody,
  .page-disclaimer .def-table tr,
  .page-disclaimer .def-table th,
  .page-disclaimer .def-table td{
    display:block;
    width:auto;
  }
  .page-disclaimer .def-table th{
    border-bottom:0;
  }
  .page-disclaimer .def-table td{
    margin-bottom:10px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .toc__list a,
  .page-disclaimer .clause__body a{
    transition:none;
  }
}
<<<END>>>
