.page-disclaimer{
  --doc-ink:#050B10;
  --doc-muted:rgba(5,11,16,.64);
  --doc-line:rgba(5,11,16,.16);
  --doc-tint:rgba(62,107,82,.10);
}

/* 首屏 */
.page-disclaimer .terms-hero{position:relative;overflow:hidden;}
.page-disclaimer .terms-hero::before{
  content:"";
  position:absolute;
  inset:auto -12% 34% auto;
  width:52%;
  height:1px;
  background:var(--line-strong);
  transform:rotate(-7deg);
  transform-origin:right center;
  opacity:.5;
}
.page-disclaimer .terms-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:6px;
  background:linear-gradient(90deg,var(--signal) 0 38%,var(--flame) 38% 100%);
  transform:skewY(-1.2deg);
  transform-origin:left bottom;
}
.page-disclaimer .terms-hero__inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:36px;
  padding-block:40px 56px;
}
.page-disclaimer .terms-hero__kicker,
.page-disclaimer .terms-hero .kicker{color:var(--signal);}
.page-disclaimer .terms-hero__title{
  margin:14px 0 0;
  font-size:clamp(1.95rem,5.4vw,3.7rem);
  line-height:1.06;
  letter-spacing:-.02em;
  color:var(--white);
}
.page-disclaimer .terms-hero__lede{
  margin:18px 0 0;
  max-width:44ch;
  color:var(--muted);
}
.page-disclaimer .terms-hero__vers{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:12px 16px;
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid var(--line-strong);
}
.page-disclaimer .terms-hero__vers-num{
  font-size:clamp(1.9rem,4.6vw,2.9rem);
  font-weight:600;
  font-style:italic;
  line-height:1;
  letter-spacing:.02em;
  color:var(--signal);
}
.page-disclaimer .terms-hero__vers-note{
  font-size:.86rem;
  color:var(--muted);
  letter-spacing:.02em;
}
.page-disclaimer .terms-hero__fig{margin:0;}
.page-disclaimer .terms-hero__fig .figure__media{
  width:100%;
  height:auto;
  max-width:100%;
  display:block;
  border:1px solid var(--line-strong);
  filter:saturate(.8) contrast(1.05);
}
.page-disclaimer .terms-hero__fig .figure__cap{
  margin-top:10px;
  font-size:.78rem;
  letter-spacing:.04em;
  color:var(--muted);
}

/* 正文区 */
.page-disclaimer .terms-body{padding-block:34px 64px;}
.page-disclaimer .terms-crumb{margin-bottom:26px;}
.page-disclaimer .terms-layout{
  display:grid;
  gap:30px;
}

/* 条款索引 */
.page-disclaimer .terms-index{min-width:0;}
.page-disclaimer .terms-index__label{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--doc-muted);
}
.page-disclaimer .terms-index__list{
  display:flex;
  gap:8px;
  margin:0;
  padding:0 0 8px;
  list-style:none;
  overflow-x:auto;
  scrollbar-width:thin;
  border-bottom:1px solid var(--doc-line);
}
.page-disclaimer .terms-index__item{flex:0 0 auto;}
.page-disclaimer .terms-index__link{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:9px 12px;
  border-bottom:2px solid transparent;
  color:var(--doc-ink);
  font-size:.9rem;
  text-decoration:none;
  white-space:nowrap;
  transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease);
}
.page-disclaimer .terms-index__link:hover,
.page-disclaimer .terms-index__link:focus-visible{
  border-bottom-color:var(--flame);
  background:var(--doc-tint);
  color:var(--doc-ink);
}
.page-disclaimer .terms-index__num{
  font-size:11px;
  letter-spacing:.06em;
  color:var(--clay);
}

/* 条文 */
.page-disclaimer .terms-doc{min-width:0;}
.page-disclaimer .terms-doc__meta{
  margin:0 0 20px;
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--doc-muted);
}
.page-disclaimer .clause{
  padding:22px 0 6px;
  border-top:1px solid var(--doc-line);
}
.page-disclaimer .clause:first-of-type{border-top:0;padding-top:0;}
.page-disclaimer .clause__title{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:0 0 14px;
  font-size:clamp(1.15rem,2.4vw,1.45rem);
  line-height:1.3;
  letter-spacing:-.01em;
  color:var(--doc-ink);
}
.page-disclaimer .clause__num{
  flex:0 0 auto;
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.06em;
  color:var(--clay);
  padding-top:.15em;
}
.page-disclaimer .clause p{
  margin:0 0 14px;
  max-width:64ch;
  font-size:1rem;
  line-height:1.78;
  color:var(--doc-ink);
}
.page-disclaimer .clause a{
  color:var(--doc-ink);
  text-decoration:none;
  border-bottom:1px solid var(--flame);
  transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease);
}
.page-disclaimer .clause a:hover,
.page-disclaimer .clause a:focus-visible{
  background:rgba(255,106,26,.14);
  border-bottom-color:var(--doc-ink);
}
.page-disclaimer .clause .mark{
  font-weight:700;
  border-bottom:3px solid var(--signal);
  padding-bottom:1px;
}

