.page-disclaimer{
  --doc-ink:#1E2A26;
  --doc-dim:#586A61;
  --doc-line:rgba(30,42,38,.14);
  --doc-line-strong:rgba(30,42,38,.3);
  background:var(--ink);
  color:var(--bone);
  font-family:var(--font-body);
}

.page-disclaimer a:focus-visible{
  outline:2px solid var(--cyan);
  outline-offset:3px;
}

/* ---------- 页头 ---------- */
.page-disclaimer .legal-mast{
  position:relative;
  overflow:hidden;
  padding:calc(var(--header-h) + 34px) 0 48px;
  background:
    radial-gradient(130% 100% at 88% -18%, rgba(102,242,210,.16) 0%, rgba(102,242,210,0) 58%),
    linear-gradient(168deg, #0B2B26 0%, #10382F 60%, #0B2B26 100%);
}

.page-disclaimer .legal-mast__trail{
  position:absolute;
  top:-10%;
  right:-24%;
  width:82%;
  max-width:720px;
  height:auto;
  pointer-events:none;
  opacity:.9;
}

.page-disclaimer .legal-mast__inner{
  position:relative;
  z-index:1;
  display:grid;
  gap:30px;
}

.page-disclaimer .legal-mast__kicker{
  margin:18px 0 14px;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--cyan);
}

.page-disclaimer .legal-mast__title{
  margin:0 0 18px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(2.05rem, 7.4vw, 4.3rem);
  line-height:.94;
  letter-spacing:-.02em;
  color:var(--bone);
}

.page-disclaimer .legal-mast__lede{
  margin:0;
  max-width:34em;
  font-size:.94rem;
  line-height:1.85;
  color:rgba(242,235,221,.72);
}

.page-disclaimer .legal-mast__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 24px;
  margin:24px 0 0;
  padding-top:16px;
  border-top:1px solid rgba(242,235,221,.16);
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.08em;
  color:rgba(242,235,221,.58);
}

.page-disclaimer .legal-mast__meta b{
  font-weight:500;
  color:var(--cyan);
  word-break:break-all;
}

.page-disclaimer .legal-mast__figure{
  margin:0;
}

.page-disclaimer .legal-mast__frame{
  position:relative;
  overflow:hidden;
  aspect-ratio:3 / 2;
  border:1px solid rgba(242,235,221,.18);
}

.page-disclaimer .legal-mast__frame img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}

.page-disclaimer .legal-mast__caption{
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.1em;
  color:rgba(242,235,221,.5);
}

/* ---------- 阅读区 ---------- */
.page-disclaimer .legal-body{
  background:var(--paper);
  color:var(--doc-ink);
  padding:42px 0 60px;
}

.page-disclaimer .legal-body__inner{
  display:grid;
  gap:26px;
}

/* 左侧章节索引 */
.page-disclaimer .legal-toc{
  border-top:2px solid var(--doc-line-strong);
  padding-top:14px;
}

.page-disclaimer .legal-toc__title{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--doc-dim);
}

.page-disclaimer .legal-toc__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
}

.page-disclaimer .legal-toc__link{
  display:flex;
  gap:10px;
  align-items:baseline;
  padding:8px 0 8px 10px;
  border-left:2px solid transparent;
  font-size:.86rem;
  line-height:1.45;
  color:var(--doc-ink);
  text-decoration:none;
  transition:border-color var(--t) var(--ease), color var(--t) var(--ease);
}

.page-disclaimer .legal-toc__num{
  flex:none;
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--doc-dim);
  transition:color var(--t) var(--ease);
}

.page-disclaimer .legal-toc__link:hover,
.page-disclaimer .legal-toc__link:focus-visible{
  border-left-color:var(--clay);
}

.page-disclaimer .legal-toc__link:hover .legal-toc__num,
.page-disclaimer .legal-toc__link:focus-visible .legal-toc__num{
  color:var(--clay);
}

.page-disclaimer .legal-toc__link:focus-visible{
  outline:2px solid var(--clay);
  outline-offset:2px;
}

.page-disclaimer .legal-toc__hint{
  margin:16px 0 0;
  padding-top:12px;
  border-top:1px solid var(--doc-line);
  font-size:.78rem;
  line-height:1.7;
  color:var(--doc-dim);
}

.page-disclaimer .legal-toc__mail{
  color:var(--doc-ink);
  text-decoration:none;
  border-bottom:1px solid rgba(184,107,75,.6);
  transition:color var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .legal-toc__mail:hover{
  color:var(--clay);
  border-bottom-color:var(--clay);
}

/* 正文 */
.page-disclaimer .legal-doc{
  min-width:0;
}

.page-disclaimer .legal-intro{
  margin:0;
  max-width:36em;
  font-size:.9rem;
  line-height:1.85;
  color:var(--doc-dim);
}

.page-disclaimer .legal-chapter{
  display:grid;
  gap:18px;
  padding:30px 0 34px;
  border-top:1px solid var(--doc-line);
  scroll-margin-top:calc(var(--header-h) + 24px);
}

.page-disclaimer .legal-chapter:first-of-type{
  margin-top:20px;
}

.page-disclaimer .legal-chapter__main{
  min-width:0;
  max-width:38em;
}

.page-disclaimer .legal-chapter__head{
  display:flex;
  gap:12px;
  align-items:baseline;
  margin-bottom:14px;
}

.page-disclaimer .legal-chapter__num{
  flex:none;
  font-family:var(--font-mono);
  font-size:.76rem;
  letter-spacing:.08em;
  color:var(--clay);
  border:1px solid var(--doc-line-strong);
  padding:3px 7px;
}

.page-disclaimer .legal-chapter__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.4rem, 4.4vw, 1.9rem);
  line-height:1.1;
  letter-spacing:-.01em;
  color:var(--doc-ink);
}

