.page-disclaimer{
  --dc-body:#D6E4F4;
  --dc-ink-line:rgba(159,179,200,.16);
  background:var(--ink-900);
  color:var(--white);
  overflow-x:clip;
}
.page-disclaimer .wrap{width:100%;max-width:1240px;margin:0 auto;padding-inline:var(--gap-3);}
.page-disclaimer .mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;}

/* 首屏 */
.page-disclaimer .dc-hero{
  position:relative;
  padding-block:var(--gap-3) var(--gap-4);
  border-bottom:1px solid var(--line-strong);
  background:
    radial-gradient(120% 90% at 88% 8%, rgba(53,224,208,.16) 0%, rgba(53,224,208,0) 58%),
    linear-gradient(180deg,var(--ink-700) 0%,var(--ink-900) 78%);
}
.page-disclaimer .dc-hero::after{
  content:"";
  position:absolute;inset:0;
  background-image:
    linear-gradient(to right,var(--dc-ink-line) 1px,transparent 1px),
    linear-gradient(to bottom,var(--dc-ink-line) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 82%);
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 82%);
  pointer-events:none;
}
.page-disclaimer .dc-hero .wrap{position:relative;z-index:1;}
.page-disclaimer .dc-hero .crumbs{margin-bottom:var(--gap-3);}
.page-disclaimer .dc-hero__inner{display:grid;gap:var(--gap-4);align-items:end;}
.page-disclaimer .dc-title{
  font-family:var(--font-display);
  font-size:clamp(52px,11vw,120px);
  line-height:.94;
  letter-spacing:-.02em;
  margin:var(--gap-1) 0 var(--gap-2);
  color:var(--white);
}
.page-disclaimer .dc-lead{
  margin:0 0 var(--gap-2);
  max-width:52ch;
  font-size:16px;
  line-height:1.8;
  color:var(--dc-body);
}
.page-disclaimer .dc-meta{
  margin:0;
  font-size:12px;
  color:var(--mist);
  letter-spacing:.06em;
}
.page-disclaimer .dc-figure{margin:0;border:1px solid var(--line-strong);background:var(--panel-500);}
.page-disclaimer .dc-figure img{display:block;width:100%;height:auto;object-fit:cover;}

/* 快速索引 */
.page-disclaimer .dc-index{
  position:sticky;
  top:var(--topbar-h);
  z-index:6;
  background:var(--ink-700);
  border-bottom:1px solid var(--line-strong);
}
.page-disclaimer .dc-index__box{}
.page-disclaimer .dc-index__summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--gap-2);
  padding:14px 0;
  cursor:pointer;
  list-style:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--white);
}
.page-disclaimer .dc-index__summary::-webkit-details-marker{display:none;}
.page-disclaimer .dc-index__summary .mono{color:var(--cyan-400);}
.page-disclaimer .dc-index__list{
  list-style:none;
  margin:0;
  padding:0 0 var(--gap-2);
  display:grid;
  gap:2px;
  grid-template-columns:1fr;
}
.page-disclaimer .dc-index__link{
  display:flex;
  align-items:baseline;
  gap:var(--gap-1);
  padding:10px 12px;
  font-size:14px;
  color:var(--dc-body);
  text-decoration:none;
  border:1px solid transparent;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.page-disclaimer .dc-index__link .mono{font-size:12px;color:var(--orange-500);}
.page-disclaimer .dc-index__link:hover,
.page-disclaimer .dc-index__link:focus-visible{
  border-color:var(--orange-500);
  background:var(--panel-500);
  color:var(--white);
}

/* 章节 */
.page-disclaimer .dc-chapters{display:grid;}
.page-disclaimer .dc-chapter{
  display:grid;
  gap:var(--gap-3);
  padding-block:var(--gap-4);
  border-bottom:1px solid var(--line);
}
.page-disclaimer .dc-chapter__num{
  margin:0;
  font-size:clamp(46px,9vw,84px);
  line-height:.9;
  color:var(--orange-500);
  align-self:start;
}
.page-disclaimer .dc-chapter__body h2{
  font-family:var(--font-display);
  font-size:clamp(24px,4.2vw,40px);
  line-height:1.12;
  letter-spacing:-.01em;
  margin:0 0 var(--gap-2);
  color:var(--white);
}
.page-disclaimer .dc-chapter__body p{
  margin:0 0 var(--gap-2);
  font-size:16px;
  line-height:1.8;
  color:var(--dc-body);
}
.page-disclaimer .dc-chapter__body ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-disclaimer .dc-chapter__body li{
  position:relative;
  padding-left:20px;
  font-size:15px;
  line-height:1.75;
  color:var(--dc-body);
}
.page-disclaimer .dc-chapter__body li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  background:var(--cyan-400);
}
.page-disclaimer .dc-chapter__body strong{color:var(--white);font-weight:600;}
.page-disclaimer .dc-mail{color:var(--cyan-400);word-break:break-word;}

