.page-disclaimer{
  --t-gap:clamp(1rem,2.2vw,1.5rem);
  --t-sheet-bg:linear-gradient(178deg,var(--panel) 0%,var(--panel-2) 62%,var(--deep) 100%);
  --t-read:rgba(245,247,250,.88);
  padding-top:clamp(6.5rem,11vw,9rem);
  padding-bottom:clamp(3rem,6vw,5rem);
  background:
    radial-gradient(900px 420px at 88% -8%,rgba(34,211,238,.09),transparent 62%),
    radial-gradient(700px 380px at 4% 12%,rgba(255,90,31,.08),transparent 66%),
    var(--deep);
  color:var(--paper);
  overflow-x:hidden;
}

.page-disclaimer .media-frame__img{
  max-width:100%;
  height:auto;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .terms-hero{
  position:relative;
  display:grid;
  gap:clamp(1.5rem,3vw,2.75rem);
  padding-bottom:clamp(1.75rem,4vw,3rem);
  border-bottom:1px solid var(--line-soft);
}

.page-disclaimer .terms-hero__eyebrow{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:0 0 1rem;
  font-size:.78rem;
  letter-spacing:.16em;
  color:var(--steel);
}

.page-disclaimer .terms-hero__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(2.6rem,7.5vw,5rem);
  line-height:1.02;
  letter-spacing:-.02em;
  text-wrap:balance;
}

.page-disclaimer .terms-hero__title::after{
  content:"";
  display:block;
  width:clamp(3.5rem,12vw,7rem);
  height:4px;
  margin-top:1rem;
  background:var(--orange);
}

.page-disclaimer .terms-hero__lede{
  max-width:46ch;
  margin:1.25rem 0 0;
  font-size:clamp(.98rem,1.5vw,1.08rem);
  line-height:1.8;
  color:var(--t-read);
}

.page-disclaimer .terms-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.9rem 1.75rem;
  margin:1.5rem 0 0;
  padding:1rem 0 0;
  border-top:1px dashed var(--line-soft);
}

.page-disclaimer .terms-meta{
  display:flex;
  flex-direction:column;
  gap:.25rem;
  min-width:7rem;
}

.page-disclaimer .terms-meta dt{
  font-size:.72rem;
  letter-spacing:.14em;
  color:var(--steel);
}

.page-disclaimer .terms-meta dd{
  margin:0;
  font-size:.95rem;
  color:var(--paper);
  word-break:break-word;
}

.page-disclaimer .terms-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.5rem;
}

.page-disclaimer .terms-hero__figure{
  position:relative;
  margin:0;
  padding:.55rem;
  border:1px solid var(--line-soft);
  background:var(--panel-2);
  box-shadow:8px 8px 0 rgba(3,5,12,.55);
}

.page-disclaimer .terms-hero__figure::before{
  content:"";
  position:absolute;
  top:-1px;
  right:-1px;
  width:72px;
  height:4px;
  background:repeating-linear-gradient(90deg,var(--orange) 0 7px,transparent 7px 14px);
}

.page-disclaimer .terms-hero__figure .media-frame__img{
  display:block;
  width:100%;
  aspect-ratio:2 / 1;
  object-fit:cover;
  border:1px solid var(--line-faint);
}

.page-disclaimer .terms-hero__caption{
  display:block;
  padding:.6rem .2rem .1rem;
  font-size:.72rem;
  letter-spacing:.2em;
  color:var(--steel);
  text-align:right;
}

/* ---------- 分栏 ---------- */
.page-disclaimer .terms-layout{
  display:grid;
  gap:clamp(1.5rem,3vw,2.75rem);
  margin-top:clamp(1.75rem,4vw,2.75rem);
}

/* ---------- 目录 ---------- */
.page-disclaimer .terms-toc{
  padding:1.1rem 1rem 1.2rem;
  border:1px solid var(--line-soft);
  background:var(--panel-2);
  border-top:3px solid var(--orange);
}

.page-disclaimer .terms-toc__title{
  margin:0 0 .85rem;
  font-size:.76rem;
  letter-spacing:.2em;
  color:var(--steel);
}

