.page-privacy{
  --privacy-rule:1px solid var(--line-soft);
  --privacy-toc-top:104px;
  background:var(--ink);
  color:var(--bone);
  padding-bottom:clamp(36px,6vw,72px);
  overflow-x:hidden;
}
.page-privacy .breadcrumb{
  padding-top:clamp(14px,2.5vw,22px);
  font-size:.78rem;
  letter-spacing:.08em;
}

/* ---------- 首屏 ---------- */
.page-privacy .legal-hero{
  position:relative;
  isolation:isolate;
  padding:clamp(18px,4vw,36px) 0 clamp(26px,4.5vw,48px);
  border-bottom:var(--privacy-rule);
}
.page-privacy .legal-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:
    linear-gradient(to right, rgba(143,216,255,.07) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(143,216,255,.07) 1px, transparent 1px);
  background-size:68px 68px;
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 88%);
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent 88%);
  pointer-events:none;
}
.page-privacy .legal-hero::after{
  content:"";
  position:absolute;
  right:-8%;
  top:-30%;
  width:min(420px,55vw);
  height:min(420px,55vw);
  z-index:-1;
  background:radial-gradient(circle at 50% 50%, rgba(92,122,90,.28), transparent 68%);
  pointer-events:none;
}
.page-privacy .hero-grid{
  display:grid;
  gap:clamp(20px,4vw,38px);
  align-items:end;
}
.page-privacy .legal-eyebrow{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--ice);
}
.page-privacy .display{
  font-family:var(--font-display);
  font-weight:800;
  font-size:clamp(2.6rem,11vw,5.2rem);
  line-height:.94;
  letter-spacing:.01em;
  margin:0 0 16px;
  color:var(--bone);
}
.page-privacy .lede{
  margin:0;
  max-width:48ch;
  font-size:clamp(.96rem,2.1vw,1.08rem);
  line-height:1.9;
  color:var(--bone-dim);
}
.page-privacy .hero-visual{
  position:relative;
  margin:0;
  clip-path:polygon(0 7%,100% 0,100% 93%,0 100%);
  background:var(--navy);
}
.page-privacy .hero-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:180px;
  max-height:340px;
  object-fit:cover;
  filter:saturate(.85) contrast(1.05);
}

.page-privacy .hero-meta{
  display:grid;
  gap:1px;
  margin:clamp(22px,4vw,36px) 0 0;
  background:var(--line-soft);
  border-top:2px solid var(--lime);
}
.page-privacy .hero-meta-item{
  background:var(--ink);
  padding:14px 2px 12px;
}
.page-privacy .hero-meta-item dt{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--rock);
  margin-bottom:6px;
}
.page-privacy .hero-meta-item dd{
  margin:0;
  font-size:.88rem;
  line-height:1.7;
  color:var(--bone-dim);
}

/* ---------- 正文骨架 ---------- */
.page-privacy .doc{
  display:grid;
  gap:clamp(22px,4vw,48px);
  padding:clamp(26px,4.5vw,56px) 0 0;
}

/* ---------- 侧边目录 ---------- */
.page-privacy .doc-toc{
  border-top:2px solid var(--lime);
  padding-top:14px;
  min-width:0;
}
.page-privacy .toc-title{
  margin:0 0 10px;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--rock);
}
.page-privacy .toc-list{
  list-style:none;
  margin:0;
  padding:0 0 4px;
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}
.page-privacy .toc-list li{flex:0 0 auto;}
.page-privacy .toc-link{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:8px 12px;
  border:1px solid var(--line-soft);
  color:var(--bone-dim);
  font-size:.82rem;
  line-height:1.5;
  text-decoration:none;
  white-space:nowrap;
  transition:color .18s ease, border-color .18s ease, background-color .18s ease;
}
.page-privacy .toc-num{
  font-family:var(--font-mono);
  font-size:.72rem;
  color:var(--lime);
  letter-spacing:.1em;
}
.page-privacy .toc-link:hover,
.page-privacy .toc-link:focus-visible{
  color:var(--bone);
  border-color:var(--lime);
  background:rgba(182,255,59,.08);
  outline:none;
}
.page-privacy .toc-foot{
  display:flex;
  gap:10px;
  margin-top:16px;
  padding-top:14px;
  border-top:var(--privacy-rule);
}
.page-privacy .toc-foot-link{
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.12em;
  color:var(--ice);
  text-decoration:none;
  border-bottom:1px solid rgba(143,216,255,.35);
  padding-bottom:2px;
}
.page-privacy .toc-foot-link:hover,
.page-privacy .toc-foot-link:focus-visible{
  color:var(--lime);
  border-bottom-color:var(--lime);
  outline:none;
}

