.page-disclaimer{
  --dl-notch:16px;
  --dl-rule:rgba(28,26,22,.16);
  --dl-rule-strong:rgba(28,26,22,.34);
  background:var(--sand-050);
  color:var(--ink-900);
  padding-bottom:clamp(48px,7vw,92px);
}

/* ---------- 面包屑 ---------- */
.page-disclaimer .dl-crumbs{
  padding-top:clamp(16px,2.4vw,28px);
}
.page-disclaimer .dl-crumbs ol{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--ash-500);
}
.page-disclaimer .dl-crumbs li+li::before{
  content:"/";
  margin:0 .6em;
  color:var(--ash-500);
}
.page-disclaimer .dl-crumbs a{
  color:var(--clay-700);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color 180ms ease,color 180ms ease;
}
.page-disclaimer .dl-crumbs a:hover{
  color:var(--ember-700);
  border-bottom-color:var(--ember-600);
}
.page-disclaimer .dl-crumbs li:last-child{
  color:var(--ink-900);
}

/* ---------- 首屏 ---------- */
.page-disclaimer .dl-hero{
  position:relative;
}
.page-disclaimer .dl-hero__grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(22px,3.4vw,40px);
  align-items:end;
  padding-top:clamp(20px,3vw,38px);
  padding-bottom:clamp(22px,3.2vw,42px);
}
.page-disclaimer .dl-hero__lead{
  min-width:0;
  border-bottom:1px solid var(--dl-rule);
  padding-bottom:clamp(18px,2.4vw,28px);
}
.page-disclaimer .dl-hero__lead .display{
  margin:.16em 0 .26em;
  color:var(--ink-900);
}
.page-disclaimer .dl-hero__intro{
  margin:0;
  max-width:56ch;
  font-size:clamp(15px,1.6vw,17px);
  line-height:1.85;
  color:var(--ink-900);
}

.page-disclaimer .dl-hero__side{
  min-width:0;
  border-top:3px solid var(--ochre-500);
  padding-top:14px;
}
.page-disclaimer .dl-hero__side .label{
  display:block;
  margin:0 0 12px;
  color:var(--clay-700);
}
.page-disclaimer .dl-facts{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:0;
}
.page-disclaimer .dl-facts li{
  display:flex;
  flex-wrap:wrap;
  gap:4px 14px;
  align-items:baseline;
  justify-content:space-between;
  padding:9px 0;
  border-bottom:1px solid var(--dl-rule);
  font-size:13.5px;
}
.page-disclaimer .dl-facts li:first-child{
  border-top:1px solid var(--dl-rule);
}
.page-disclaimer .dl-facts__k{
  color:var(--ash-500);
  letter-spacing:.03em;
}
.page-disclaimer .dl-facts__v{
  color:var(--ink-900);
  font-size:13px;
  letter-spacing:.04em;
}

/* ---------- 首屏窄幅通栏图 ---------- */
.page-disclaimer .dl-hero__figure{
  margin:0;
  padding-bottom:clamp(26px,4vw,50px);
}
.page-disclaimer .dl-hero__figure .figure__frame{
  overflow:hidden;
  background:var(--pitch-900);
  clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%);
}
.page-disclaimer .dl-hero__figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:12/5;
  object-fit:cover;
}
.page-disclaimer .dl-hero__figure .figure__cap{
  margin-top:10px;
  font-size:12.5px;
  line-height:1.7;
  color:var(--ash-500);
  letter-spacing:.03em;
}

/* ---------- 正文与目录 ---------- */
.page-disclaimer .dl-body{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(22px,3vw,40px);
  padding-top:clamp(6px,1.4vw,18px);
}
.page-disclaimer .dl-body__main{
  display:grid;
  gap:22px;
  min-width:0;
}

.page-disclaimer .dl-body__aside{
  min-width:0;
  border-top:1px solid var(--dl-rule-strong);
  padding-top:12px;
}
.page-disclaimer .dl-body__aside .label{
  display:block;
  margin:0 0 10px;
  color:var(--clay-700);
}
.page-disclaimer .dl-toc{
  display:flex;
  gap:8px;
  margin:0;
  padding:0 0 6px;
  list-style:none;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.page-disclaimer .dl-toc li{
  flex:none;
}
.page-disclaimer .dl-toc a{
  display:block;
  padding:7px 11px;
  border:1px solid var(--dl-rule);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  line-height:1.4;
  color:var(--ink-900);
  text-decoration:none;
  white-space:nowrap;
  transition:border-color 180ms ease,color 180ms ease,background-color 180ms ease;
}
.page-disclaimer .dl-toc a:hover{
  border-color:var(--ember-600);
  color:var(--ember-700);
  background:var(--sand-100);
}
.page-disclaimer .dl-toc a .num{
  color:var(--ember-700);
  margin-right:.5em;
}

/* ---------- 条款面板 ---------- */
.page-disclaimer .clause{
  position:relative;
  background:var(--sand-050);
  border:1px solid var(--dl-rule);
  border-left:1px solid var(--clay-700);
  padding:clamp(16px,2.4vw,26px) clamp(16px,2.6vw,32px) clamp(16px,2.4vw,26px);
  scroll-margin-top:110px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--dl-notch)),calc(100% - var(--dl-notch)) 100%,0 100%);
  transition:border-color 180ms ease,background-color 180ms ease,transform 180ms ease;
}
.page-disclaimer .clause:nth-child(even){
  background:var(--sand-100);
}
.page-disclaimer .clause:hover{
  border-color:var(--clay-700);
  border-left-color:var(--ember-600);
  transform:translateY(-2px);
}
.page-disclaimer .clause:target{
  border-left-color:var(--ember-600);
  border-left-width:3px;
}

