.page-disclaimer{
  --terms-gold:#D4AF37;
  --terms-neon:#00E5FF;
  --terms-line:rgba(46,26,71,.9);
  --terms-soft:rgba(184,184,208,.95);
  --terms-head-font:"Playfair Display","Noto Serif SC","Georgia","Songti SC",serif;
  --terms-body-font:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  position:relative;
  color:var(--text-primary);
  font-family:var(--terms-body-font);
}
.page-disclaimer [id]{
  scroll-margin-top:calc(var(--header-total, 80px) + 14px);
}

.page-disclaimer .terms-hero{
  position:relative;
  overflow:hidden;
  padding:calc(var(--header-total, 72px) + 28px) 0 40px;
  border-bottom:1px solid var(--terms-line);
  background:
    linear-gradient(150deg, rgba(0,229,255,.08) 0%, rgba(11,27,58,0) 42%),
    radial-gradient(circle at 85% 20%, rgba(212,175,55,.14), transparent 34%);
}
.page-disclaimer .terms-hero::before{
  content:"";
  position:absolute;
  top:0;
  right:6%;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg, transparent, rgba(212,175,55,.55), transparent);
  pointer-events:none;
}
.page-disclaimer .terms-hero::after{
  content:"CN · LEGAL / TERMS";
  position:absolute;
  top:24px;
  right:3%;
  font-size:.66rem;
  letter-spacing:.22em;
  color:rgba(212,175,55,.68);
  pointer-events:none;
}
.page-disclaimer .terms-hero__inner{
  position:relative;
  z-index:1;
}
.page-disclaimer .terms-hero .breadcrumb{
  margin-bottom:38px;
}
.page-disclaimer .terms-hero__grid{
  display:grid;
  gap:36px;
  align-items:center;
}
.page-disclaimer .terms-hero__copy{
  position:relative;
}
.page-disclaimer .terms-hero__coords{
  display:inline-flex;
  margin:0 0 18px;
  padding:.38em .8em;
  border:1px solid rgba(0,229,255,.4);
  color:var(--terms-neon);
  font-size:.66rem;
  letter-spacing:.26em;
}
.page-disclaimer .terms-hero .section-index{
  margin-bottom:6px;
}
.page-disclaimer .terms-hero h1{
  margin:14px 0 16px;
  font-family:var(--terms-head-font);
  font-size:clamp(2rem, 6vw, 3.6rem);
  font-weight:700;
  line-height:1.12;
  letter-spacing:.02em;
}
.page-disclaimer .terms-hero__lead{
  max-width:60ch;
  margin:0 0 18px;
  color:var(--text-secondary);
  font-size:1.02rem;
  line-height:1.75;
}
.page-disclaimer .terms-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:.4em;
  align-items:center;
  margin:0;
  padding-top:14px;
  border-top:1px solid rgba(212,175,55,.5);
  color:rgba(212,175,55,.92);
  font-size:.8rem;
  letter-spacing:.06em;
}
.page-disclaimer .terms-hero__visual{
  margin:0;
  padding:14px;
  background:rgba(11,27,58,.42);
}
.page-disclaimer .terms-hero__visual img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-disclaimer .terms-hero__caption{
  margin-top:.55rem;
  text-align:right;
  color:rgba(184,184,208,.78);
  font-size:.64rem;
  letter-spacing:.32em;
}

.page-disclaimer .terms-index{
  margin:0 0 44px;
  padding:14px 0;
  border-top:1px solid rgba(212,175,55,.28);
  border-bottom:1px solid rgba(212,175,55,.28);
  background:rgba(11,27,58,.9);
  backdrop-filter:blur(12px);
}
.page-disclaimer .terms-index__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.page-disclaimer .terms-index__item{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(46,26,71,.95);
  background:rgba(18,0,31,.52);
  text-decoration:none;
  color:var(--text-primary);
  transition:border-color .3s ease, background-color .3s ease;
}
.page-disclaimer .terms-index__item:hover{
  border-color:rgba(0,229,255,.7);
  background:rgba(11,27,58,.72);
}
.page-disclaimer .terms-index__num{
  flex:0 0 auto;
  color:var(--terms-gold);
  font-family:var(--terms-head-font);
  font-weight:700;
  font-size:1rem;
}
.page-disclaimer .terms-index__name{
  font-size:.88rem;
  letter-spacing:.04em;
}
.page-disclaimer .terms-index__arrow{
  margin-left:auto;
  color:rgba(184,184,208,.7);
  transition:transform .3s ease, color .3s ease;
}
.page-disclaimer .terms-index__item:hover .terms-index__arrow{
  transform:translateX(4px);
  color:var(--terms-neon);
}

