.page-disclaimer{
  --us-card-bg:linear-gradient(158deg,rgba(18,51,43,.62),rgba(10,13,12,.94));
  --us-card-bg-open:linear-gradient(158deg,rgba(18,51,43,.92),rgba(10,13,12,.98));
  display:block;
}

.page-disclaimer .us-crumbbar{
  padding-top:calc(var(--vd-header-h) + 16px);
  padding-bottom:6px;
}

/* ---------- 首屏 ---------- */
.page-disclaimer .us-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(20px,4vw,36px) 0 clamp(32px,5vw,56px);
}
.page-disclaimer .us-hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-12% -25% auto -25%;
  height:min(460px,86%);
  background:
    linear-gradient(116deg,rgba(43,245,208,.20),rgba(43,245,208,0) 62%),
    linear-gradient(302deg,rgba(142,107,255,.22),rgba(255,107,44,.14) 58%,rgba(255,107,44,0) 88%);
  clip-path:polygon(0 0,100% 0,100% 58%,0 100%);
}
.page-disclaimer .us-hero__inner{
  display:block;
}
.page-disclaimer .us-hero__copy{
  max-width:640px;
}
.page-disclaimer .us-hero__title{
  margin:10px 0 0;
  font-size:clamp(34px,7.4vw,74px);
  line-height:1.02;
  letter-spacing:-.03em;
  color:var(--vd-paper);
  transform:scaleX(.96);
  transform-origin:left center;
}
.page-disclaimer .us-hero__lede{
  margin:clamp(14px,2.4vw,22px) 0 0;
  max-width:56ch;
  color:var(--vd-mist);
  line-height:1.72;
}

.page-disclaimer .us-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  margin:clamp(20px,3.4vw,30px) 0 0;
  padding:0;
  list-style:none;
}
.page-disclaimer .us-hero__meta li{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding-left:12px;
  border-left:2px solid rgba(43,245,208,.5);
}
.page-disclaimer .us-hero__meta li:nth-child(2){border-left-color:rgba(142,107,255,.6);}
.page-disclaimer .us-hero__meta li:nth-child(3){border-left-color:rgba(255,107,44,.7);}
.page-disclaimer .us-hero__k{
  font-family:var(--vd-mono);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--vd-mist);
}
.page-disclaimer .us-hero__v{
  font-family:var(--vd-mono);
  font-size:13px;
  letter-spacing:.04em;
  color:var(--vd-paper);
}

.page-disclaimer .us-hero__figure{
  position:relative;
  margin:clamp(24px,4vw,40px) 0 0;
  border-radius:var(--vd-radius-l);
  overflow:hidden;
  border:1px solid var(--vd-line);
  box-shadow:var(--vd-shadow);
  background:var(--vd-coal);
}
.page-disclaimer .us-hero__figure::after{
  content:"";
  position:absolute;
  inset:auto -10% -1px auto;
  width:52%;
  height:6px;
  background:linear-gradient(90deg,rgba(43,245,208,0),var(--vd-cyan) 45%,var(--vd-orange));
  transform:skewX(-36deg);
  transform-origin:right bottom;
}
.page-disclaimer .us-hero__figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  aspect-ratio:16 / 5;
}
.page-disclaimer .us-hero__caption{
  position:absolute;
  left:clamp(14px,2.4vw,24px);
  bottom:clamp(12px,2vw,20px);
  font-family:var(--vd-mono);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--vd-ink);
  background:rgba(43,245,208,.86);
  padding:5px 12px;
  border-radius:var(--vd-pill);
}

/* ---------- 规则卡片 ---------- */
.page-disclaimer .us-rules{
  padding:clamp(24px,4vw,44px) 0 clamp(32px,5vw,60px);
}
.page-disclaimer .us-rules__head{
  display:grid;
  gap:12px;
  padding-bottom:clamp(16px,2.6vw,24px);
  border-bottom:1px dashed var(--vd-line);
  margin-bottom:clamp(18px,3vw,28px);
}
.page-disclaimer .us-rules__title{
  margin:8px 0 0;
  font-size:clamp(22px,4.4vw,38px);
  line-height:1.16;
  color:var(--vd-paper);
}
.page-disclaimer .us-rules__note{
  margin:0;
  max-width:44ch;
  font-size:13px;
  line-height:1.7;
  color:var(--vd-mist);
}

