.page-disclaimer{
  --d-rule:rgba(30,53,82,.62);
  --d-body:rgba(244,234,218,.82);
  --d-num-col:clamp(58px,7vw,104px);
  display:block;
  background-color:var(--c-ink);
  color:var(--c-paper);
  overflow-x:clip;
  padding-bottom:clamp(28px,5vw,64px);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .notice-hero{
  position:relative;
  overflow:hidden;
  border-bottom:1px solid var(--c-line);
  background:
    radial-gradient(920px 420px at 10% -10%,rgba(47,125,246,.20),transparent 70%),
    radial-gradient(680px 360px at 92% 6%,rgba(184,255,60,.09),transparent 74%),
    var(--c-ink);
}
.page-disclaimer .notice-hero__grid{
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right,rgba(30,53,82,.55) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(30,53,82,.30) 1px,transparent 1px);
  background-size:72px 72px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15) 72%,transparent);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.15) 72%,transparent);
}
.page-disclaimer .notice-hero__side{
  position:absolute;
  top:46%;
  right:clamp(6px,2vw,26px);
  z-index:2;
  transform:translateY(-50%);
  writing-mode:vertical-rl;
  font-family:var(--font-label);
  font-size:11px;
  letter-spacing:.34em;
  color:rgba(143,163,191,.55);
  pointer-events:none;
}
.page-disclaimer .notice-hero__inner{
  position:relative;
  z-index:1;
  padding-block:clamp(24px,4vw,54px) clamp(22px,3.4vw,44px);
}
.page-disclaimer .notice-hero__kicker{
  margin:clamp(18px,3vw,32px) 0 12px;
  font-family:var(--font-label);
  font-size:12px;
  font-weight:500;
  letter-spacing:.2em;
  color:var(--c-orange);
  text-transform:uppercase;
}
.page-disclaimer .notice-hero__title{
  margin:0 0 clamp(14px,2vw,22px);
  font-size:clamp(40px,8.4vw,92px);
  line-height:1.02;
  letter-spacing:-.02em;
}
.page-disclaimer .notice-hero__lede{
  max-width:62ch;
  margin:0 0 clamp(22px,3.4vw,36px);
  color:var(--d-body);
  font-size:clamp(15px,1.5vw,18px);
  line-height:1.78;
}
.page-disclaimer .notice-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px clamp(16px,3vw,40px);
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .notice-hero__meta-item{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding-left:14px;
  border-left:2px solid var(--c-blue);
}
.page-disclaimer .notice-hero__meta-key{
  font-family:var(--font-label);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--c-muted);
}
.page-disclaimer .notice-hero__meta-val{
  font-size:14px;
  color:var(--c-paper);
}
.page-disclaimer .notice-hero__figure{
  position:relative;
  z-index:1;
  margin:0;
  border-top:1px solid var(--c-line);
}
.page-disclaimer .notice-hero__figure img{
  display:block;
  width:100%;
  height:clamp(168px,24vw,320px);
  object-fit:cover;
  filter:saturate(.82) contrast(1.06) brightness(.86);
}
.page-disclaimer .notice-hero__cap{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:26px var(--pad-inline) 12px;
  background:linear-gradient(0deg,rgba(6,11,20,.92),transparent);
  font-family:var(--font-label);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--c-muted);
}

/* ---------- 章节索引 ---------- */
.page-disclaimer .notice-toc{
  background:var(--c-table);
  border-bottom:1px solid var(--c-line);
}
.page-disclaimer .notice-toc__inner{
  padding-block:clamp(20px,3vw,32px);
}
.page-disclaimer .notice-toc__list{
  display:grid;
  grid-template-columns:1fr;
  gap:0 clamp(18px,3vw,40px);
  margin:12px 0 0;
  padding:0;
  list-style:none;
}
.page-disclaimer .notice-toc__item{
  min-width:0;
}
.page-disclaimer .notice-toc__link{
  display:flex;
  align-items:baseline;
  gap:12px;
  padding:11px 6px 11px 0;
  border-bottom:1px solid rgba(30,53,82,.55);
  color:var(--d-body);
  font-size:15px;
  text-decoration:none;
  transition:color .24s var(--ease),padding-left .24s var(--ease),border-color .24s var(--ease);
}
.page-disclaimer .notice-toc__num{
  flex:none;
  font-family:var(--font-label);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--c-orange);
  font-variant-numeric:tabular-nums;
}
.page-disclaimer .notice-toc__link:hover,
.page-disclaimer .notice-toc__link:focus-visible{
  color:var(--c-paper);
  padding-left:8px;
  border-bottom-color:var(--c-blue);
}