/* 旁注 */
.page-disclaimer .dc-note{
  background:var(--ice);
  color:var(--black);
  border-left:4px solid var(--orange-500);
  padding:var(--gap-2) 18px;
  font-size:14px;
  line-height:1.75;
}
.page-disclaimer .dc-note__k{
  display:block;
  margin-bottom:8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--ink-700);
  text-transform:uppercase;
}

/* 结尾联系块 */
.page-disclaimer .dc-contact{
  margin-block:var(--gap-5);
  padding:var(--gap-3);
  display:grid;
  gap:var(--gap-3);
  border:1px solid var(--line-strong);
  border-top:3px solid var(--orange-500);
  background:
    linear-gradient(135deg,rgba(53,224,208,.09),rgba(53,224,208,0) 55%),
    var(--panel-500);
}
.page-disclaimer .dc-contact h2{
  font-family:var(--font-display);
  font-size:clamp(22px,3.6vw,32px);
  line-height:1.2;
  margin:0 0 var(--gap-1);
  color:var(--white);
}
.page-disclaimer .dc-contact p{margin:0;font-size:15px;line-height:1.8;color:var(--dc-body);}
.page-disclaimer .dc-actions{display:flex;flex-wrap:wrap;gap:12px;}
.page-disclaimer .dc-top-link{
  justify-self:start;
  font-size:12px;
  letter-spacing:.1em;
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid var(--line-strong);
  padding-bottom:2px;
  align-self:end;
}
.page-disclaimer .dc-top-link:hover,.page-disclaimer .dc-top-link:focus-visible{color:var(--orange-300);border-bottom-color:var(--orange-300);}

/* 中等屏 */
@media (min-width:700px){
  .page-disclaimer .dc-index__list{grid-template-columns:repeat(3,1fr);}
  .page-disclaimer .dc-contact{padding:var(--gap-4);}
}

@media (min-width:960px){
  .page-disclaimer .dc-hero{padding-block:var(--gap-4) var(--gap-5);}
  .page-disclaimer .dc-hero__inner{grid-template-columns:1.08fr .92fr;gap:var(--gap-5);}
  .page-disclaimer .dc-index{top:0;}
  .page-disclaimer .dc-index__summary{display:none;}
  .page-disclaimer .dc-index__list{grid-template-columns:repeat(6,1fr);padding:0;}
  .page-disclaimer .dc-chapter{
    grid-template-columns:88px minmax(0,1fr) 264px;
    gap:var(--gap-4);
    align-items:start;
  }
  .page-disclaimer .dc-chapter__num{position:sticky;top:calc(var(--topbar-h) + 120px);}
  .page-disclaimer .dc-note{position:sticky;top:calc(var(--topbar-h) + 120px);}
  .page-disclaimer .dc-contact{grid-template-columns:minmax(0,1fr) 320px;align-items:center;}
  .page-disclaimer .dc-actions{justify-content:flex-end;}
  .page-disclaimer .dc-top-link{grid-column:1 / -1;justify-self:end;}
}

@media (min-width:1100px){
  .page-disclaimer .dc-chapter{grid-template-columns:104px minmax(0,1fr) 288px;}
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .dc-index__link{transition:none;}
}

@media print{
  .page-disclaimer{background:#fff;color:#000;}
  .page-disclaimer .dc-index,
  .page-disclaimer .dc-actions,
  .page-disclaimer .dc-top-link,
  .page-disclaimer .dc-figure{display:none;}
  .page-disclaimer .dc-hero{background:none;border-bottom:1px solid #999;}
  .page-disclaimer .dc-hero::after{display:none;}
  .page-disclaimer .dc-title,
  .page-disclaimer .dc-chapter__body h2,
  .page-disclaimer .dc-contact h2{color:#000;}
  .page-disclaimer .dc-chapter{grid-template-columns:64px minmax(0,1fr);border-bottom:1px solid #ccc;padding-block:var(--gap-3);}
  .page-disclaimer .dc-note{background:#f2f2f2;color:#000;border-left:3px solid #666;position:static;}
  .page-disclaimer .dc-chapter__num{position:static;color:#333;}
}
<<<END>>>