.page-disclaimer .us-cards{
  display:grid;
  gap:clamp(10px,1.8vw,16px);
}
.page-disclaimer .us-card{
  position:relative;
  border:1px solid var(--vd-line);
  border-radius:var(--vd-radius-m);
  background:var(--us-card-bg);
  padding:clamp(14px,2.2vw,20px);
  transition:border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.page-disclaimer .us-card::before{
  content:"";
  position:absolute;
  left:0;
  top:14px;
  bottom:14px;
  width:2px;
  border-radius:var(--vd-pill);
  background:var(--vd-cyan);
  opacity:.35;
  transition:opacity .24s ease;
}
.page-disclaimer .us-card:nth-child(3n+2)::before{background:var(--vd-violet);}
.page-disclaimer .us-card:nth-child(3n)::before{background:var(--vd-orange);}
.page-disclaimer .us-card[open]{
  border-color:var(--vd-line-strong);
  background:var(--us-card-bg-open);
  box-shadow:var(--vd-shadow);
}
.page-disclaimer .us-card[open]::before{opacity:1;}

.page-disclaimer .us-card summary{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  cursor:pointer;
  list-style:none;
}
.page-disclaimer .us-card summary::-webkit-details-marker{display:none;}
.page-disclaimer .us-card summary::marker{content:"";}
.page-disclaimer .us-card__num{
  font-family:var(--vd-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  color:var(--vd-cyan);
}
.page-disclaimer .us-card:nth-child(3n+2) .us-card__num{color:var(--vd-violet);}
.page-disclaimer .us-card:nth-child(3n) .us-card__num{color:var(--vd-orange);}
.page-disclaimer .us-card__title{
  font-size:clamp(15px,2.2vw,18px);
  font-weight:700;
  line-height:1.4;
  color:var(--vd-paper);
}
.page-disclaimer .us-card__sign{
  position:relative;
  width:24px;
  height:24px;
  flex:0 0 auto;
  border:1px solid var(--vd-line);
  border-radius:var(--vd-pill);
  transition:transform .24s ease,border-color .24s ease;
}
.page-disclaimer .us-card__sign::before,
.page-disclaimer .us-card__sign::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  background:var(--vd-cyan);
  transform:translate(-50%,-50%);
}
.page-disclaimer .us-card__sign::before{width:10px;height:1.5px;}
.page-disclaimer .us-card__sign::after{width:1.5px;height:10px;}
.page-disclaimer .us-card[open] .us-card__sign{
  transform:rotate(45deg);
  border-color:rgba(43,245,208,.55);
}
.page-disclaimer .us-card__body{
  padding:10px 0 2px 32px;
}
.page-disclaimer .us-card__body p{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.72;
  color:var(--vd-mist);
  max-width:62ch;
}
.page-disclaimer .us-card__body p:last-child{margin-bottom:0;}

/* ---------- 底部 ---------- */
.page-disclaimer .us-next{
  padding:clamp(26px,4vw,48px) 0 clamp(40px,6vw,72px);
  border-top:1px dashed var(--vd-line);
}
.page-disclaimer .us-next__inner{
  display:grid;
  gap:clamp(20px,3.4vw,32px);
}
.page-disclaimer .us-next__title{
  margin:8px 0 0;
  font-size:clamp(20px,4vw,32px);
  line-height:1.2;
  color:var(--vd-paper);
}
.page-disclaimer .us-next__text{
  margin:12px 0 0;
  max-width:52ch;
  font-size:14px;
  line-height:1.74;
  color:var(--vd-mist);
}
.page-disclaimer .us-next__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:clamp(16px,2.6vw,24px);
}
.page-disclaimer .us-next__actions .vd-btn{flex:0 1 auto;}

.page-disclaimer .us-next__panel{
  border:1px solid var(--vd-line);
  border-radius:var(--vd-radius-l);
  background:linear-gradient(150deg,rgba(18,51,43,.72),rgba(10,13,12,.96));
  padding:clamp(16px,2.6vw,24px);
}
.page-disclaimer .us-next__panel-title{
  margin:0 0 12px;
  font-family:var(--vd-mono);
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--vd-cyan);
}
.page-disclaimer .us-next__list{
  margin:0;
  padding:0;
  list-style:none;
}
.page-disclaimer .us-next__list li{
  border-bottom:1px solid var(--vd-line);
}
.page-disclaimer .us-next__list li:last-child{border-bottom:0;}
.page-disclaimer .us-next__list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 0;
  font-size:14px;
  line-height:1.5;
  color:var(--vd-paper);
  text-decoration:none;
  transition:color .2s ease;
}
.page-disclaimer .us-next__list a::after{
  content:"↗";
  font-family:var(--vd-mono);
  font-size:12px;
  color:var(--vd-mist);
  transition:color .2s ease,transform .2s ease;
}
.page-disclaimer .us-next__list a:hover,
.page-disclaimer .us-next__list a:focus-visible{color:var(--vd-cyan);}
.page-disclaimer .us-next__list a:hover::after,
.page-disclaimer .us-next__list a:focus-visible::after{
  color:var(--vd-orange);
  transform:translate(2px,-2px);
}
.page-disclaimer .us-next__panel-note{
  margin:14px 0 0;
  font-size:12px;
  line-height:1.7;
  color:var(--vd-mist);
}

/* ---------- 断点 ---------- */
@media (min-width:720px){
  .page-disclaimer .us-rules__head{
    grid-template-columns:1fr auto;
    align-items:end;
  }
  .page-disclaimer .us-rules__note{text-align:right;}
  .page-disclaimer .us-next__inner{
    grid-template-columns:1.15fr .85fr;
    align-items:start;
  }
}

@media (min-width:960px){
  .page-disclaimer .us-hero{
    padding-top:clamp(28px,3.6vw,52px);
  }
  .page-disclaimer .us-hero__copy{
    max-width:760px;
  }
  .page-disclaimer .us-cards{
    grid-template-columns:1fr 1fr;
    align-items:start;
    column-gap:clamp(14px,2vw,22px);
  }
  .page-disclaimer .us-card{
    padding:clamp(18px,2vw,24px);
  }
  .page-disclaimer .us-card__body{
    padding-left:38px;
  }
}

@media (min-width:1180px){
  .page-disclaimer .us-hero__copy{
    padding-left:8px;
  }
  .page-disclaimer .us-hero__figure img{
    aspect-ratio:16 / 4.6;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .us-card,
  .page-disclaimer .us-card__sign,
  .page-disclaimer .us-next__list a,
  .page-disclaimer .us-next__list a::after{
    transition:none;
  }
}
<<<END>>>