.page-disclaimer{
  --dspl-ink: rgba(245,241,230,.80);
  --dspl-dash: rgba(143,163,184,.30);
  --dspl-rule: rgba(212,175,55,.28);
  --dspl-measure: 52rem;
  position: relative;
  overflow-x: clip;
  padding-block: clamp(24px,4vw,44px) clamp(52px,8vw,96px);
  background-color: var(--c-deep);
  background-image:
    linear-gradient(180deg, rgba(122,77,255,.10), rgba(122,77,255,0) 42%),
    repeating-linear-gradient(90deg, var(--grid-line) 0 1px, transparent 1px 92px);
}

.page-disclaimer__anchor{
  display: block;
  height: 0;
  scroll-margin-top: 110px;
}

.page-disclaimer__frame{
  width: 100%;
  max-width: var(--wrap);
  margin-inline: auto;
  padding-inline: var(--gut);
}

/* 面包屑 */
.page-disclaimer .breadcrumb{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem;
  padding-bottom: clamp(18px,3vw,30px);
  font-family: var(--font-mono);
  font-size: 12px;
  letter-spacing: .12em;
  color: var(--c-slate);
}
.page-disclaimer .breadcrumb a{
  color: var(--c-slate);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .25s var(--ease), border-color .25s var(--ease);
}
.page-disclaimer .breadcrumb a:hover,
.page-disclaimer .breadcrumb a:focus-visible{
  color: var(--c-gold-hi);
  border-bottom-color: var(--c-gold);
}
.page-disclaimer .breadcrumb__sep{
  color: var(--line);
}

/* 页首摘要 */
.page-disclaimer__lead{
  max-width: 46rem;
  padding-block: clamp(16px,3vw,30px) clamp(26px,4vw,44px);
}
.page-disclaimer__kicker{
  margin: 0 0 1rem;
  font-size: 12px;
  letter-spacing: .2em;
  color: var(--c-gold);
}
.page-disclaimer__title{
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: clamp(2.1rem,5.4vw,3.4rem);
  line-height: 1.14;
  letter-spacing: .01em;
  color: var(--c-ivory);
}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  .page-disclaimer__title{
    background-image: linear-gradient(96deg, var(--c-ivory) 6%, var(--c-gold-hi) 62%, var(--c-gold) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}
.page-disclaimer__lead-rule{
  width: clamp(56px,12vw,96px);
  height: 1px;
  margin: clamp(18px,2.6vw,26px) 0;
  background: linear-gradient(90deg, var(--c-gold), rgba(212,175,55,0));
}
.page-disclaimer__abstract{
  margin: 0;
  max-width: 40rem;
  font-size: clamp(1.02rem,1.3vw,1.16rem);
  line-height: 1.92;
  color: var(--c-ivory);
  text-wrap: pretty;
}
.page-disclaimer__stamp{
  margin: clamp(16px,2.4vw,22px) 0 0;
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--c-slate);
}

/* 首图 */
.page-disclaimer__figure{
  margin: 0 0 clamp(34px,5vw,60px);
  max-width: var(--dspl-measure);
  border: 1px solid var(--line-soft);
  background-color: var(--c-black);
}
.page-disclaimer__figure img{
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}
.page-disclaimer__figure .media__caption{
  padding: 10px 14px;
  border-top: 1px solid var(--line-soft);
  font-size: 13px;
  line-height: 1.7;
  color: var(--c-slate);
}

