.page-privacy{
  --priv-measure:720px;
  --priv-sticky:96px;
  display:block;
  padding-bottom:clamp(48px,8vw,96px);
  background-image:
    radial-gradient(1100px 400px at 90% -8%, rgba(124,154,163,.18), transparent 70%),
    radial-gradient(680px 320px at -12% 34%, rgba(169,184,188,.20), transparent 72%);
  background-repeat:no-repeat;
}

/* 面包屑 */
.page-privacy .priv-crumbs{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding-top:clamp(4px,1.6vw,14px);
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--wash-1);
}
.page-privacy .priv-crumbs a{
  color:var(--dai);
  text-decoration:none;
  border-bottom:1px solid rgba(34,81,94,.32);
}
.page-privacy .priv-crumbs a:hover{ border-bottom-color:var(--green); }
.page-privacy .priv-crumbs__sep{ color:var(--wash-3); }

/* 首屏 */
.page-privacy .priv-intro{
  max-width:var(--priv-measure);
  padding-top:clamp(14px,3vw,28px);
}
.page-privacy .priv-intro__tag{
  margin:0;
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--orange);
}
.page-privacy .priv-intro h1{
  margin:12px 0 18px;
  font-family:var(--serif);
  font-weight:800;
  font-size:clamp(27px,5.4vw,42px);
  line-height:1.24;
  letter-spacing:.01em;
  color:var(--ink);
}
.page-privacy .priv-intro h1 em{
  font-style:normal;
  color:var(--dai);
  background:linear-gradient(transparent 66%, rgba(198,255,61,.58) 66%);
}
.page-privacy .priv-lede{
  margin:0;
  max-width:38em;
  font-size:clamp(16px,1.7vw,17.5px);
  line-height:1.9;
  color:var(--grey);
}
.page-privacy .priv-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 20px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--wash-1);
}
.page-privacy .priv-meta li{
  position:relative;
  padding-left:14px;
}
.page-privacy .priv-meta li::before{
  content:"";
  position:absolute;
  left:0;
  top:.5em;
  width:6px;
  height:6px;
  border-radius:1px;
  background:var(--green);
  transform:rotate(45deg);
}

/* 通栏氛围图 */
.page-privacy .priv-banner{
  position:relative;
  margin:clamp(24px,4vw,42px) 0 0;
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--ink);
}
.page-privacy .priv-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/6;
  object-fit:cover;
}
.page-privacy .priv-banner figcaption{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding:14px clamp(14px,3vw,26px);
  font-size:13px;
  line-height:1.6;
  color:rgba(246,243,236,.9);
  background:linear-gradient(transparent, rgba(22,35,43,.84));
}

/* 双栏骨架：左侧吸顶目录 + 窄版正文 */
.page-privacy .priv-shell{
  display:grid;
  gap:clamp(22px,4vw,40px);
  margin-top:clamp(30px,5vw,54px);
  max-width:100%;
}
.page-privacy .priv-toc{
  border-top:2px solid var(--ink);
  padding-top:12px;
  max-width:100%;
}
.page-privacy .priv-toc__title{
  margin:0 0 10px;
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--wash-1);
}
.page-privacy .priv-toc__list{
  display:flex;
  gap:8px;
  margin:0;
  padding:0 0 8px;
  list-style:none;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
}
.page-privacy .priv-toc__list li{ flex:0 0 auto; }
.page-privacy .priv-toc__link{
  display:block;
  padding:6px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:13px;
  line-height:1.5;
  white-space:nowrap;
  color:var(--grey);
  text-decoration:none;
  transition:border-color .2s var(--ease), color .2s var(--ease);
}
.page-privacy .priv-toc__link:hover{
  border-color:var(--dai);
  color:var(--dai);
}
.page-privacy .priv-toc__link:focus-visible{
  outline:2px solid var(--green);
  outline-offset:2px;
}

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

/* 章节 */
.page-privacy .priv-chapter{
  position:relative;
  scroll-margin-top:var(--priv-sticky);
}
.page-privacy .priv-chapter + .priv-chapter,
.page-privacy .priv-band + .priv-chapter{
  margin-top:clamp(30px,4.5vw,54px);
}
.page-privacy .priv-chapter + .priv-chapter::before{
  content:"";
  display:block;
  height:1px;
  margin-bottom:clamp(24px,3.6vw,42px);
  background:linear-gradient(90deg, var(--wash-2), rgba(216,222,224,.12) 72%);
}
.page-privacy .priv-chapter__no{
  display:block;
  margin:0 0 4px;
  font-family:var(--mono);
  font-size:clamp(36px,7vw,56px);
  line-height:1;
  letter-spacing:-.05em;
  color:var(--wash-4);
  font-variant-numeric:tabular-nums;
}
.page-privacy .priv-chapter h2{
  margin:0 0 12px;
  font-family:var(--serif);
  font-size:clamp(21px,3.2vw,27px);
  line-height:1.34;
  color:var(--ink);
}
.page-privacy .priv-chapter__lead{
  margin:0 0 4px;
  max-width:38em;
  font-size:16px;
  line-height:1.85;
  color:var(--grey);
}
.page-privacy .priv-chapter a{
  color:var(--dai);
  text-decoration:none;
  border-bottom:1px solid rgba(34,81,94,.34);
}
.page-privacy .priv-chapter a:hover{ border-bottom-color:var(--green); }