.page-disclaimer .terms-toc__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.15rem;
}

.page-disclaimer .terms-toc__list a{
  display:flex;
  align-items:baseline;
  gap:.7rem;
  padding:.55rem .6rem;
  border-left:2px solid transparent;
  color:var(--steel);
  font-size:.92rem;
  line-height:1.5;
  text-decoration:none;
  transition:color .2s var(--ease),border-color .2s var(--ease),background-color .2s var(--ease);
}

.page-disclaimer .terms-toc__list a .u-mono{
  font-size:.8rem;
  color:var(--cyan);
}

.page-disclaimer .terms-toc__list a:hover,
.page-disclaimer .terms-toc__list a:focus-visible{
  color:var(--paper);
  border-left-color:var(--cyan);
  background:rgba(34,211,238,.07);
}

.page-disclaimer .terms-toc__foot{
  margin-top:1.1rem;
  padding-top:.95rem;
  border-top:1px dashed var(--line-soft);
}

.page-disclaimer .terms-toc__foot-label{
  margin:0 0 .4rem;
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--steel);
}

.page-disclaimer .terms-toc__foot-link{
  color:var(--cyan);
  font-size:.9rem;
  line-height:1.6;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.page-disclaimer .terms-toc__foot-link:hover,
.page-disclaimer .terms-toc__foot-link:focus-visible{
  color:var(--paper);
}

/* ---------- 条款文档 ---------- */
.page-disclaimer .terms-doc{
  display:grid;
  gap:var(--t-gap);
  min-width:0;
}

.page-disclaimer .terms-brief{
  border:1px solid var(--line-soft);
  border-left:3px solid var(--cyan);
  background:rgba(16,26,51,.72);
}

.page-disclaimer .terms-brief__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.9rem 1rem;
  cursor:pointer;
  list-style:none;
  font-size:.95rem;
}

.page-disclaimer .terms-brief__summary::-webkit-details-marker{display:none;}

.page-disclaimer .terms-brief__summary::before{
  content:"+";
  display:inline-block;
  margin-right:.65rem;
  font-family:var(--font-mono);
  font-size:1.1rem;
  color:var(--orange);
}

.page-disclaimer .terms-brief[open] .terms-brief__summary::before{content:"–";}

.page-disclaimer .terms-brief__label{flex:1;color:var(--paper);}

.page-disclaimer .terms-brief__hint{
  font-size:.74rem;
  letter-spacing:.14em;
  color:var(--steel);
}

.page-disclaimer .terms-brief__list{
  margin:0;
  padding:0 1rem 1.15rem 2.1rem;
  display:grid;
  gap:.5rem;
  color:var(--t-read);
  font-size:.93rem;
  line-height:1.7;
}

.page-disclaimer .terms-brief__list li::marker{color:var(--cyan);}

.page-disclaimer .terms-sheet{
  position:relative;
  padding:clamp(1.15rem,2.6vw,1.9rem);
  border:1px solid var(--line-soft);
  background:var(--t-sheet-bg);
  box-shadow:0 1px 0 var(--line-faint),6px 6px 0 rgba(3,5,12,.42);
}

.page-disclaimer .terms-sheet::after{
  content:"";
  position:absolute;
  top:-1px;
  right:-1px;
  width:56px;
  height:3px;
  background:repeating-linear-gradient(90deg,var(--line) 0 6px,transparent 6px 12px);
  opacity:.6;
}

.page-disclaimer .terms-sheet:target{
  border-color:var(--orange);
  box-shadow:0 1px 0 var(--line-faint),6px 6px 0 rgba(255,90,31,.18);
}

.page-disclaimer .terms-sheet__head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.5rem .9rem;
  padding-bottom:.8rem;
  margin-bottom:1rem;
  border-bottom:1px dashed var(--line-soft);
}

.page-disclaimer .terms-sheet__num{
  font-size:clamp(1.3rem,2.6vw,1.7rem);
  font-weight:700;
  line-height:1;
  color:var(--orange);
}

.page-disclaimer .terms-sheet__title{
  flex:1 1 12rem;
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.1rem,2.1vw,1.4rem);
  line-height:1.35;
  color:var(--paper);
}