/* 条款列表 */
.page-disclaimer__clauses{
  list-style: none;
  margin: 0;
  padding: 0;
  max-width: var(--dspl-measure);
}
.page-disclaimer .clause{
  position: relative;
  padding-block: clamp(28px,4.2vw,46px);
  border-top: 1px dashed var(--dspl-dash);
}
.page-disclaimer .clause__num{
  margin: 0 0 .7rem;
  font-size: 12px;
  letter-spacing: .24em;
  color: var(--c-gold);
}
.page-disclaimer .clause__title{
  margin: 0;
  font-family: var(--font-serif);
  font-weight: 700;
  font-size: clamp(1.2rem,2.1vw,1.56rem);
  line-height: 1.45;
  letter-spacing: .01em;
  color: var(--c-ivory);
  text-wrap: pretty;
}
.page-disclaimer .clause__body{
  margin-top: clamp(12px,1.8vw,18px);
  max-width: 40rem;
  font-size: 1rem;
  line-height: 1.92;
  color: var(--dspl-ink);
}
.page-disclaimer .clause__body p{
  margin: 0;
}
.page-disclaimer .clause__body p + p{
  margin-top: .95em;
}
.page-disclaimer .clause__body a{
  color: var(--c-gold-hi);
  text-decoration: none;
  border-bottom: 1px solid var(--dspl-rule);
  transition: border-color .2s var(--ease), color .2s var(--ease);
}
.page-disclaimer .clause__body a:hover,
.page-disclaimer .clause__body a:focus-visible{
  color: var(--c-ivory);
  border-bottom-color: var(--c-gold-hi);
}
.page-disclaimer .clause__list{
  list-style: none;
  margin: 1.1em 0 0;
  padding: 0;
  display: grid;
  gap: .7em;
}
.page-disclaimer .clause__list li{
  position: relative;
  padding-left: 1.7rem;
  line-height: 1.85;
}
.page-disclaimer .clause__list li::before{
  content: "";
  position: absolute;
  left: 0;
  top: .84em;
  width: 11px;
  height: 1px;
  background: var(--c-gold);
}

/* 关联入口 */
.page-disclaimer__aside{
  margin-top: clamp(36px,5vw,64px);
  padding-top: clamp(24px,3.4vw,34px);
  max-width: var(--dspl-measure);
  border-top: 1px solid var(--dspl-rule);
}
.page-disclaimer__aside-title{
  margin: 0 0 1.3rem;
  font-family: var(--font-mono);
  font-weight: 400;
  font-size: 12px;
  letter-spacing: .2em;
  color: var(--c-slate);
}
.page-disclaimer__links{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: clamp(14px,2vw,20px);
}
.page-disclaimer__links li{
  display: grid;
  gap: .3rem;
  border-left: 1px solid var(--line-soft);
  padding-left: 1rem;
}
.page-disclaimer__links a{
  justify-self: start;
  color: var(--c-gold-hi);
  font-family: var(--font-serif);
  font-size: 1.02rem;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .22s var(--ease), border-color .22s var(--ease);
}
.page-disclaimer__links a:hover,
.page-disclaimer__links a:focus-visible{
  color: var(--c-ivory);
  border-bottom-color: var(--c-gold);
}
.page-disclaimer__links li span{
  font-size: .92rem;
  line-height: 1.75;
  color: var(--c-slate);
}
.page-disclaimer__totop{
  display: inline-block;
  margin-top: clamp(26px,4vw,38px);
  padding: .65rem 1.15rem;
  font-size: 12px;
  letter-spacing: .16em;
  color: var(--c-slate);
  text-decoration: none;
  border: 1px solid var(--line);
  transition: color .25s var(--ease), border-color .25s var(--ease), background-color .25s var(--ease);
}
.page-disclaimer__totop:hover,
.page-disclaimer__totop:focus-visible{
  color: var(--c-black);
  background-color: var(--c-gold);
  border-color: var(--c-gold);
}

/* 桌面：编号进入左侧装订线，正文单列推进 */
@media (min-width: 56rem){
  .page-disclaimer .clause{
    display: grid;
    grid-template-columns: 5.5rem minmax(0,1fr);
    column-gap: 1.5rem;
    align-items: start;
  }
  .page-disclaimer .clause__num{
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    padding-top: .5em;
    font-size: 13px;
  }
  .page-disclaimer .clause__title{
    grid-column: 2;
    grid-row: 1;
  }
  .page-disclaimer .clause__body{
    grid-column: 2;
    grid-row: 2;
  }
}

@media (min-width: 80rem){
  .page-disclaimer__lead{
    padding-left: 2.5rem;
  }
  .page-disclaimer .clause{
    grid-template-columns: 7rem minmax(0,1fr);
  }
}
<<<END>>>