.page-privacy{
  --priv-rail:236px;
  --priv-measure:38em;
  --priv-gap:clamp(28px,5vw,64px);
  color:var(--text);
  background:var(--void);
}

.page-privacy .priv-hero{
  display:grid;
  gap:clamp(22px,4vw,44px);
  align-items:end;
  padding:clamp(16px,3vw,32px) 0 clamp(30px,5vw,54px);
  border-bottom:1px solid var(--line);
}

.page-privacy .priv-hero__kicker{
  margin:0 0 14px;
  color:var(--gold);
}

.page-privacy .priv-hero__title{
  margin:0 0 clamp(14px,2vw,20px);
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(33px,7vw,62px);
  line-height:1.03;
  letter-spacing:-.02em;
  color:var(--paper);
}

.page-privacy .priv-hero__mark{
  font-style:normal;
  color:var(--gold);
}

.page-privacy .priv-hero__text .lede{
  margin:0;
  max-width:34em;
  font-size:clamp(14.5px,1.6vw,16.5px);
  line-height:1.66;
  color:var(--dim);
}

.page-privacy .priv-hero__facts{
  list-style:none;
  margin:clamp(18px,3vw,28px) 0 0;
  padding:0;
  display:grid;
  gap:10px;
  font-size:13px;
  line-height:1.5;
  color:var(--dim);
}

.page-privacy .priv-hero__facts li{
  padding-left:14px;
  border-left:1px solid var(--gold);
  letter-spacing:.01em;
}

.page-privacy .priv-hero__figure{
  position:relative;
  margin:0;
  overflow:hidden;
  border:1px solid var(--line);
  background:var(--night);
}

.page-privacy .priv-hero__figure::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(120% 80% at 80% 10%,rgba(143,107,255,.22),transparent 62%),radial-gradient(90% 70% at 10% 100%,rgba(245,196,81,.12),transparent 60%);
}

.page-privacy .priv-hero__figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  filter:saturate(.85) brightness(.72);
}

.page-privacy .priv-hero__figure .media__cap{
  position:relative;
  padding:10px 13px 12px;
  margin:0;
  font-size:11.5px;
  line-height:1.55;
  letter-spacing:.04em;
  color:var(--dim);
  border-top:1px solid var(--line);
  background:var(--void);
}

.page-privacy .priv-layout{
  display:grid;
  gap:var(--priv-gap);
  padding-top:clamp(26px,4vw,46px);
}

/* 条款目录：窄屏横向滑动，宽屏固定成左侧索引 */
.page-privacy .priv-rail__head{
  margin:0;
  color:var(--gold);
}

.page-privacy .priv-toc{
  list-style:none;
  margin:12px 0 0;
  padding:0;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:max-content;
  gap:8px;
  max-width:100%;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  padding-bottom:6px;
}

.page-privacy .priv-toc a{
  display:flex;
  gap:8px;
  align-items:baseline;
  padding:8px 12px;
  border:1px solid var(--line);
  color:var(--dim);
  text-decoration:none;
  font-size:12.5px;
  line-height:1.4;
  white-space:nowrap;
  transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease);
}

.page-privacy .priv-toc a:hover,
.page-privacy .priv-toc a:focus-visible{
  color:var(--text);
  border-color:var(--violet);
  background:rgba(143,107,255,.1);
}

.page-privacy .priv-toc .num{
  color:var(--gold);
  font-size:11px;
}

.page-privacy .priv-rail__note{
  margin-top:20px;
  padding:12px 14px;
  background:var(--slate);
  border-left:2px solid var(--violet);
  font-size:12.5px;
  line-height:1.62;
  color:var(--dim);
}

.page-privacy .priv-rail__note p{
  margin:0;
}

.page-privacy .priv-rail__note a{
  color:var(--paper);
}

.page-privacy .priv-body{
  max-width:var(--priv-measure);
}

.page-privacy .priv-clause{
  padding-bottom:clamp(24px,3.2vw,36px);
  margin-bottom:clamp(24px,3.2vw,36px);
  border-bottom:1px solid var(--line);
}

.page-privacy .priv-clause:last-of-type{
  border-bottom:0;
  margin-bottom:0;
}

.page-privacy .priv-clause__no{
  display:flex;
  gap:12px;
  align-items:baseline;
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--dim);
}

