.page-disclaimer{
  --legal-measure:40rem;
  --legal-rule:var(--line-soft);
  --legal-num:rgba(54,242,192,.30);
  background:var(--c-ink);
  color:var(--c-mist);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .legal-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--line-soft);
  background:var(--c-ink-2);
  scroll-margin-top:96px;
}
.page-disclaimer .legal-hero__media{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.page-disclaimer .legal-hero__media img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  opacity:.42;
}
.page-disclaimer .legal-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(7,26,21,.62) 0%, rgba(7,26,21,.90) 62%, var(--c-ink) 100%),
    repeating-linear-gradient(90deg, rgba(198,216,209,.10) 0 1px, transparent 1px 84px);
}
.page-disclaimer .legal-hero__inner{
  position:relative;
  z-index:1;
  padding-block:clamp(40px,8vw,96px) clamp(34px,6vw,72px);
}
.page-disclaimer .breadcrumbs ol{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 clamp(20px,3vw,32px);
  padding:0;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  color:var(--c-slate);
}
.page-disclaimer .breadcrumbs li + li::before{
  content:"/";
  margin-right:8px;
  color:var(--line-mid);
}
.page-disclaimer .breadcrumbs a{
  color:var(--c-slate);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .16s ease, border-color .16s ease;
}
.page-disclaimer .breadcrumbs a:hover,
.page-disclaimer .breadcrumbs a:focus-visible{
  color:var(--c-teal);
  border-bottom-color:rgba(54,242,192,.55);
}
.page-disclaimer .legal-hero .eyebrow{
  margin:0 0 14px;
  color:var(--c-amber);
}
.page-disclaimer .legal-hero__mark{
  display:block;
  font-size:clamp(64px,17vw,168px);
  line-height:.78;
  letter-spacing:-.06em;
  color:transparent;
  -webkit-text-stroke:1px rgba(54,242,192,.42);
  margin-bottom:clamp(8px,2vw,18px);
}
.page-disclaimer .legal-hero h1{
  margin:0 0 clamp(16px,2.6vw,26px);
  font-size:clamp(32px,6.4vw,68px);
  font-weight:900;
  line-height:1.02;
  letter-spacing:-.02em;
  color:var(--c-mist);
}
.page-disclaimer .legal-hero__lead{
  max-width:var(--legal-measure);
  margin:0;
  font-size:clamp(15px,1.5vw,18px);
  line-height:1.85;
  color:rgba(233,242,237,.80);
}
.page-disclaimer .legal-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:clamp(24px,4vw,40px) 0 0;
  padding:0;
  list-style:none;
  font-size:12px;
  letter-spacing:.05em;
  color:var(--c-slate);
}
.page-disclaimer .legal-hero__meta li{
  position:relative;
  padding-left:16px;
}
.page-disclaimer .legal-hero__meta li::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:8px;
  height:1px;
  background:var(--c-teal);
  transform:translateY(-50%);
}

/* ---------- 主体排布 ---------- */
.page-disclaimer .legal-body{
  display:grid;
  gap:clamp(28px,4vw,48px);
  padding-block:clamp(36px,6vw,80px) clamp(48px,8vw,96px);
}
.page-disclaimer .legal-article{
  min-width:0;
}

/* ---------- 条款 ---------- */
.page-disclaimer .clause{
  position:relative;
  padding-block:clamp(26px,4vw,44px);
  border-top:1px solid var(--legal-rule);
  scroll-margin-top:104px;
}
.page-disclaimer .clause:first-child{
  border-top:0;
  padding-top:0;
}
.page-disclaimer .clause__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:clamp(10px,2vw,22px);
  margin-bottom:clamp(14px,2.4vw,22px);
}
.page-disclaimer .clause__num{
  font-size:clamp(38px,7vw,78px);
  line-height:.88;
  letter-spacing:-.05em;
  color:var(--legal-num);
}
.page-disclaimer .clause h2{
  margin:0;
  font-size:clamp(19px,2.6vw,28px);
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.01em;
  color:var(--c-mist);
}
.page-disclaimer .clause p{
  max-width:var(--legal-measure);
  margin:0 0 clamp(12px,1.8vw,16px);
  font-size:clamp(15px,1.45vw,16.5px);
  line-height:1.95;
  color:rgba(233,242,237,.82);
}
.page-disclaimer .clause p:last-child{
  margin-bottom:0;
}
.page-disclaimer .clause a{
  color:var(--c-teal);
  text-decoration:none;
  border-bottom:1px solid rgba(54,242,192,.45);
  transition:color .16s ease, border-color .16s ease;
}
.page-disclaimer .clause a:hover,
.page-disclaimer .clause a:focus-visible{
  color:var(--c-amber);
  border-bottom-color:var(--c-amber);
}

/* 重点条款 */
.page-disclaimer .clause--notice{
  padding-left:clamp(16px,3vw,30px);
  background:linear-gradient(90deg, rgba(244,184,74,.09), rgba(244,184,74,0) 72%);
}
.page-disclaimer .clause--notice::before{
  content:"";
  position:absolute;
  left:0;
  top:clamp(26px,4vw,44px);
  bottom:clamp(26px,4vw,44px);
  width:2px;
  background:var(--c-amber);
}
.page-disclaimer .clause__flag{
  margin:0 0 12px;
}
.page-disclaimer .clause .chip{
  display:inline-block;
  padding:4px 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
}

