.page-disclaimer{
  --dl-panel:linear-gradient(165deg,rgba(22,38,61,.88),rgba(15,27,46,.94));
  --dl-hair:rgba(30,53,80,.9);
  --dl-text:rgba(242,237,227,.78);
  display:block;
  background:linear-gradient(180deg,transparent 0,transparent 55%,rgba(53,230,212,.045) 100%);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .dl-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(26px,6vw,58px) 0 clamp(38px,7vw,74px);
  border-bottom:1px solid var(--grid);
}
.page-disclaimer .dl-hero__bg{
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
}
.page-disclaimer .dl-hero__bg img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
  opacity:.34;
  filter:saturate(.55) contrast(1.06);
}
.page-disclaimer .dl-hero__bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(120% 90% at 10% 0%,rgba(53,230,212,.22),transparent 58%),
    radial-gradient(90% 70% at 96% 16%,rgba(255,107,44,.14),transparent 62%),
    linear-gradient(180deg,rgba(7,13,24,.5) 0%,rgba(7,13,24,.88) 60%,var(--ink) 100%);
}
.page-disclaimer .dl-hero__inner{
  position:relative;
  z-index:1;
  max-width:780px;
}
.page-disclaimer .dl-hero .yx-breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:.82rem;
  letter-spacing:.04em;
  color:var(--mist);
  margin-bottom:clamp(18px,4vw,30px);
}
.page-disclaimer .dl-hero .yx-breadcrumb a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-disclaimer .dl-hero .yx-breadcrumb a:hover{
  color:var(--cyan);
  border-color:rgba(53,230,212,.6);
}
.page-disclaimer .dl-hero .yx-breadcrumb__sep{
  color:var(--grid);
}
.page-disclaimer .dl-hero .yx-eyebrow{
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--cyan);
  margin:0 0 10px;
}
.page-disclaimer .dl-hero__title{
  margin:0 0 16px;
  font-family:var(--font-title);
  font-weight:600;
  font-size:clamp(1.85rem,6.4vw,3.35rem);
  line-height:1.1;
  letter-spacing:.045em;
  color:var(--warm);
}
.page-disclaimer .dl-hero__lead{
  margin:0 0 clamp(22px,4vw,32px);
  max-width:44ch;
  font-size:clamp(.95rem,2.4vw,1.06rem);
  line-height:1.8;
  color:var(--dl-text);
}
.page-disclaimer .dl-hero__facts{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dl-hero__facts li{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  padding:8px 15px;
  border:1px solid var(--dl-hair);
  border-radius:var(--pill);
  background:rgba(15,27,46,.66);
  font-size:.82rem;
  color:var(--mist);
}
.page-disclaimer .dl-hero__facts .yx-mono{
  color:var(--cyan);
  font-size:.9rem;
  letter-spacing:.02em;
}

/* ---------- 正文骨架 ---------- */
.page-disclaimer .dl-body{
  background-image:repeating-linear-gradient(180deg,rgba(30,53,80,.28) 0 1px,transparent 1px 96px);
}
.page-disclaimer .dl-body__shell{
  display:block;
}

/* 索引 */
.page-disclaimer .dl-index{
  margin-bottom:clamp(24px,5vw,34px);
}
.page-disclaimer .dl-index__title{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.3em;
  color:var(--mist);
}
.page-disclaimer .dl-index__list{
  display:flex;
  gap:8px;
  margin:0;
  padding:2px 0 8px;
  list-style:none;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.page-disclaimer .dl-index__list li{
  flex:0 0 auto;
}
.page-disclaimer .dl-index__list a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 16px;
  border:1px solid var(--dl-hair);
  border-radius:var(--pill);
  background:rgba(15,27,46,.7);
  color:var(--mist);
  font-size:.85rem;
  text-decoration:none;
  white-space:nowrap;
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.page-disclaimer .dl-index__list a:hover,
.page-disclaimer .dl-index__list a:focus-visible{
  color:var(--warm);
  border-color:rgba(53,230,212,.55);
  background:rgba(53,230,212,.08);
}
.page-disclaimer .dl-index__no{
  font-family:var(--font-mono);
  font-size:.74rem;
  color:var(--cyan);
  letter-spacing:.08em;
}

/* 条款 */
.page-disclaimer .dl-clause{
  position:relative;
  padding:clamp(22px,3.4vw,32px) 0 clamp(24px,4vw,38px);
  border-top:1px solid var(--grid);
  scroll-margin-top:130px;
}
.page-disclaimer .dl-clause:last-child{
  border-bottom:1px solid var(--grid);
}
.page-disclaimer .dl-clause__head{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:clamp(16px,3vw,22px);
}
.page-disclaimer .dl-clause__no{
  font-size:1.45rem;
  line-height:1;
  color:var(--cyan);
  letter-spacing:.08em;
  text-shadow:0 0 18px rgba(53,230,212,.45);
}
.page-disclaimer .dl-clause__title{
  margin:0;
  font-family:var(--font-title);
  font-weight:600;
  font-size:clamp(1.2rem,3.4vw,1.62rem);
  letter-spacing:.07em;
  color:var(--warm);
}

.page-disclaimer .dl-points{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dl-point{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:6px 14px;
  padding:16px 18px;
  border:1px solid var(--dl-hair);
  border-radius:var(--radius-md);
  background:var(--dl-panel);
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-disclaimer .dl-point::before{
  content:"";
  position:absolute;
  left:0;
  top:16px;
  bottom:16px;
  width:2px;
  border-radius:var(--pill);
  background:linear-gradient(180deg,var(--cyan),rgba(53,230,212,0));
  opacity:0;
  transition:opacity .3s var(--ease);
}
.page-disclaimer .dl-point:hover{
  border-color:rgba(53,230,212,.42);
  transform:translateY(-2px);
}
.page-disclaimer .dl-point:hover::before{
  opacity:1;
}
.page-disclaimer .dl-point__no{
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--orange);
  padding-top:3px;
}
.page-disclaimer .dl-point__body{
  min-width:0;
}
.page-disclaimer .dl-point__body h3{
  margin:0 0 6px;
  font-family:var(--font-body);
  font-weight:600;
  font-size:1rem;
  letter-spacing:.02em;
  color:var(--warm);
}
.page-disclaimer .dl-point__body p{
  margin:0;
  font-size:.93rem;
  line-height:1.8;
  color:var(--dl-text);
}
.page-disclaimer .dl-point__body p + p{
  margin-top:10px;
}
.page-disclaimer .dl-inline-link{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid rgba(53,230,212,.4);
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-disclaimer .dl-inline-link:hover{
  color:var(--warm);
  border-color:var(--warm);
}

/* 联系方式面板 */
.page-disclaimer .dl-contact{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:4px 0 0;
  padding:16px 18px;
  list-style:none;
  border:1px solid rgba(53,230,212,.26);
  border-radius:var(--radius-md);
  background:
    radial-gradient(120% 140% at 0% 0%,rgba(53,230,212,.13),transparent 62%),
    rgba(15,27,46,.85);
}
.page-disclaimer .dl-contact .contact-list__row{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 14px;
  font-size:.93rem;
  line-height:1.7;
  color:var(--warm);
  word-break:break-word;
}
.page-disclaimer .dl-contact__label{
  flex:0 0 auto;
  font-size:.75rem;
  letter-spacing:.16em;
  color:var(--mist);
}
.page-disclaimer .dl-contact__note{
  margin:10px 0 0;
  font-size:.82rem;
  line-height:1.75;
  color:var(--mist);
}

/* ---------- 场景筛选 ---------- */
.page-disclaimer .dl-scenes{
  padding-top:clamp(34px,6vw,58px);
}
.page-disclaimer .dl-scenes__head{
  max-width:56ch;
  margin-bottom:clamp(18px,3.6vw,26px);
}
.page-disclaimer .dl-scenes__head .yx-eyebrow{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--orange);
  margin:0 0 8px;
}
.page-disclaimer .dl-scenes__title{
  margin:0 0 10px;
  font-family:var(--font-title);
  font-weight:600;
  font-size:clamp(1.3rem,4vw,1.85rem);
  letter-spacing:.07em;
  color:var(--warm);
}
.page-disclaimer .dl-scenes__lead{
  margin:0;
  font-size:.94rem;
  line-height:1.8;
  color:var(--dl-text);
}

.page-disclaimer .dl-scenes__filter{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-bottom:clamp(16px,3vw,24px);
}
.page-disclaimer .dl-scenes__filter .yx-filter__label{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.2em;
  color:var(--mist);
  margin-right:2px;
}
.page-disclaimer .dl-scenes__filter .yx-filter__btn{
  padding:7px 16px;
  border:1px solid var(--dl-hair);
  border-radius:var(--pill);
  background:rgba(15,27,46,.7);
  color:var(--mist);
  font-family:var(--font-body);
  font-size:.83rem;
  letter-spacing:.04em;
  cursor:pointer;
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}
.page-disclaimer .dl-scenes__filter .yx-filter__btn:hover{
  color:var(--warm);
  border-color:rgba(53,230,212,.5);
}
.page-disclaimer .dl-scenes__filter .yx-filter__btn.is-active,
.page-disclaimer .dl-scenes__filter .yx-filter__btn[aria-pressed="true"]{
  color:var(--ink);
  border-color:transparent;
  background:linear-gradient(120deg,var(--cyan),#7ef3e6);
  font-weight:600;
}

.page-disclaimer .dl-scenes__list{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .dl-scene{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:18px 18px 16px;
  border:1px solid var(--dl-hair);
  border-radius:var(--radius-lg);
  background:var(--dl-panel);
  overflow:hidden;
  transition:border-color .3s var(--ease),transform .3s var(--ease);
}
.page-disclaimer .dl-scene::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-30%;
  width:60%;
  height:180%;
  background:linear-gradient(100deg,transparent,rgba(53,230,212,.1),transparent);
  transform:translateX(-120%);
  transition:transform .7s var(--ease);
  pointer-events:none;
}
.page-disclaimer .dl-scene:hover{
  border-color:rgba(53,230,212,.45);
  transform:translateY(-3px);
}
.page-disclaimer .dl-scene:hover::after{
  transform:translateX(220%);
}
.page-disclaimer .dl-scene__no{
  font-size:.74rem;
  letter-spacing:.16em;
  color:var(--cyan);
}
.page-disclaimer .dl-scene__title{
  margin:0;
  font-family:var(--font-body);
  font-weight:600;
  font-size:1rem;
  letter-spacing:.02em;
  color:var(--warm);
}
.page-disclaimer .dl-scene__text{
  margin:0;
  font-size:.88rem;
  line-height:1.78;
  color:var(--dl-text);
}
.page-disclaimer .dl-scene__link{
  align-self:flex-start;
  margin-top:auto;
  padding-top:6px;
  font-family:var(--font-mono);
  font-size:.8rem;
  letter-spacing:.06em;
  color:var(--orange);
  text-decoration:none;
  border-bottom:1px solid rgba(255,107,44,.35);
  transition:color .25s var(--ease),border-color .25s var(--ease);
}
.page-disclaimer .dl-scene__link:hover{
  color:var(--warm);
  border-color:var(--warm);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-disclaimer .dl-scenes__list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-disclaimer .dl-point{
    padding:18px 22px;
  }
}

@media (min-width:900px){
  .page-disclaimer .dl-body__shell{
    display:grid;
    grid-template-columns:196px minmax(0,1fr);
    gap:clamp(30px,5vw,68px);
    align-items:start;
  }
  .page-disclaimer .dl-index{
    position:sticky;
    top:118px;
    margin-bottom:0;
  }
  .page-disclaimer .dl-index__title{
    writing-mode:vertical-rl;
    letter-spacing:.42em;
    margin:0 0 16px;
  }
  .page-disclaimer .dl-index__list{
    flex-direction:column;
    gap:2px;
    overflow:visible;
    padding:0;
  }
  .page-disclaimer .dl-index__list li{
    flex:0 0 auto;
  }
  .page-disclaimer .dl-index__list a{
    width:100%;
    border:1px solid transparent;
    border-left:2px solid rgba(30,53,80,.9);
    border-radius:0 var(--radius-sm) var(--radius-sm) 0;
    background:transparent;
    padding:10px 12px;
    white-space:normal;
    line-height:1.5;
  }
  .page-disclaimer .dl-index__list a:hover,
  .page-disclaimer .dl-index__list a:focus-visible{
    border-left-color:var(--cyan);
    background:rgba(53,230,212,.07);
  }
  .page-disclaimer .dl-scenes__list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
  }
}

@media (min-width:1180px){
  .page-disclaimer .dl-body__shell{
    grid-template-columns:224px minmax(0,1fr);
  }
  .page-disclaimer .dl-points{
    gap:14px;
  }
}
<<<END>>>
