.page-disclaimer{
  --doc-line:rgba(156,107,37,.26);
  --doc-line-strong:rgba(156,107,37,.55);
  --doc-measure:40em;
  padding-bottom:clamp(3rem,7vw,5.5rem);
  background:
    radial-gradient(110% 60% at 100% 0%, rgba(44,224,194,.06), transparent 62%),
    radial-gradient(90% 55% at 0% 8%, rgba(216,168,78,.08), transparent 66%);
}

/* 面包屑 */
.page-disclaimer .breadcrumb{
  width:min(100% - var(--gutter), var(--wrap));
  margin:0 auto;
  padding-top:clamp(1rem,3vw,1.6rem);
  font-size:var(--fs-label);
  letter-spacing:.14em;
  color:var(--moss);
}
.page-disclaimer .breadcrumb ol{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:0;
  padding:0;
}
.page-disclaimer .breadcrumb li{display:flex;align-items:center;gap:.5rem}
.page-disclaimer .breadcrumb li + li::before{content:"/";color:var(--gold-line)}
.page-disclaimer .breadcrumb a{
  color:var(--cream);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-disclaimer .breadcrumb a:hover,
.page-disclaimer .breadcrumb a:focus-visible{color:var(--gold-lt);border-bottom-color:var(--gold)}

/* 首屏 */
.page-disclaimer .doc-hero{
  position:relative;
  padding:clamp(1.75rem,5vw,3.25rem) 0 clamp(2rem,5vw,3.5rem);
}
.page-disclaimer .doc-hero__inner{
  width:min(100% - var(--gutter), var(--wrap));
  margin:0 auto;
  display:grid;
  gap:clamp(1.75rem,4vw,2.75rem);
}
.page-disclaimer .doc-hero__lead{
  max-width:34em;
  margin:1rem 0 0;
  font-size:clamp(1rem,2.2vw,1.0625rem);
  line-height:1.85;
  color:rgba(244,239,227,.84);
}
.page-disclaimer .doc-hero .eyebrow{margin:0;color:var(--gold)}
.page-disclaimer h1{
  margin:.75rem 0 0;
  font-size:clamp(2.75rem,10vw,6.5rem);
  font-weight:300;
  line-height:.96;
  letter-spacing:.02em;
  color:var(--cream);
}
.page-disclaimer .doc-hero__meta{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.5rem;
  margin:1.75rem 0 0;
  padding:1rem 0 0;
  border-top:1px solid var(--doc-line);
  font-size:var(--fs-label);
  letter-spacing:.12em;
  color:var(--moss);
}
.page-disclaimer .doc-hero__meta .num{color:var(--gold-lt);font-size:.9375rem}
.page-disclaimer .doc-hero__figure{
  align-self:start;
  margin:0;
  position:relative;
  overflow:hidden;
  border:1px solid var(--doc-line);
  border-radius:2px 28px 2px 28px;
}
.page-disclaimer .doc-hero__figure::after{
  content:"";
  position:absolute;
  left:0;bottom:0;
  width:56px;height:2px;
  background:var(--cyan);
  opacity:.85;
}
.page-disclaimer .doc-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:12 / 7;
  object-fit:cover;
  max-width:100%;
}
.page-disclaimer .doc-hero__figure .media-frame__caption{
  font-size:var(--fs-label);
  letter-spacing:.12em;
  color:var(--gold-lt);
}