.page-privacy .priv-clause__no .num{
  color:var(--gold);
  font-size:15px;
  letter-spacing:.04em;
}

.page-privacy .priv-clause__title{
  margin:0 0 14px;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(21px,2.7vw,29px);
  line-height:1.14;
  letter-spacing:-.01em;
  color:var(--text);
}

.page-privacy .priv-clause p{
  margin:0 0 12px;
  max-width:36em;
  font-size:15px;
  line-height:1.64;
  color:var(--text);
}

.page-privacy .priv-clause p:last-child{
  margin-bottom:0;
}

.page-privacy .priv-clause a{
  color:var(--gold);
  text-decoration:underline;
  text-underline-offset:3px;
}

.page-privacy .priv-list{
  list-style:none;
  margin:16px 0 18px;
  padding:0;
  border-top:1px solid var(--line);
}

.page-privacy .priv-list li{
  display:grid;
  gap:3px;
  padding:11px 0;
  border-bottom:1px solid var(--line);
}

.page-privacy .priv-list__k{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
}

.page-privacy .priv-list__v{
  font-size:14px;
  line-height:1.6;
  color:var(--dim);
}

.page-privacy .priv-note{
  margin-top:16px;
  padding:12px 14px;
  background:var(--slate);
  border-left:2px solid var(--violet);
  font-size:13px;
  line-height:1.62;
  color:var(--dim);
}

.page-privacy .priv-note p{
  margin:0;
  max-width:none;
  font-size:13px;
  color:var(--dim);
}

.page-privacy .priv-note a{
  color:var(--paper);
}

/* 联系方式与登记信息 */
.page-privacy .priv-contact{
  margin-top:clamp(30px,4.4vw,50px);
  padding:clamp(20px,3.4vw,34px);
  border:1px solid var(--line);
  background:linear-gradient(135deg,var(--wine) 0%,var(--night) 62%,var(--void) 100%);
}

.page-privacy .priv-contact__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(20px,2.6vw,27px);
  line-height:1.16;
  letter-spacing:-.01em;
  color:var(--paper);
}

.page-privacy .priv-contact__grid{
  display:grid;
  gap:14px;
  margin-top:18px;
}

.page-privacy .priv-contact__k{
  margin:0 0 4px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
}

.page-privacy .priv-contact__v{
  margin:0;
  font-family:var(--font-mono);
  font-size:13.5px;
  line-height:1.55;
  color:var(--paper);
  overflow-wrap:anywhere;
}

.page-privacy .priv-contact__foot{
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px solid var(--line);
  font-size:12.5px;
  line-height:1.6;
  color:var(--dim);
}

.page-privacy .priv-more{
  display:flex;
  flex-wrap:wrap;
  gap:10px 22px;
  align-items:baseline;
  margin-top:clamp(24px,3.4vw,36px);
  padding-top:18px;
  border-top:1px solid var(--line);
}

.page-privacy .priv-more .meta-label{
  margin:0;
  color:var(--dim);
}

.page-privacy .priv-more .link-arrow{
  font-size:13px;
  color:var(--gold);
}

@media (min-width:640px){
  .page-privacy .priv-list li{
    grid-template-columns:152px minmax(0,1fr);
    gap:18px;
    align-items:start;
  }

  .page-privacy .priv-contact__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px 24px;
  }
}

@media (min-width:920px){
  .page-privacy .priv-hero{
    grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  }

  .page-privacy .priv-layout{
    grid-template-columns:var(--priv-rail) minmax(0,1fr);
    align-items:start;
  }

  .page-privacy .priv-rail{
    position:sticky;
    top:clamp(16px,4vh,40px);
    align-self:start;
  }

  .page-privacy .priv-toc{
    grid-auto-flow:row;
    grid-auto-columns:auto;
    overflow-x:visible;
    gap:2px;
    padding-bottom:0;
  }

  .page-privacy .priv-toc a{
    padding:9px 0 9px 13px;
    border:0;
    border-left:1px solid var(--line);
    white-space:normal;
  }

  .page-privacy .priv-toc a:hover,
  .page-privacy .priv-toc a:focus-visible{
    border-left-color:var(--gold);
    background:rgba(143,107,255,.08);
  }

  .page-privacy .priv-contact__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media (min-width:1120px){
  .page-privacy{
    --priv-rail:260px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-privacy .priv-toc a{
    transition:none;
  }
}
<<<END>>>