.page-disclaimer .clause__head{
  display:flex;
  align-items:baseline;
  gap:14px;
  cursor:pointer;
  list-style:none;
}
.page-disclaimer .clause__head::-webkit-details-marker{
  display:none;
}
.page-disclaimer .clause__head::marker{
  content:"";
}
.page-disclaimer .clause__no{
  flex:none;
  font-size:12.5px;
  letter-spacing:.06em;
  color:var(--ember-700);
}
.page-disclaimer .clause__title{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(17px,1.7vw,21px);
  line-height:1.35;
  letter-spacing:-.01em;
  color:var(--ink-900);
}
.page-disclaimer .clause__mark{
  flex:none;
  margin-left:auto;
  width:9px;
  height:9px;
  border-right:2px solid var(--clay-700);
  border-bottom:2px solid var(--clay-700);
  transform:rotate(45deg) translate(-1px,-1px);
  transition:transform 220ms ease,border-color 180ms ease;
}
.page-disclaimer .clause[open] .clause__mark{
  transform:rotate(225deg) translate(-1px,-1px);
}
.page-disclaimer .clause:hover .clause__mark{
  border-color:var(--ember-600);
}
.page-disclaimer .clause__body{
  padding-top:14px;
  border-top:1px solid var(--dl-rule);
  margin-top:14px;
}
.page-disclaimer .clause__body p{
  margin:0 0 1em;
  font-size:15.5px;
  line-height:1.9;
}
.page-disclaimer .clause__body p:last-child{
  margin-bottom:0;
}
.page-disclaimer .clause__body a{
  color:var(--ember-700);
  text-decoration:none;
  border-bottom:1px solid currentColor;
  transition:color 180ms ease;
}
.page-disclaimer .clause__body a:hover{
  color:var(--ink-900);
}

/* 重点条款：不提供投注相关服务 */
.page-disclaimer .clause--key{
  border-left:3px solid var(--ember-600);
  background:var(--sand-100);
}
.page-disclaimer .clause--key .clause__body{
  border-top-color:rgba(226,85,31,.34);
}
.page-disclaimer .clause--key .clause__no{
  color:var(--ember-600);
}

/* ---------- 收束区 ---------- */
.page-disclaimer .dl-closing{
  margin-top:clamp(30px,4.6vw,60px);
  padding-top:16px;
  border-top:1px solid var(--dl-rule-strong);
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:10px 26px;
}
.page-disclaimer .dl-closing__line{
  margin:0;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.04em;
  line-height:1.7;
  color:var(--ash-500);
}
.page-disclaimer .dl-top{
  flex:none;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--ember-700);
  text-decoration:none;
  border-bottom:1px solid currentColor;
  transition:color 180ms ease;
}
.page-disclaimer .dl-top:hover{
  color:var(--ink-900);
}

/* ---------- 平板与桌面 ---------- */
@media (min-width:720px){
  .page-disclaimer .dl-hero__grid{
    grid-template-columns:minmax(0,1fr) minmax(0,272px);
    column-gap:clamp(30px,5vw,68px);
  }
  .page-disclaimer .dl-hero__lead{
    border-bottom:0;
    padding-bottom:0;
  }
  .page-disclaimer .dl-body{
    grid-template-columns:minmax(0,1fr) 248px;
    grid-template-areas:"main aside";
    column-gap:clamp(30px,4.6vw,64px);
    align-items:start;
  }
  .page-disclaimer .dl-body__main{
    grid-area:main;
    gap:24px;
  }
  .page-disclaimer .dl-body__aside{
    grid-area:aside;
    position:sticky;
    top:clamp(84px,10vw,116px);
    border-top:0;
    border-left:1px solid var(--dl-rule-strong);
    padding-top:0;
    padding-left:18px;
  }
  .page-disclaimer .dl-toc{
    display:grid;
    gap:0;
    overflow:visible;
    padding-bottom:0;
  }
  .page-disclaimer .dl-toc li{
    flex:none;
  }
  .page-disclaimer .dl-toc a{
    border:0;
    border-left:2px solid var(--dl-rule);
    padding:8px 0 8px 12px;
    font-size:12.5px;
    white-space:normal;
    background:none;
    color:var(--ink-900);
  }
  .page-disclaimer .dl-toc a:hover{
    border-left-color:var(--ember-600);
    color:var(--ember-700);
    background:none;
  }
}

@media (min-width:1080px){
  .page-disclaimer .dl-body{
    grid-template-columns:minmax(0,1fr) 280px;
  }
  .page-disclaimer .clause{
    --dl-notch:18px;
  }
  .page-disclaimer .clause:nth-child(odd){
    margin-right:16px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-disclaimer .clause,
  .page-disclaimer .clause__mark,
  .page-disclaimer .dl-toc a,
  .page-disclaimer .dl-crumbs a,
  .page-disclaimer .dl-top,
  .page-disclaimer .clause__body a{
    transition:none;
  }
  .page-disclaimer .clause:hover{
    transform:none;
  }
}