/* 文档区 */
.page-disclaimer .doc-body{
  width:min(100% - var(--gutter), var(--wrap));
  margin:0 auto;
  display:grid;
  gap:clamp(1.75rem,4vw,2.5rem);
}
.page-disclaimer .doc-index{
  padding-bottom:.5rem;
  border-bottom:1px solid var(--doc-line);
}
.page-disclaimer .doc-index__label{
  margin:0 0 .75rem;
  font-size:var(--fs-label);
  letter-spacing:.16em;
  color:var(--gold);
}
.page-disclaimer .doc-index__list{
  list-style:none;
  margin:0;
  padding:0 0 .5rem;
  display:flex;
  gap:.25rem;
  overflow-x:auto;
  scrollbar-width:thin;
}
.page-disclaimer .doc-index__list li{flex:0 0 auto}
.page-disclaimer .doc-index__list a{
  display:flex;
  align-items:baseline;
  gap:.5rem;
  padding:.45rem .55rem;
  font-size:.875rem;
  white-space:nowrap;
  color:var(--moss);
  text-decoration:none;
  border-left:1px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-disclaimer .doc-index__list .num{font-size:.75rem;color:var(--gold-line)}
.page-disclaimer .doc-index__list a:hover,
.page-disclaimer .doc-index__list a:focus-visible{color:var(--cream);border-left-color:var(--gold)}
.page-disclaimer .doc-index__hint{
  margin:.5rem 0 0;
  font-size:.75rem;
  line-height:1.7;
  letter-spacing:.04em;
  color:var(--moss);
}

.page-disclaimer .doc-main{max-width:var(--doc-measure)}
.page-disclaimer .doc-sec{
  padding:clamp(1.75rem,4vw,2.5rem) 0;
  border-top:1px solid var(--doc-line);
  scroll-margin-top:calc(var(--header-h) + 1.5rem);
}
.page-disclaimer .doc-sec:first-of-type{border-top:0;padding-top:0}
.page-disclaimer .doc-sec__head{
  display:flex;
  align-items:baseline;
  gap:.75rem;
  margin:0 0 1rem;
}
.page-disclaimer .doc-sec__num{
  font-size:.8125rem;
  letter-spacing:.06em;
  color:var(--gold);
}
.page-disclaimer .doc-sec h2{
  margin:0;
  font-size:clamp(1.25rem,2.6vw,1.625rem);
  font-weight:500;
  letter-spacing:.01em;
  color:var(--cream);
}
.page-disclaimer .doc-sec p{
  margin:0 0 1rem;
  font-size:1rem;
  line-height:1.85;
  color:rgba(244,239,227,.82);
}
.page-disclaimer .doc-sec p:last-child{margin-bottom:0}
.page-disclaimer .doc-sec .num{color:var(--gold-lt);font-size:.9375em}
.page-disclaimer .doc-sec a{
  color:var(--gold-lt);
  text-decoration:none;
  border-bottom:1px solid var(--gold-line);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-disclaimer .doc-sec a:hover,
.page-disclaimer .doc-sec a:focus-visible{color:var(--cyan);border-bottom-color:var(--cyan)}

/* 合理使用双栏 */
.page-disclaimer .usage-grid{
  display:grid;
  gap:1rem;
  margin-top:1.25rem;
}
.page-disclaimer .usage-card{
  padding:1.25rem 1.15rem;
  border:1px solid var(--rule-soft);
  background:linear-gradient(160deg, rgba(12,53,41,.65), rgba(6,26,20,.35));
}
.page-disclaimer .usage-card--ok{border-radius:22px 4px 22px 4px}
.page-disclaimer .usage-card--no{border-radius:4px 22px 4px 22px}
.page-disclaimer .usage-card__label{
  margin:0 0 .85rem;
  font-size:var(--fs-label);
  letter-spacing:.14em;
  color:var(--cyan);
}
.page-disclaimer .usage-card--no .usage-card__label{color:var(--orange)}
.page-disclaimer .usage-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.6rem;
}
.page-disclaimer .usage-list li{
  position:relative;
  padding-left:1.1rem;
  font-size:.9375rem;
  line-height:1.7;
  color:rgba(244,239,227,.8);
}
.page-disclaimer .usage-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:6px;height:6px;
  transform:rotate(45deg);
  background:var(--gold-line);
}
.page-disclaimer .usage-card--ok .usage-list li::before{background:var(--cyan);opacity:.8}
.page-disclaimer .usage-card--no .usage-list li::before{background:var(--orange);opacity:.8}

/* 联系信息条 */
.page-disclaimer .doc-contact{
  display:grid;
  gap:1rem;
  margin-top:clamp(2rem,5vw,3rem);
  padding:1.5rem 1.25rem;
  border:1px solid var(--doc-line-strong);
  border-radius:2px 20px 2px 20px;
  background:linear-gradient(120deg, rgba(12,53,41,.7), rgba(6,26,20,.2));
}
.page-disclaimer .doc-contact__label{
  margin:0 0 .35rem;
  font-size:var(--fs-label);
  letter-spacing:.14em;
  color:var(--gold-line);
}
.page-disclaimer .doc-contact__value{
  margin:0;
  font-size:.9375rem;
  line-height:1.6;
  color:var(--cream);
  word-break:break-word;
}
.page-disclaimer .doc-contact__value.num{letter-spacing:.03em}

.page-disclaimer .doc-top{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  margin-top:1.75rem;
  padding:.5rem 0;
  font-size:var(--fs-label);
  letter-spacing:.14em;
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-disclaimer .doc-top:hover,
.page-disclaimer .doc-top:focus-visible{color:var(--cyan);border-bottom-color:var(--cyan)}

/* 断点 */
@media (min-width:640px){
  .page-disclaimer .usage-grid{grid-template-columns:1fr 1fr}
  .page-disclaimer .doc-contact{grid-template-columns:1fr 1fr;padding:1.75rem 1.5rem}
}
@media (min-width:900px){
  .page-disclaimer .doc-hero__inner{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    align-items:end;
    gap:clamp(2rem,5vw,4rem);
  }
  .page-disclaimer .doc-hero__figure{margin-top:1.5rem}
  .page-disclaimer .doc-contact{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:960px){
  .page-disclaimer .doc-body{
    grid-template-columns:230px minmax(0,1fr);
    gap:clamp(2rem,5vw,4.5rem);
    align-items:start;
  }
  .page-disclaimer .doc-index{
    position:sticky;
    top:calc(var(--header-h) + 1.5rem);
    border-bottom:0;
    padding-bottom:0;
  }
  .page-disclaimer .doc-index__list{
    flex-direction:column;
    overflow:visible;
    gap:0;
  }
  .page-disclaimer .doc-index__list li{border-top:1px solid var(--rule-soft)}
  .page-disclaimer .doc-index__list li:first-child{border-top:0}
  .page-disclaimer .doc-index__list a{white-space:normal;line-height:1.5;padding:.55rem .5rem}
}

/* 打印 */
@media print{
  .page-disclaimer{background:none;color:#111}
  .page-disclaimer .doc-index,
  .page-disclaimer .doc-top,
  .page-disclaimer .doc-hero__figure{display:none}
  .page-disclaimer .doc-body{display:block;width:auto;margin:0}
  .page-disclaimer .doc-main{max-width:none}
  .page-disclaimer h1,
  .page-disclaimer .doc-sec h2,
  .page-disclaimer .doc-sec p,
  .page-disclaimer .usage-list li,
  .page-disclaimer .doc-contact__value{color:#111}
  .page-disclaimer .doc-sec{border-color:#bbb;break-inside:avoid}
  .page-disclaimer .usage-card,
  .page-disclaimer .doc-contact{border-color:#bbb;background:none}
}
<<<PAGE_CSS_END>>>
