.page-disclaimer{
  --dp-warn-bg:rgba(255,90,43,.10);
  --dp-aside-w:320px;
  --dp-toc-h:52px;
}

/* ---------- 首屏横幅 ---------- */
.page-disclaimer .dp-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--header-h) + 44px) 0 48px;
  background:
    radial-gradient(120% 90% at 88% -10%, rgba(47,243,196,.16), transparent 62%),
    radial-gradient(90% 80% at 6% 110%, rgba(108,123,255,.14), transparent 66%),
    var(--pitch);
}
.page-disclaimer .dp-hero__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center right;
  opacity:.26;
  pointer-events:none;
}
.page-disclaimer .dp-hero__veil{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(6,26,19,.55) 0%, rgba(6,26,19,.86) 62%, var(--pitch) 100%);
  pointer-events:none;
}
.page-disclaimer .dp-hero__inner{
  position:relative;
  z-index:1;
}
.page-disclaimer .dp-hero__title{
  margin:14px 0 0;
  max-width:16em;
  font-family:var(--font-display);
  font-size:clamp(30px, 7vw, 54px);
  line-height:1.2;
  letter-spacing:-.02em;
  color:var(--fog);
  text-wrap:balance;
}
.page-disclaimer .dp-hero__lead{
  margin-top:18px;
  max-width:34em;
  color:var(--fog-dim);
  font-size:16px;
  line-height:1.8;
}
.page-disclaimer .dp-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dp-hero__meta li{
  display:flex;
  align-items:baseline;
  gap:8px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--fog-dim);
}
.page-disclaimer .dp-hero__meta-k{
  color:var(--cyan);
  opacity:.75;
}
.page-disclaimer .dp-hero__meta-v{
  color:var(--fog);
}

/* ---------- 顶部横向索引 ---------- */
.page-disclaimer .dp-toc{
  position:sticky;
  top:var(--header-h);
  z-index:30;
  background:rgba(6,26,19,.93);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.page-disclaimer .dp-toc__list{
  display:flex;
  align-items:stretch;
  gap:2px;
  margin:0;
  padding:0;
  list-style:none;
  overflow-x:auto;
  scrollbar-width:none;
}
.page-disclaimer .dp-toc__list::-webkit-scrollbar{display:none;}
.page-disclaimer .dp-toc__link{
  display:inline-flex;
  align-items:baseline;
  gap:7px;
  padding:14px 14px;
  white-space:nowrap;
  font-size:14px;
  color:var(--fog-dim);
  text-decoration:none;
  border-bottom:2px solid transparent;
  transition:color .2s var(--ease), border-color .2s var(--ease);
}
.page-disclaimer .dp-toc__link:hover,
.page-disclaimer .dp-toc__link:focus-visible{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}
.page-disclaimer .dp-toc__num{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.08em;
  color:var(--cyan-soft);
  opacity:.7;
}

/* ---------- 正文与侧栏 ---------- */
.page-disclaimer .dp-body{
  padding-top:44px;
  padding-bottom:8px;
}
.page-disclaimer .dp-articles{
  min-width:0;
}
.page-disclaimer .dp-clause{
  padding-top:30px;
  margin-top:38px;
  border-top:1px solid var(--line);
  scroll-margin-top:calc(var(--header-h) + var(--dp-toc-h) + 16px);
}
.page-disclaimer .dp-clause:first-child{
  padding-top:0;
  margin-top:0;
  border-top:0;
}
.page-disclaimer .dp-clause__num{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--cyan);
}
.page-disclaimer .dp-clause__title{
  margin:0 0 14px;
  font-family:var(--font-display);
  font-size:clamp(21px, 4.6vw, 27px);
  line-height:1.32;
  letter-spacing:-.01em;
  color:var(--fog);
}
.page-disclaimer .dp-clause p{
  margin:0 0 14px;
  max-width:35em;
  font-size:16px;
  line-height:1.85;
  color:var(--fog);
}
.page-disclaimer .dp-clause p:last-child{
  margin-bottom:0;
}
.page-disclaimer .dp-clause a{
  color:var(--cyan);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}
.page-disclaimer .dp-clause a:hover{
  color:var(--cyan-soft);
}
.page-disclaimer .dp-list{
  display:grid;
  gap:11px;
  margin:16px 0 14px;
  padding:0;
  list-style:none;
  max-width:36em;
}
.page-disclaimer .dp-list li{
  position:relative;
  padding-left:22px;
  font-size:15.5px;
  line-height:1.8;
  color:var(--fog);
}
.page-disclaimer .dp-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.85em;
  width:11px;
  height:1px;
  background:var(--cyan);
}
.page-disclaimer .dp-inline{
  color:var(--fog);
  word-break:break-all;
}