/* 三种使用情形 */
.page-privacy .priv-scenes{
  display:grid;
  gap:12px;
  margin:18px 0 0;
}
.page-privacy .priv-scene{
  padding:16px 16px 18px;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
}
.page-privacy .priv-scene h3{
  margin:0 0 8px;
  font-family:var(--sans);
  font-size:15px;
  font-weight:600;
  letter-spacing:.02em;
  color:var(--ink);
}
.page-privacy .priv-scene h3 span{
  display:inline-block;
  margin-right:8px;
  padding:1px 7px;
  border:1px solid rgba(34,81,94,.3);
  border-radius:999px;
  font-family:var(--mono);
  font-size:11px;
  font-weight:500;
  color:var(--dai);
  vertical-align:1px;
}
.page-privacy .priv-scene p{
  margin:0;
  font-size:14.5px;
  line-height:1.8;
  color:var(--grey);
}

/* 条目列表 */
.page-privacy .priv-list{
  display:grid;
  gap:12px;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.page-privacy .priv-list li{
  position:relative;
  max-width:38em;
  padding-left:20px;
  font-size:16px;
  line-height:1.82;
  color:var(--grey);
}
.page-privacy .priv-list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:.74em;
  width:7px;
  height:7px;
  border-radius:1px;
  background:var(--wash-2);
  transform:rotate(45deg);
}
.page-privacy .priv-list li strong{
  font-family:var(--sans);
  font-weight:600;
  color:var(--ink);
}
.page-privacy .priv-list--accent li::before{ background:var(--orange); }

/* 提示条 */
.page-privacy .priv-note{
  max-width:38em;
  margin:18px 0 0;
  padding:14px 16px 14px 18px;
  border-left:3px solid var(--green);
  border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  background:linear-gradient(90deg, rgba(198,255,61,.20), rgba(255,255,255,0));
  font-size:15px;
  line-height:1.8;
  color:var(--ink);
}

/* 会员权益入口 */
.page-privacy .priv-band{
  display:grid;
  gap:16px;
  margin-top:clamp(30px,4.5vw,54px);
  padding:clamp(18px,3vw,28px);
  border-radius:var(--radius);
  background:var(--ink);
  color:var(--paper);
}
.page-privacy .priv-band__eyebrow{
  margin:0;
  font-family:var(--mono);
  font-size:11.5px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--green);
}
.page-privacy .priv-band__stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
  gap:16px;
  margin:0;
  padding:0;
  list-style:none;
}
.page-privacy .priv-band__value{
  display:block;
  font-family:var(--mono);
  font-size:clamp(24px,4vw,32px);
  line-height:1.1;
  color:var(--green);
  font-variant-numeric:tabular-nums slashed-zero;
}
.page-privacy .priv-band__label{
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.6;
  color:rgba(246,243,236,.78);
}
.page-privacy .priv-band .btn--ghost{
  justify-self:start;
  border-color:rgba(246,243,236,.42);
  color:var(--paper);
}

/* 折叠问答 */
.page-privacy .priv-panels{
  display:grid;
  gap:10px;
  margin-top:20px;
}
.page-privacy .priv-panels .panel{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
}
.page-privacy .priv-panels .panel__summary{
  font-size:15px;
  line-height:1.7;
  color:var(--ink);
}

/* 底部动作 */
.page-privacy .priv-foot{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:clamp(32px,5vw,56px);
  padding-top:22px;
  border-top:1px solid var(--line);
}
.page-privacy .priv-foot .btn{ flex:0 0 auto; }

/* 桌面端：目录吸顶，正文留白变大 */
@media (min-width:1024px){
  .page-privacy .priv-shell{
    grid-template-columns:196px minmax(0,var(--priv-measure));
    column-gap:clamp(32px,4.5vw,72px);
    align-items:start;
  }
  .page-privacy .priv-toc{
    position:sticky;
    top:var(--priv-sticky);
    align-self:start;
    max-height:calc(100vh - var(--priv-sticky) - 32px);
    overflow:auto;
  }
  .page-privacy .priv-toc__list{
    flex-direction:column;
    gap:2px;
    overflow:visible;
    padding-bottom:0;
  }
  .page-privacy .priv-toc__list li{ flex:1 1 auto; }
  .page-privacy .priv-toc__link{
    padding:7px 0 7px 12px;
    border:0;
    border-left:2px solid var(--line);
    border-radius:0;
    white-space:normal;
  }
  .page-privacy .priv-toc__link:hover{
    border-left-color:var(--dai);
    background:linear-gradient(90deg, rgba(34,81,94,.08), transparent 88%);
  }
  .page-privacy .priv-chapter__no{ font-size:clamp(44px,4.6vw,60px); }
  .page-privacy .priv-list{ gap:14px; }
}

@media (min-width:760px){
  .page-privacy .priv-scenes{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

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