/* 更新与联系 */
.page-disclaimer .legal-band{padding-block:48px 56px;}
.page-disclaimer .legal-band__inner{
  display:grid;
  gap:28px;
}
.page-disclaimer .legal-band__title{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:0 0 16px;
  font-size:clamp(1.3rem,3.2vw,1.9rem);
  line-height:1.25;
  letter-spacing:-.01em;
  color:var(--white);
}
.page-disclaimer .legal-band__title .clause__num{color:var(--signal);}
.page-disclaimer .legal-band__lead p{
  margin:0 0 14px;
  max-width:56ch;
  font-size:1rem;
  line-height:1.78;
  color:var(--muted);
}
.page-disclaimer .legal-band__panel{
  padding:20px 18px;
  border:1px solid var(--line-strong);
  background:rgba(5,11,16,.22);
  box-shadow:var(--shadow-soft);
}
.page-disclaimer .legal-band__row{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:12px 0;
  border-bottom:1px solid var(--line);
}
.page-disclaimer .legal-band__row:first-child{padding-top:0;}
.page-disclaimer .legal-band__label{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--signal);
}
.page-disclaimer .legal-band__value{
  font-size:1rem;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--white);
  word-break:break-all;
}
.page-disclaimer .legal-band__note{
  font-size:.8rem;
  color:var(--muted);
}
.page-disclaimer .legal-band__links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin:16px 0 0;
}
.page-disclaimer .legal-band__links a{
  color:var(--white);
  font-size:.9rem;
  text-decoration:none;
  border-bottom:1px solid rgba(243,239,230,.35);
  transition:border-color var(--t) var(--ease),color var(--t) var(--ease);
}
.page-disclaimer .legal-band__links a::after{
  content:"→";
  margin-left:6px;
  color:var(--flame);
  font-family:var(--font-mono);
}
.page-disclaimer .legal-band__links a:hover,
.page-disclaimer .legal-band__links a:focus-visible{
  color:var(--signal);
  border-bottom-color:var(--signal);
}

@media (min-width:760px){
  .page-disclaimer .terms-hero__inner{
    grid-template-columns:7fr 5fr;
    align-items:center;
    gap:48px;
    padding-block:64px 72px;
  }
  .page-disclaimer .legal-band__inner{
    grid-template-columns:7fr 5fr;
    gap:56px;
    align-items:start;
  }
}

@media (min-width:1000px){
  .page-disclaimer .terms-layout{
    grid-template-columns:250px minmax(0,1fr);
    gap:60px;
    align-items:start;
  }
  .page-disclaimer .terms-index{
    position:sticky;
    top:96px;
  }
  .page-disclaimer .terms-index__list{
    flex-direction:column;
    gap:2px;
    padding-bottom:0;
    overflow:visible;
    border-bottom:0;
    border-left:1px solid var(--doc-line);
  }
  .page-disclaimer .terms-index__link{
    justify-content:flex-start;
    padding:9px 10px 9px 14px;
    border-bottom:0;
    border-left:2px solid transparent;
    margin-left:-1px;
    white-space:normal;
  }
  .page-disclaimer .terms-index__link:hover,
  .page-disclaimer .terms-index__link:focus-visible{
    border-left-color:var(--flame);
    border-bottom-color:transparent;
  }
  .page-disclaimer .clause{
    padding-top:30px;
  }
  .page-disclaimer .clause p{font-size:1.02rem;}
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .terms-index__link,
  .page-disclaimer .clause a,
  .page-disclaimer .legal-band__links a{transition:none;}
}

@media print{
  .page-disclaimer .terms-index,
  .page-disclaimer .terms-hero__fig{display:none;}
  .page-disclaimer .band--ink,
  .page-disclaimer .band--field{
    background:#fff;
    color:#000;
  }
  .page-disclaimer .terms-hero__title,
  .page-disclaimer .legal-band__title,
  .page-disclaimer .legal-band__value{color:#000;}
  .page-disclaimer .clause p,
  .page-disclaimer .legal-band__lead p{color:#000;}
}
<<<END>>>