/* ---------- 正文区 ---------- */
.page-disclaimer .notice-body{
  position:relative;
  background-image:repeating-linear-gradient(180deg,rgba(30,53,82,.22) 0 1px,transparent 1px 72px);
}
.page-disclaimer .notice-sec{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  padding:clamp(26px,4vw,52px) 0;
  border-top:1px solid var(--d-rule);
}
.page-disclaimer .notice-sec__index{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:16px;
  min-width:0;
}
.page-disclaimer .notice-sec__num{
  flex:none;
  font-family:var(--font-score);
  font-weight:900;
  font-size:clamp(34px,6vw,60px);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--c-orange);
  font-variant-numeric:tabular-nums;
}
.page-disclaimer .notice-sec__tick{
  flex:1;
  height:2px;
  min-width:0;
  background:linear-gradient(90deg,var(--c-orange),rgba(255,122,47,0));
}
.page-disclaimer .notice-sec__body{
  min-width:0;
}
.page-disclaimer .notice-sec__label{
  margin:14px 0 8px;
  font-family:var(--font-label);
  font-size:11px;
  letter-spacing:.18em;
  color:var(--c-muted);
  text-transform:uppercase;
}
.page-disclaimer .notice-sec__title{
  margin:0 0 14px;
  font-family:var(--font-display);
  font-weight:900;
  font-size:clamp(24px,3.4vw,40px);
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--c-paper);
}
.page-disclaimer .notice-sec__sum{
  margin:0 0 clamp(18px,2.4vw,26px);
  padding:12px 16px;
  border-left:3px solid var(--c-blue);
  border-radius:0 8px 8px 0;
  background:linear-gradient(90deg,rgba(47,125,246,.16),rgba(47,125,246,0));
  color:#cfe0f5;
  font-size:clamp(14px,1.4vw,17px);
  line-height:1.7;
  transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease);
}
.page-disclaimer .notice-sec__sum:hover{
  transform:translateX(5px);
  border-left-color:var(--c-green);
  background:linear-gradient(90deg,rgba(184,255,60,.18),rgba(184,255,60,0));
}
.page-disclaimer .notice-sec__prose{
  max-width:70ch;
  color:var(--d-body);
}
.page-disclaimer .notice-sec__prose p{
  margin:0 0 15px;
  font-size:15px;
  line-height:1.82;
}
.page-disclaimer .notice-sec__prose p:last-child{
  margin-bottom:0;
}
.page-disclaimer .notice-sec__prose a{
  color:var(--c-blue-soft);
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  transition:color .22s var(--ease);
}
.page-disclaimer .notice-sec__prose a:hover,
.page-disclaimer .notice-sec__prose a:focus-visible{
  color:var(--c-green);
}

/* ---------- 联系 ---------- */
.page-disclaimer .notice-sec--contact{
  margin-block:clamp(22px,3.6vw,44px);
  padding:clamp(24px,3.6vw,44px);
  border:1px solid var(--c-line);
  border-radius:var(--radius-card);
  background:
    radial-gradient(560px 260px at 88% 0%,rgba(47,125,246,.18),transparent 72%),
    var(--c-table);
  box-shadow:var(--shadow-card);
}
.page-disclaimer .notice-contact__list{
  margin:clamp(18px,2.4vw,26px) 0 0;
  padding:0;
  list-style:none;
}
.page-disclaimer .notice-contact__row{
  display:grid;
  grid-template-columns:1fr;
  gap:3px;
  padding:11px 0;
  border-top:1px dashed var(--d-rule);
}
.page-disclaimer .notice-contact__row:last-child{
  border-bottom:1px dashed var(--d-rule);
}
.page-disclaimer .notice-contact__key{
  font-family:var(--font-label);
  font-size:11px;
  letter-spacing:.14em;
  color:var(--c-muted);
}
.page-disclaimer .notice-contact__val{
  font-size:15px;
  line-height:1.6;
  color:var(--c-paper);
  overflow-wrap:anywhere;
}
.page-disclaimer .notice-contact__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:clamp(18px,2.4vw,26px);
}

/* ---------- 收尾 ---------- */
.page-disclaimer .notice-tail{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:20px 0 0;
  border-top:1px solid var(--d-rule);
  background-image:repeating-linear-gradient(90deg,rgba(30,53,82,.5) 0 1px,transparent 1px 24px);
}
.page-disclaimer .notice-tail__note{
  margin:0;
  padding-left:12px;
  font-family:var(--font-label);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--c-muted);
}
.page-disclaimer .notice-tail__up{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border:1px solid var(--c-line);
  border-radius:var(--radius-pill);
  font-family:var(--font-label);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--c-paper);
  text-decoration:none;
  transition:border-color .24s var(--ease),color .24s var(--ease),background .24s var(--ease);
}
.page-disclaimer .notice-tail__up:hover,
.page-disclaimer .notice-tail__up:focus-visible{
  border-color:var(--c-green);
  color:var(--c-green);
  background:rgba(184,255,60,.08);
}

/* ---------- 断点 ---------- */
@media (min-width:640px){
  .page-disclaimer .notice-toc__list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-disclaimer .notice-contact__row{
    grid-template-columns:104px minmax(0,1fr);
    gap:14px;
    align-items:baseline;
  }
}

@media (min-width:900px){
  .page-disclaimer .notice-toc__list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-disclaimer .notice-sec{
    grid-template-columns:var(--d-num-col) minmax(0,1fr);
    gap:clamp(16px,2.6vw,40px);
    padding:clamp(34px,4.4vw,58px) 0;
  }
  .page-disclaimer .notice-sec__index{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
  .page-disclaimer .notice-sec__num{
    font-size:clamp(42px,4.6vw,64px);
  }
  .page-disclaimer .notice-sec__tick{
    width:2px;
    height:auto;
    flex:1;
    min-height:44px;
    background:linear-gradient(180deg,var(--c-orange),rgba(255,122,47,0));
  }
  .page-disclaimer .notice-sec__label{
    margin-top:2px;
  }
}

@media (max-width:400px){
  .page-disclaimer .notice-hero__title{
    font-size:36px;
  }
  .page-disclaimer .notice-sec__num{
    font-size:30px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .notice-sec__sum,
  .page-disclaimer .notice-toc__link,
  .page-disclaimer .notice-tail__up,
  .page-disclaimer .notice-sec__prose a{
    transition:none;
  }
  .page-disclaimer .notice-sec__sum:hover{
    transform:none;
  }
}
</main>