/* 外链提示 */
.page-disclaimer .dp-warn{
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  gap:12px;
  margin:20px 0 18px;
  padding:16px 18px;
  background:var(--dp-warn-bg);
  border-left:2px solid var(--orange);
  border-radius:0 10px 10px 0;
}
.page-disclaimer .dp-warn__icon{
  width:0;
  height:0;
  margin-top:5px;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:13px solid var(--orange);
}
.page-disclaimer .dp-warn p{
  margin:0;
  max-width:none;
  font-size:14.5px;
  line-height:1.75;
  color:var(--fog);
}
.page-disclaimer .dp-warn a{
  color:var(--orange);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---------- 要点摘要 ---------- */
.page-disclaimer .dp-aside{
  margin-top:44px;
  min-width:0;
}
.page-disclaimer .dp-summary{
  padding:22px 20px 18px;
  background:linear-gradient(165deg, rgba(16,53,40,.92), rgba(10,36,26,.96));
}
.page-disclaimer .dp-summary__title{
  margin:0;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cyan);
}
.page-disclaimer .dp-summary__list{
  margin:14px 0 0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dp-summary__list li{
  display:grid;
  grid-template-columns:22px minmax(0,1fr);
  gap:8px;
  padding:12px 0;
  border-top:1px solid var(--line);
  font-size:13.5px;
  line-height:1.65;
  color:var(--fog-dim);
}
.page-disclaimer .dp-summary__list li:first-child{
  border-top:0;
  padding-top:4px;
}
.page-disclaimer .dp-summary__num{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.06em;
  color:var(--cyan-soft);
  padding-top:2px;
}
.page-disclaimer .dp-summary__k{
  display:block;
  font-weight:700;
  color:var(--fog);
  font-size:14px;
  margin-bottom:2px;
}
.page-disclaimer .dp-summary__foot{
  margin-top:6px;
  padding-top:14px;
  border-top:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.04em;
}
.page-disclaimer .dp-summary__foot a{
  color:var(--cyan);
  text-decoration:none;
}
.page-disclaimer .dp-summary__foot a:hover{
  text-decoration:underline;
}

/* ---------- 底部联系 ---------- */
.page-disclaimer .dp-contact{
  padding:64px 0 calc(var(--helpbar-h) + 48px);
}
.page-disclaimer .dp-contact__panel{
  display:grid;
  gap:26px;
  padding:30px 22px;
  background:
    radial-gradient(120% 120% at 100% 0%, rgba(47,243,196,.16), transparent 58%),
    linear-gradient(160deg, var(--panel), var(--pitch-2));
  border:1px solid var(--line);
  clip-path:polygon(0 0, calc(100% - var(--cut)) 0, 100% var(--cut), 100% 100%, 0 100%);
}
.page-disclaimer .dp-contact__title{
  margin:12px 0 0;
  font-family:var(--font-display);
  font-size:clamp(22px, 5vw, 32px);
  line-height:1.3;
  letter-spacing:-.01em;
  color:var(--fog);
}
.page-disclaimer .dp-contact__text{
  margin:12px 0 0;
  max-width:32em;
  font-size:15px;
  line-height:1.8;
  color:var(--fog-dim);
}
.page-disclaimer .dp-contact__line{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 14px;
  margin:0 0 12px;
}
.page-disclaimer .dp-contact__k{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:var(--cyan-soft);
  min-width:64px;
}
.page-disclaimer .dp-contact__v{
  font-size:15.5px;
  color:var(--fog);
  word-break:break-all;
}
.page-disclaimer .dp-contact__v--mail{
  font-family:var(--font-mono);
  letter-spacing:.01em;
}
.page-disclaimer .dp-contact__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

/* ---------- 桌面 ---------- */
@media (min-width:900px){
  .page-disclaimer .dp-hero{
    padding:calc(var(--header-h) + 64px) 0 64px;
  }
  .page-disclaimer .dp-hero__lead{
    font-size:17px;
  }
  .page-disclaimer .dp-body{
    display:grid;
    grid-template-columns:minmax(0,1fr) var(--dp-aside-w);
    gap:64px;
    align-items:start;
    padding-top:60px;
  }
  .page-disclaimer .dp-aside{
    margin-top:6px;
    position:sticky;
    top:calc(var(--header-h) + var(--dp-toc-h) + 20px);
  }
  .page-disclaimer .dp-clause{
    padding-top:34px;
    margin-top:44px;
  }
  .page-disclaimer .dp-contact{
    padding-top:80px;
  }
  .page-disclaimer .dp-contact__panel{
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
    gap:48px;
    align-items:start;
    padding:40px 38px;
  }
}

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