.page-disclaimer{
  --doc-text:#C4CEDA;
  --doc-rule:var(--line);
  --doc-side:17.5rem;
  overflow-x:clip;
  color:var(--white);
  background:
    radial-gradient(120% 60% at 78% -6%, rgba(0,229,255,.10), transparent 62%),
    var(--ink);
  font-family:var(--font-body);
  padding-block:0 4.5rem;
}
.page-disclaimer .wrap{
  width:var(--shell);
  margin-inline:auto;
}
.page-disclaimer .doc-anchor{
  display:block;
  height:0;
  scroll-margin-top:6rem;
}
.page-disclaimer .doc-crumbs{
  padding-block:1.2rem .2rem;
  font-size:.76rem;
  letter-spacing:.08em;
  color:var(--steel);
}
.page-disclaimer .doc-crumbs a{
  color:var(--steel);
  text-decoration:none;
}
.page-disclaimer .doc-crumbs a:hover,
.page-disclaimer .doc-crumbs a:focus-visible{
  color:var(--cyan-soft);
}

/* ---------- 页首 ---------- */
.page-disclaimer .doc-hero{
  display:grid;
  gap:1.8rem;
  padding-block:1rem 2.2rem;
  border-bottom:1px solid var(--doc-rule);
}
.page-disclaimer .doc-hero__text{
  position:relative;
  max-width:46rem;
  padding-left:1rem;
}
.page-disclaimer .doc-hero__text::before{
  content:"";
  position:absolute;
  left:0;
  top:.35rem;
  bottom:.35rem;
  width:2px;
  background:linear-gradient(180deg,var(--cyan),rgba(0,229,255,0) 78%);
}
.page-disclaimer .doc-hero .eyebrow{
  color:var(--cyan);
  font-size:.7rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  margin:0 0 .6rem;
}
.page-disclaimer .doc-hero__title{
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(2.5rem,9vw,4.4rem);
  line-height:.98;
  letter-spacing:.01em;
  margin:0 0 .85rem;
  transform:skewX(-6deg);
  transform-origin:left bottom;
}
.page-disclaimer .doc-hero__lede{
  max-width:38rem;
  margin:0;
  font-size:.98rem;
  line-height:1.85;
  color:var(--doc-text);
}
.page-disclaimer .doc-hero__meta{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.7rem 1.6rem;
  margin:1.4rem 0 0;
  padding:.85rem 0 0;
  border-top:1px dashed var(--doc-rule);
  font-size:.78rem;
  letter-spacing:.04em;
  color:var(--white);
}
.page-disclaimer .doc-hero__meta li{
  display:flex;
  flex-direction:column;
  gap:.18rem;
}
.page-disclaimer .doc-hero__meta span{
  color:var(--cyan);
  font-size:.66rem;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.page-disclaimer .doc-hero__figure{
  margin:0;
  position:relative;
  border:1px solid var(--doc-rule);
  border-radius:var(--r-lg);
  overflow:hidden;
  background:var(--panel);
  clip-path:polygon(0 0,100% 0,100% 88%,0 100%);
}
.page-disclaimer .doc-hero__figure img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}