/* ---------- 条款 ---------- */
.page-privacy .doc-body{min-width:0;}
.page-privacy .clause{
  scroll-margin-top:96px;
  padding-top:clamp(18px,3vw,30px);
  border-top:var(--privacy-rule);
  margin-top:clamp(26px,4vw,42px);
}
.page-privacy .clause:first-child{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
.page-privacy .clause-head{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:14px;
}
.page-privacy .clause-num{
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.14em;
  color:var(--lime);
  padding-top:.3em;
  flex:0 0 auto;
}
.page-privacy .clause h2{
  margin:0;
  font-family:var(--font-display);
  font-size:clamp(1.3rem,4.2vw,1.85rem);
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.25;
  color:var(--bone);
}
.page-privacy .clause p{
  margin:0 0 14px;
  max-width:66ch;
  font-size:.94rem;
  line-height:1.92;
  color:var(--bone-dim);
}
.page-privacy .clause ul{
  list-style:none;
  margin:0 0 16px;
  padding:0;
  display:grid;
  gap:12px;
  max-width:66ch;
}
.page-privacy .clause li{
  position:relative;
  padding-left:20px;
  font-size:.92rem;
  line-height:1.88;
  color:var(--bone-dim);
}
.page-privacy .clause li::before{
  content:"";
  position:absolute;
  left:0;
  top:.82em;
  width:10px;
  height:1px;
  background:var(--ice);
}
.page-privacy .clause li strong{
  color:var(--bone);
  font-weight:600;
}
.page-privacy .clause .link-ice{
  color:var(--ice);
  text-decoration:none;
  border-bottom:1px solid rgba(143,216,255,.4);
}
.page-privacy .clause .link-ice:hover,
.page-privacy .clause .link-ice:focus-visible{
  color:var(--lime);
  border-bottom-color:var(--lime);
  outline:none;
}

/* ---------- 提示块 ---------- */
.page-privacy .callout{
  max-width:66ch;
  margin:0 0 16px;
  padding:14px 16px;
  border-left:2px solid var(--ice);
  background:rgba(143,216,255,.07);
}
.page-privacy .callout p{
  margin:0;
  font-size:.88rem;
  line-height:1.8;
  color:var(--bone);
}
.page-privacy .callout-flare{
  border-left-color:var(--flare);
  background:rgba(255,90,54,.08);
}

/* ---------- 联系方式 ---------- */
.page-privacy .contact-lines{
  display:grid;
  gap:12px;
  margin:0 0 18px;
  max-width:66ch;
}
.page-privacy .contact-row{
  display:grid;
  gap:3px;
  padding-bottom:10px;
  border-bottom:1px dashed var(--line-soft);
}
.page-privacy .contact-row dt{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--rock);
}
.page-privacy .contact-row dd{
  margin:0;
  font-size:.92rem;
  line-height:1.7;
  color:var(--bone);
  word-break:break-word;
}

.page-privacy .clause-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.page-privacy .clause-actions .btn{text-decoration:none;}

/* ---------- 响应式 ---------- */
@media (min-width:560px){
  .page-privacy .hero-meta{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .page-privacy .hero-meta-item{
    padding:16px 16px 14px;
  }
  .page-privacy .hero-meta-item:first-child{padding-left:2px;}
  .page-privacy .contact-row{
    grid-template-columns:96px minmax(0,1fr);
    gap:16px;
    align-items:baseline;
  }
  .page-privacy .clause p,
  .page-privacy .clause li{font-size:.96rem;}
}

@media (min-width:880px){
  .page-privacy .hero-grid{
    grid-template-columns:minmax(0,1.55fr) minmax(220px,.72fr);
    gap:clamp(28px,4vw,56px);
  }
  .page-privacy .hero-visual img{
    max-height:420px;
    min-height:240px;
  }
  .page-privacy .display{font-size:clamp(3.4rem,7.5vw,5.6rem);}
}

@media (min-width:960px){
  .page-privacy .doc{
    grid-template-columns:250px minmax(0,1fr);
    gap:clamp(32px,4vw,64px);
    align-items:start;
  }
  .page-privacy .doc-toc{
    position:sticky;
    top:var(--privacy-toc-top);
    align-self:start;
    max-height:calc(100vh - var(--privacy-toc-top) - 32px);
    overflow-y:auto;
    padding-right:4px;
  }
  .page-privacy .toc-list{
    display:block;
    overflow:visible;
    padding-bottom:0;
  }
  .page-privacy .toc-list li{margin-bottom:2px;}
  .page-privacy .toc-link{
    white-space:normal;
    border:0;
    border-left:1px solid var(--line-soft);
    padding:9px 10px 9px 14px;
    font-size:.86rem;
    background:transparent;
    transition:color .18s ease, border-color .18s ease, padding-left .18s ease;
  }
  .page-privacy .toc-link:hover,
  .page-privacy .toc-link:focus-visible{
    border-left-color:var(--lime);
    padding-left:18px;
    background:transparent;
  }
  .page-privacy .clause p,
  .page-privacy .clause li{font-size:1rem;}
  .page-privacy .clause p{line-height:1.95;}
}
<<<END>>>