.page-disclaimer .terms-sections__stack{
  max-width:980px;
}
.page-disclaimer .terms-card{
  position:relative;
  margin:0 0 30px;
  border:1px solid transparent;
  border-image:linear-gradient(135deg, rgba(0,229,255,.55) 0%, rgba(11,27,58,.25) 38%, rgba(212,175,55,.45) 100%) 1;
  background:
    linear-gradient(rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.024) 1px, transparent 1px),
    linear-gradient(145deg, rgba(11,27,58,.62), rgba(18,0,31,.5));
  background-size:26px 26px, 26px 26px, auto;
  transition:box-shadow .35s ease;
}
.page-disclaimer .terms-card:hover{
  box-shadow:0 18px 44px rgba(0,0,0,.32);
}
.page-disclaimer .terms-card:nth-child(even){
  background:linear-gradient(145deg, rgba(18,0,31,.3), rgba(11,27,58,.08));
  border-image:linear-gradient(-45deg, rgba(212,175,55,.5) 0%, rgba(11,27,58,.18) 42%, rgba(0,229,255,.42) 100%) 1;
}
.page-disclaimer .terms-card__head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 14px;
  padding:22px 20px 18px;
  border-bottom:1px solid rgba(46,26,71,.85);
}
.page-disclaimer .terms-card__num{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  background:linear-gradient(140deg, #E3C75C, var(--terms-gold) 55%, #95751B);
  color:#12001F;
  font-family:var(--terms-head-font);
  font-weight:700;
  font-size:1.16rem;
  box-shadow:0 0 20px rgba(212,175,55,.22);
}
.page-disclaimer .terms-card__title{
  margin:0;
  font-family:var(--terms-head-font);
  font-size:1.34rem;
  font-weight:600;
  letter-spacing:.02em;
}
.page-disclaimer .terms-card__next{
  margin-left:auto;
  padding:.34em .68em;
  border:1px solid rgba(46,26,71,.95);
  color:rgba(212,175,55,.92);
  font-size:.74rem;
  letter-spacing:.06em;
  text-decoration:none;
  white-space:nowrap;
  transition:border-color .3s ease, color .3s ease, background-color .3s ease;
}
.page-disclaimer .terms-card__next:hover{
  border-color:rgba(0,229,255,.72);
  color:var(--terms-neon);
  background:rgba(0,229,255,.06);
}

.page-disclaimer .terms-details{
  border:none;
}
.page-disclaimer .terms-details > summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 20px;
  cursor:pointer;
  list-style:none;
  border-bottom:1px solid rgba(46,26,71,.45);
  background:rgba(11,27,58,.2);
}
.page-disclaimer .terms-details > summary::-webkit-details-marker{
  display:none;
}
.page-disclaimer .terms-summary__hint{
  color:rgba(184,184,208,.85);
  font-size:.78rem;
  letter-spacing:.08em;
}
.page-disclaimer .terms-summary__toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  color:rgba(212,175,55,.94);
  transition:transform .32s var(--ease);
}
.page-disclaimer .terms-details[open] .terms-summary__toggle{
  transform:rotate(45deg);
}