/* ---------- 正文骨架 ---------- */
.page-disclaimer .doc-body{
  display:grid;
  gap:2.2rem;
  padding-top:2.2rem;
}
.page-disclaimer .doc-main{
  min-width:0;
}
.page-disclaimer .doc-part{
  scroll-margin-top:5.6rem;
  padding-block:1.7rem;
  border-top:1px solid var(--doc-rule);
}
.page-disclaimer .doc-part:first-child{
  border-top:0;
  padding-top:0;
}
.page-disclaimer .doc-part__num{
  margin:0 0 .55rem;
  font-size:.74rem;
  letter-spacing:.24em;
  color:var(--cyan);
  transform:skewX(-8deg);
  transform-origin:left center;
}
.page-disclaimer .doc-part__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(1.3rem,4.6vw,1.8rem);
  line-height:1.3;
  margin:0 0 .9rem;
  color:var(--white);
}
.page-disclaimer .doc-part p{
  margin:0 0 .9rem;
  max-width:40em;
  font-size:.95rem;
  line-height:1.8;
  color:var(--doc-text);
}
.page-disclaimer .doc-part p:last-child{
  margin-bottom:0;
}
.page-disclaimer .doc-part a{
  color:var(--cyan-soft);
  text-decoration:underline;
  text-underline-offset:.22em;
}
.page-disclaimer .doc-part a:hover,
.page-disclaimer .doc-part a:focus-visible{
  color:var(--cyan);
}
.page-disclaimer .doc-part strong{
  color:var(--white);
  font-family:var(--font-mono);
  font-weight:500;
  word-break:break-all;
}
.page-disclaimer .doc-tag{
  display:inline-block;
  margin-left:.55rem;
  padding:.16rem .55rem;
  vertical-align:middle;
  border:1px solid rgba(255,107,26,.55);
  border-radius:999px;
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:500;
  letter-spacing:.18em;
  color:var(--orange);
}
.page-disclaimer .doc-list{
  list-style:none;
  display:grid;
  gap:.6rem;
  margin:1rem 0 0;
  padding:0;
}
.page-disclaimer .doc-list li{
  position:relative;
  padding-left:1.5rem;
  font-size:.93rem;
  line-height:1.75;
  color:var(--doc-text);
}
.page-disclaimer .doc-list li::before{
  content:"";
  position:absolute;
  left:.1rem;
  top:.62em;
  width:.5rem;
  height:.5rem;
  border:1px solid var(--cyan);
  transform:rotate(45deg);
}
.page-disclaimer .doc-list--alert li::before{
  border-color:var(--orange);
}
.page-disclaimer .doc-def{
  margin-top:1.2rem;
  padding:.9rem 1rem;
  border-left:2px solid var(--cyan);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
  background:linear-gradient(90deg,rgba(0,229,255,.10),rgba(0,229,255,0) 72%);
  font-size:.9rem;
  line-height:1.75;
  color:var(--white);
}
.page-disclaimer .doc-top{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-top:1.6rem;
  padding:.55rem 1.1rem;
  border:1px solid var(--doc-rule);
  border-radius:999px;
  font-size:.72rem;
  letter-spacing:.16em;
  color:var(--steel);
  text-decoration:none;
  transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease);
}
.page-disclaimer .doc-top:hover,
.page-disclaimer .doc-top:focus-visible{
  color:var(--cyan);
  border-color:var(--cyan);
}