.page-disclaimer .terms-sheet__body{
  font-size:.97rem;
  line-height:1.85;
  color:var(--t-read);
}

.page-disclaimer .terms-sheet__body p{margin:0 0 .9rem;}
.page-disclaimer .terms-sheet__body p:last-child{margin-bottom:0;}

.page-disclaimer .terms-sheet__body ul{
  margin:.2rem 0 1rem;
  padding-left:1.15rem;
  display:grid;
  gap:.45rem;
}

.page-disclaimer .terms-sheet__body ul li{padding-left:.15rem;}
.page-disclaimer .terms-sheet__body li::marker{color:var(--cyan);}

.page-disclaimer .terms-sheet__body a{
  color:var(--cyan);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.page-disclaimer .terms-sheet__body a:hover,
.page-disclaimer .terms-sheet__body a:focus-visible{
  color:var(--orange-soft);
}

/* ---------- 延伸入口 ---------- */
.page-disclaimer .terms-outro{
  padding:clamp(1.15rem,2.6vw,1.9rem);
  border:1px solid var(--line-soft);
  background:var(--void);
  border-top:3px solid var(--cyan);
}

.page-disclaimer .terms-outro__title{
  margin:0 0 1rem;
  font-size:.8rem;
  letter-spacing:.2em;
  font-weight:500;
  color:var(--steel);
}

.page-disclaimer .terms-outro__grid{
  display:grid;
  gap:.7rem;
}

.page-disclaimer .terms-outro__card{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:
    "num title"
    "num note";
  gap:.1rem .8rem;
  padding:.85rem .9rem;
  border:1px solid var(--line-soft);
  background:var(--panel-2);
  text-decoration:none;
  transition:border-color .2s var(--ease),transform .2s var(--ease),background-color .2s var(--ease);
}

.page-disclaimer .terms-outro__card-num{
  grid-area:num;
  align-self:center;
  font-size:1rem;
  color:var(--orange);
}

.page-disclaimer .terms-outro__card-title{
  grid-area:title;
  font-size:.98rem;
  font-weight:700;
  color:var(--paper);
}

.page-disclaimer .terms-outro__card-note{
  grid-area:note;
  font-size:.83rem;
  line-height:1.6;
  color:var(--steel);
}

.page-disclaimer .terms-outro__card:hover,
.page-disclaimer .terms-outro__card:focus-visible{
  border-color:var(--orange);
  background:rgba(255,90,31,.08);
  transform:translateY(-2px);
}

.page-disclaimer .terms-outro__top{
  display:inline-block;
  margin-top:1.15rem;
  font-size:.85rem;
  letter-spacing:.08em;
  color:var(--cyan);
  text-decoration:underline;
  text-underline-offset:4px;
}

.page-disclaimer .terms-outro__top:hover,
.page-disclaimer .terms-outro__top:focus-visible{color:var(--paper);}

.page-disclaimer a:focus-visible,
.page-disclaimer summary:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:2px;
}

/* ---------- 平板与桌面 ---------- */
@media (min-width:760px){
  .page-disclaimer .terms-outro__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (min-width:900px){
  .page-disclaimer .terms-hero{
    grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
    align-items:end;
  }
}

@media (min-width:980px){
  .page-disclaimer .terms-layout{
    grid-template-columns:264px minmax(0,1fr);
    align-items:start;
  }
  .page-disclaimer .terms-side{
    position:sticky;
    top:6.5rem;
  }
  .page-disclaimer .terms-sheet__head{
    flex-wrap:nowrap;
  }
}

@media (min-width:1200px){
  .page-disclaimer .terms-layout{
    grid-template-columns:284px minmax(0,1fr);
    gap:clamp(2rem,4vw,4rem);
  }
  .page-disclaimer .terms-doc{
    max-width:74ch;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .terms-toc__list a,
  .page-disclaimer .terms-outro__card{
    transition:none;
  }
  .page-disclaimer .terms-outro__card:hover,
  .page-disclaimer .terms-outro__card:focus-visible{
    transform:none;
  }
}
<<<END>>>