.page-disclaimer .terms-content{
  padding:26px 20px 30px;
}
.page-disclaimer .terms-subtitle{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 14px;
  font-family:var(--terms-head-font);
  font-size:1.06rem;
  font-style:italic;
  font-weight:600;
}
.page-disclaimer .terms-subtitle::before{
  content:"";
  display:inline-block;
  width:22px;
  height:1px;
  background:rgba(0,229,255,.72);
}
.page-disclaimer .terms-list{
  margin:0 0 24px;
  padding:0;
  list-style:none;
}
.page-disclaimer .terms-list:last-child{
  margin-bottom:0;
}
.page-disclaimer .terms-list li{
  position:relative;
  padding-left:30px;
  margin-bottom:.7rem;
  color:var(--terms-soft);
  line-height:1.72;
}
.page-disclaimer .terms-list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.7em;
  width:10px;
  height:10px;
  border:1px solid rgba(212,175,55,.72);
  transform:rotate(45deg);
}
.page-disclaimer .terms-list--forbidden li::before{
  border-color:rgba(0,229,255,.78);
}
.page-disclaimer .terms-block{
  margin:0 0 26px;
}
.page-disclaimer .terms-block:last-child{
  margin-bottom:0;
}
.page-disclaimer .terms-block h3{
  margin:0 0 10px;
  font-family:var(--terms-head-font);
  font-size:1.08rem;
  font-weight:600;
}
.page-disclaimer .terms-block p{
  margin:.45rem 0;
  color:var(--terms-soft);
  line-height:1.75;
}

.page-disclaimer .terms-more{
  margin-top:64px;
  padding:58px 0 76px;
  border-top:1px solid rgba(212,175,55,.25);
  background:linear-gradient(180deg, rgba(11,27,58,.55), rgba(18,0,31,.25));
}
.page-disclaimer .terms-more h2{
  margin:12px 0 30px;
  font-family:var(--terms-head-font);
  font-size:2rem;
  font-weight:600;
}
.page-disclaimer .terms-more__grid{
  display:grid;
  gap:18px;
}
.page-disclaimer .terms-more-card{
  position:relative;
  padding:26px 24px;
  border:1px solid rgba(46,26,71,.85);
  background:rgba(18,0,31,.46);
  transition:border-color .3s ease, transform .3s ease, background-color .3s ease;
}
.page-disclaimer .terms-more-card:hover{
  border-color:rgba(0,229,255,.56);
  background:rgba(11,27,58,.58);
  transform:translateY(-4px);
}
.page-disclaimer .terms-more-card h3{
  margin:0 0 10px;
  font-family:var(--terms-head-font);
  font-size:1.14rem;
  font-weight:600;
}
.page-disclaimer .terms-more-card p{
  margin:0 0 18px;
  color:rgba(184,184,208,.9);
  font-size:.92rem;
  line-height:1.68;
}
.page-disclaimer .terms-more-card .btn{
  display:inline-flex;
}

@media (min-width:600px){
  .page-disclaimer .terms-index__grid{
    grid-template-columns:repeat(2, 1fr);
  }
  .page-disclaimer .terms-hero__grid{
    grid-template-columns:1fr;
  }
}

@media (min-width:768px){
  .page-disclaimer .terms-index{
    position:sticky;
    top:calc(var(--header-total, 72px) + 10px);
    z-index:30;
  }
}

@media (min-width:1024px){
  .page-disclaimer .terms-hero{
    padding:calc(var(--header-total, 88px) + 40px) 0 68px;
  }
  .page-disclaimer .terms-hero__grid{
    grid-template-columns:7fr 5fr;
    gap:56px;
  }
  .page-disclaimer .terms-hero__lead{
    font-size:1.08rem;
  }
  .page-disclaimer .terms-index__grid{
    grid-template-columns:repeat(4, 1fr);
  }
  .page-disclaimer .terms-card{
    margin-left:0;
  }
  .page-disclaimer .terms-card:nth-child(even){
    margin-left:6%;
  }
  .page-disclaimer .terms-card__head{
    padding:26px 30px 20px;
  }
  .page-disclaimer .terms-content{
    padding:30px 30px 36px;
  }
  .page-disclaimer .terms-more__grid{
    grid-template-columns:repeat(3, 1fr);
    gap:22px;
  }
}