.page-disclaimer .legal-chapter__main p{
  margin:0 0 14px;
  font-size:.94rem;
  line-height:1.9;
}

.page-disclaimer .legal-chapter__main p:last-child{
  margin-bottom:0;
}

.page-disclaimer .legal-list{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:grid;
  gap:9px;
}

.page-disclaimer .legal-list li{
  position:relative;
  padding-left:18px;
  font-size:.92rem;
  line-height:1.8;
}

.page-disclaimer .legal-list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.68em;
  width:5px;
  height:5px;
  background:var(--clay);
}

/* 双栏展签 */
.page-disclaimer .legal-split{
  display:grid;
  gap:14px;
  margin:0 0 18px;
}

.page-disclaimer .legal-panel{
  background:var(--bone);
  border:1px solid var(--doc-line);
  padding:16px;
  clip-path:polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 0 100%);
}

.page-disclaimer .legal-panel--alert{
  background:#F6EEE2;
  border-color:rgba(184,107,75,.32);
}

.page-disclaimer .legal-panel__label{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:.66rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--clay);
}

.page-disclaimer .legal-panel ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
}

.page-disclaimer .legal-panel li{
  position:relative;
  padding-left:14px;
  font-size:.85rem;
  line-height:1.72;
}

.page-disclaimer .legal-panel li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:5px;
  height:5px;
  border:1px solid var(--doc-dim);
}

.page-disclaimer .legal-quote{
  margin:0 0 16px;
  padding:12px 14px;
  border-left:3px solid var(--clay);
  background:var(--bone);
  font-family:var(--font-mono);
  font-size:.8rem;
  line-height:1.75;
  letter-spacing:.02em;
  color:var(--doc-ink);
  word-break:break-word;
}

.page-disclaimer .legal-term{
  display:inline-block;
  margin:0 2px;
  padding:0 5px;
  border:1px solid var(--doc-line-strong);
  font-family:var(--font-mono);
  font-size:.86em;
}

.page-disclaimer .legal-inline-link{
  color:var(--doc-ink);
  text-decoration:none;
  border-bottom:1px solid rgba(30,42,38,.42);
  transition:color var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .legal-inline-link:hover{
  color:var(--clay);
  border-bottom-color:var(--clay);
}

.page-disclaimer .legal-inline-link:focus-visible{
  outline:2px solid var(--clay);
  outline-offset:2px;
}

/* 宽边注 */
.page-disclaimer .legal-note{
  border-left:2px solid var(--slate);
  padding:2px 0 2px 14px;
  font-size:.79rem;
  line-height:1.75;
  color:var(--doc-dim);
}

.page-disclaimer .legal-note__label{
  margin:0 0 6px;
  font-family:var(--font-mono);
  font-size:.64rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--doc-dim);
}

.page-disclaimer .legal-note p{
  margin:0 0 8px;
}

.page-disclaimer .legal-note p:last-child{
  margin-bottom:0;
}

.page-disclaimer .legal-note a{
  color:var(--doc-ink);
  text-decoration:none;
  border-bottom:1px solid rgba(184,107,75,.6);
  transition:color var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .legal-note a:hover{
  color:var(--clay);
  border-bottom-color:var(--clay);
}

.page-disclaimer .legal-note a:focus-visible{
  outline:2px solid var(--clay);
  outline-offset:2px;
}

/* ---------- 尾条 ---------- */
.page-disclaimer .legal-tail{
  background:var(--ink-deep);
  padding:34px 0 44px;
}

.page-disclaimer .legal-tail__inner{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.page-disclaimer .legal-tail__links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
  margin:0;
  font-size:.83rem;
  line-height:1.7;
}

.page-disclaimer .legal-tail__links a{
  color:rgba(242,235,221,.82);
  text-decoration:none;
  border-bottom:1px solid rgba(242,235,221,.26);
  transition:color var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .legal-tail__links a:hover{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}

.page-disclaimer .legal-tail__hint{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.06em;
  color:rgba(242,235,221,.46);
}

.page-disclaimer .legal-tail__top{
  align-self:flex-start;
  padding:9px 16px;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  color:var(--cyan);
  border:1px solid rgba(102,242,210,.42);
  clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
  transition:background var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease);
}

.page-disclaimer .legal-tail__top:hover{
  background:var(--cyan);
  color:var(--ink);
  border-color:var(--cyan);
}

/* ---------- 断点 ---------- */
@media (min-width:620px){
  .page-disclaimer .legal-split{
    grid-template-columns:1fr 1fr;
  }
  .page-disclaimer .legal-body{
    padding:56px 0 72px;
  }
}

@media (min-width:900px){
  .page-disclaimer .legal-body__inner{
    grid-template-columns:210px minmax(0,1fr);
    gap:0 56px;
    align-items:start;
  }
  .page-disclaimer .legal-toc{
    position:sticky;
    top:calc(var(--header-h) + 22px);
  }
  .page-disclaimer .legal-mast__inner{
    grid-template-columns:minmax(0,7fr) minmax(0,5fr);
    gap:56px;
    align-items:end;
  }
  .page-disclaimer .legal-mast{
    padding:calc(var(--header-h) + 52px) 0 64px;
  }
  .page-disclaimer .legal-mast__trail{
    right:-12%;
    width:62%;
  }
}

@media (min-width:1040px){
  .page-disclaimer .legal-chapter{
    grid-template-columns:minmax(0,1fr) 208px;
    gap:0 44px;
    align-items:start;
  }
  .page-disclaimer .legal-note{
    margin-top:46px;
  }
  .page-disclaimer .legal-tail__inner{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:24px;
  }
  .page-disclaimer .legal-tail__top{
    flex:none;
  }
}

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