/* ---------- 右侧窄栏 ---------- */
.page-disclaimer .doc-aside{
  order:-1;
  display:grid;
  gap:1rem;
  min-width:0;
  font-size:.86rem;
}
.page-disclaimer .doc-aside__box{
  border:1px solid var(--doc-rule);
  border-radius:var(--r-md);
  background:var(--panel);
  padding:1rem 1.05rem;
}
.page-disclaimer .doc-aside__box--mail{
  background:linear-gradient(150deg,rgba(0,229,255,.12),rgba(17,24,35,.9) 58%);
}
.page-disclaimer .doc-aside__title{
  margin:0 0 .75rem;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--steel);
}
.page-disclaimer .doc-index{
  list-style:none;
  display:grid;
  gap:.15rem;
  margin:0;
  padding:0;
}
.page-disclaimer .doc-index a{
  display:flex;
  gap:.65rem;
  align-items:baseline;
  padding:.42rem .5rem;
  border-radius:var(--r-sm);
  color:var(--white);
  text-decoration:none;
  line-height:1.5;
  transition:background var(--fast) var(--ease),color var(--fast) var(--ease);
}
.page-disclaimer .doc-index a .n{
  font-family:var(--font-mono);
  font-size:.7rem;
  color:var(--cyan);
  letter-spacing:.06em;
}
.page-disclaimer .doc-index a:hover,
.page-disclaimer .doc-index a:focus-visible{
  background:rgba(0,229,255,.10);
  color:var(--cyan-soft);
}
.page-disclaimer .doc-links{
  list-style:none;
  display:grid;
  gap:.1rem;
  margin:0;
  padding:0;
}
.page-disclaimer .doc-links a{
  display:block;
  padding:.42rem .5rem;
  border-radius:var(--r-sm);
  color:var(--doc-text);
  text-decoration:none;
  transition:background var(--fast) var(--ease),color var(--fast) var(--ease);
}
.page-disclaimer .doc-links a::after{
  content:"→";
  float:right;
  color:var(--cyan);
  opacity:.55;
}
.page-disclaimer .doc-links a:hover,
.page-disclaimer .doc-links a:focus-visible{
  background:rgba(0,229,255,.10);
  color:var(--white);
}
.page-disclaimer .doc-mail{
  display:block;
  width:100%;
  padding:.55rem .6rem;
  border:1px solid rgba(0,229,255,.4);
  border-radius:var(--r-sm);
  background:transparent;
  color:var(--cyan);
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.02em;
  text-align:left;
  word-break:break-all;
  cursor:pointer;
  transition:background var(--fast) var(--ease),color var(--fast) var(--ease);
}
.page-disclaimer .doc-mail:hover,
.page-disclaimer .doc-mail:focus-visible{
  background:rgba(0,229,255,.14);
  color:var(--white);
}
.page-disclaimer .doc-mail[data-copied]{
  color:var(--white);
  border-color:var(--cyan);
}
.page-disclaimer .doc-aside__note{
  margin:.7rem 0 0;
  font-size:.74rem;
  line-height:1.65;
  color:var(--steel);
}

/* ---------- 断点 ---------- */
@media (min-width:600px){
  .page-disclaimer .doc-hero__meta{
    font-size:.8rem;
  }
  .page-disclaimer .doc-body{
    gap:2.6rem;
  }
  .page-disclaimer .doc-part{
    display:grid;
    grid-template-columns:3.2rem minmax(0,1fr);
    column-gap:1rem;
    align-items:start;
  }
  .page-disclaimer .doc-part__num{
    grid-column:1;
    grid-row:1 / span 4;
    margin:0;
    padding-top:.35rem;
    writing-mode:vertical-rl;
    letter-spacing:.3em;
    border-left:0;
  }
  .page-disclaimer .doc-part > *:not(.doc-part__num){
    grid-column:2;
  }
  .page-disclaimer .doc-aside{
    grid-template-columns:1fr 1fr;
  }
  .page-disclaimer .doc-aside__box:first-child{
    grid-column:1 / -1;
  }
  .page-disclaimer .doc-index{
    grid-template-columns:1fr 1fr;
    column-gap:.8rem;
  }
}

@media (min-width:920px){
  .page-disclaimer{
    padding-bottom:6rem;
  }
  .page-disclaimer .doc-hero{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:center;
    gap:2.6rem;
    padding-block:1.6rem 2.6rem;
  }
  .page-disclaimer .doc-hero__lede{
    font-size:1.02rem;
  }
  .page-disclaimer .doc-body{
    grid-template-columns:minmax(0,1fr) var(--doc-side);
    column-gap:3.4rem;
    padding-top:2.6rem;
  }
  .page-disclaimer .doc-aside{
    order:0;
    position:sticky;
    top:6rem;
    align-self:start;
    grid-template-columns:1fr;
  }
  .page-disclaimer .doc-index{
    grid-template-columns:1fr;
  }
  .page-disclaimer .doc-part{
    grid-template-columns:4rem minmax(0,1fr);
    column-gap:1.4rem;
    padding-block:2.1rem;
  }
  .page-disclaimer .doc-part__num{
    padding-top:.55rem;
  }
  .page-disclaimer .doc-part__title{
    font-size:1.85rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .doc-top,
  .page-disclaimer .doc-index a,
  .page-disclaimer .doc-links a,
  .page-disclaimer .doc-mail{
    transition:none;
  }
  .page-disclaimer .doc-hero__title,
  .page-disclaimer .doc-part__num{
    transform:none;
  }
}
<<<END>>>