/* 折叠细节 */
.page-disclaimer .clause details{
  max-width:var(--legal-measure);
  margin-top:clamp(16px,2.4vw,22px);
  border:1px solid var(--line-soft);
  background:rgba(22,59,50,.42);
}
.page-disclaimer .clause summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 18px;
  cursor:pointer;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--c-teal);
  transition:background-color .16s ease, color .16s ease;
}
.page-disclaimer .clause summary::-webkit-details-marker{
  display:none;
}
.page-disclaimer .clause summary::after{
  content:"+";
  color:var(--c-amber);
  font-size:16px;
  line-height:1;
}
.page-disclaimer .clause details[open] summary::after{
  content:"–";
}
.page-disclaimer .clause summary:hover,
.page-disclaimer .clause summary:focus-visible{
  background:var(--teal-soft);
  color:var(--c-mist);
}
.page-disclaimer .clause__detail{
  padding:2px 18px 18px;
  border-top:1px solid var(--line-soft);
}
.page-disclaimer .clause__detail p{
  margin:14px 0 0;
}

/* ---------- 联系块 ---------- */
.page-disclaimer .legal-contact{
  max-width:var(--legal-measure);
  margin-top:clamp(18px,3vw,28px);
  padding:clamp(18px,3vw,26px);
  border:1px solid var(--line-soft);
  background:rgba(32,51,46,.72);
}
.page-disclaimer .legal-contact .contact-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.page-disclaimer .legal-contact .contact-list__row{
  display:grid;
  grid-template-columns:1fr;
  gap:2px;
  padding-bottom:8px;
  border-bottom:1px solid var(--line-soft);
}
.page-disclaimer .legal-contact .contact-list__row:last-child{
  border-bottom:0;
  padding-bottom:0;
}
.page-disclaimer .legal-contact .contact-list__key{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.08em;
  color:var(--c-slate);
}
.page-disclaimer .legal-contact .contact-list__value{
  font-size:14.5px;
  line-height:1.5;
  color:var(--c-mist);
  word-break:break-word;
}
.page-disclaimer .legal-contact .contact-list__row:last-child .contact-list__value{
  color:var(--c-slate);
  font-size:13px;
}
.page-disclaimer .legal-contact__note{
  margin:16px 0 0;
  padding-top:14px;
  border-top:1px solid var(--line-soft);
  font-size:13.5px;
  line-height:1.8;
  color:rgba(145,168,180,.95);
}

/* ---------- 侧栏索引 ---------- */
.page-disclaimer .legal-aside{
  min-width:0;
  order:-1;
  align-self:start;
}
.page-disclaimer .legal-index{
  padding:clamp(16px,3vw,22px);
  border:1px solid var(--line-soft);
  background:rgba(22,59,50,.55);
}
.page-disclaimer .legal-index__title{
  margin:0 0 12px;
  font-size:11.5px;
  letter-spacing:.12em;
  color:var(--c-amber);
}
.page-disclaimer .legal-index ol{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:none;
}
.page-disclaimer .legal-index li{
  border-bottom:1px solid rgba(198,216,209,.10);
}
.page-disclaimer .legal-index a{
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:10px 2px;
  font-size:13.5px;
  line-height:1.5;
  color:rgba(233,242,237,.74);
  text-decoration:none;
  transition:color .16s ease, padding-left .16s ease;
}
.page-disclaimer .legal-index a .mono{
  font-size:11.5px;
  color:var(--c-slate);
  letter-spacing:.06em;
  transition:color .16s ease;
}
.page-disclaimer .legal-index a:hover,
.page-disclaimer .legal-index a:focus-visible{
  color:var(--c-teal);
  padding-left:6px;
}
.page-disclaimer .legal-index a:hover .mono,
.page-disclaimer .legal-index a:focus-visible .mono{
  color:var(--c-amber);
}
.page-disclaimer .legal-index__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(14px,2.4vw,20px);
  padding-top:clamp(14px,2.4vw,20px);
  border-top:1px solid var(--line-soft);
}
.page-disclaimer .legal-index__actions .btn{
  flex:1 1 130px;
  text-align:center;
  justify-content:center;
}

/* ---------- 响应式 ---------- */
@media (min-width:600px){
  .page-disclaimer .legal-contact .contact-list__row{
    grid-template-columns:9.5rem minmax(0,1fr);
    align-items:baseline;
    gap:14px;
  }
}

@media (min-width:900px){
  .page-disclaimer .legal-hero__inner{
    padding-block:clamp(56px,7vw,104px) clamp(48px,5vw,84px);
  }
  .page-disclaimer .legal-hero__lead{
    font-size:18px;
  }
}

@media (min-width:1024px){
  .page-disclaimer .legal-body{
    grid-template-columns:minmax(0,1fr) 310px;
    align-items:start;
  }
  .page-disclaimer .legal-aside{
    order:0;
    position:sticky;
    top:96px;
  }
  .page-disclaimer .clause h2{
    max-width:22em;
  }
}

@media (min-width:1200px){
  .page-disclaimer .legal-body{
    grid-template-columns:minmax(0,1fr) 340px;
    gap:clamp(48px,5vw,72px);
  }
}

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