.page-privacy{
  --privacy-pad:20px;
  --privacy-rail-w:220px;
  display:block;
  background:var(--deep);
  overflow-x:clip;
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:minmax(360px,auto);
  overflow:hidden;
  border-bottom:1px solid var(--line);
}
.page-privacy .privacy-hero__img{
  grid-area:1 / 1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.55;
}
.page-privacy .privacy-hero__veil{
  grid-area:1 / 1;
  pointer-events:none;
  background:
    linear-gradient(178deg,rgba(6,26,43,.42) 0%,rgba(6,26,43,.84) 46%,var(--deep) 100%),
    repeating-linear-gradient(90deg,rgba(47,240,208,.13) 0 1px,transparent 1px 56px);
}
.page-privacy .privacy-hero__body{
  grid-area:1 / 1;
  align-self:end;
  justify-self:center;
  position:relative;
  width:100%;
  max-width:var(--content);
  padding:80px var(--privacy-pad) 40px;
  box-sizing:border-box;
}
.page-privacy .breadcrumbs{
  margin-bottom:22px;
  font-size:13px;
}
.page-privacy .privacy-hero__title{
  margin:10px 0 16px;
  font-family:var(--font-head);
  font-size:34px;
  font-weight:900;
  line-height:1.1;
  letter-spacing:-.03em;
  color:var(--bone);
}
.page-privacy .privacy-hero__lede{
  margin:0;
  max-width:62ch;
  font-size:16px;
  line-height:1.75;
  color:rgba(242,237,228,.84);
}
.page-privacy .privacy-hero__facts{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  margin:24px 0 0;
  padding:0;
  font-size:14px;
  color:var(--text-dim);
}
.page-privacy .privacy-hero__facts li{
  display:inline-flex;
  align-items:baseline;
  gap:9px;
}
.page-privacy .privacy-hero__facts .mono{
  font-size:12px;
  letter-spacing:.08em;
  color:var(--cyan);
}

/* ---------- 主体：目录轨 + 条款流 ---------- */
.page-privacy .privacy-flow{
  max-width:var(--content);
  margin-inline:auto;
  padding:32px var(--privacy-pad) 64px;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:26px;
  box-sizing:border-box;
}
.page-privacy .privacy-rail__title{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--text-soft);
}
.page-privacy .privacy-rail__list{
  list-style:none;
  display:flex;
  gap:8px;
  margin:0;
  padding:0 0 8px;
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--rock) transparent;
}
.page-privacy .privacy-rail__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 13px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(14,90,138,.10);
  color:var(--text-dim);
  font-size:13px;
  white-space:nowrap;
  text-decoration:none;
  transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);
}
.page-privacy .privacy-rail__num{
  font-size:11px;
  letter-spacing:.08em;
  color:var(--cyan);
}
.page-privacy .privacy-rail__item:hover,
.page-privacy .privacy-rail__item:focus-visible{
  color:var(--bone);
  border-color:var(--line-cyan);
  background:rgba(47,240,208,.10);
}

.page-privacy .clause{
  scroll-margin-top:96px;
  border-top:1px solid var(--line);
  padding:24px 0 28px;
}
.page-privacy .clause:first-child{
  border-top:0;
  padding-top:6px;
}
.page-privacy .clause__head{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:14px;
}
.page-privacy .clause__num{
  flex:none;
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1;
  padding:6px 8px;
  color:var(--cyan);
  border:1px solid var(--line-cyan);
  border-radius:6px;
  background:rgba(47,240,208,.06);
}
.page-privacy .clause__title{
  margin:0;
  font-family:var(--font-head);
  font-size:20px;
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.35;
  color:var(--bone);
}
.page-privacy .clause__body > p{
  margin:0 0 14px;
  max-width:68ch;
  font-size:16px;
  line-height:1.78;
  color:rgba(242,237,228,.86);
}
.page-privacy .clause__body > p:last-child{
  margin-bottom:0;
}
.page-privacy .clause__body strong{
  color:var(--bone);
  font-weight:700;
}
.page-privacy .clause__body a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid var(--line-cyan);
}
.page-privacy .clause__body a:hover,
.page-privacy .clause__body a:focus-visible{
  border-bottom-color:var(--cyan);
}
.page-privacy .mono--inline{
  font-family:var(--font-mono);
  font-size:.92em;
  letter-spacing:.02em;
  color:var(--cyan-soft);
  word-break:break-all;
}

/* 键值块 */
.page-privacy .kv{
  display:grid;
  gap:1px;
  margin:18px 0 0;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--line-soft);
  overflow:hidden;
}
.page-privacy .kv__row{
  padding:15px 16px;
  background:#08243A;
  border-left:2px solid transparent;
  transition:border-color .18s var(--ease),background .18s var(--ease);
}
.page-privacy .kv__row:hover{
  border-left-color:var(--cyan);
  background:rgba(14,90,138,.24);
}
.page-privacy .kv__k{
  margin-bottom:6px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--cyan);
}
.page-privacy .kv__v{
  margin:0;
  font-size:15px;
  line-height:1.75;
  color:rgba(242,237,228,.84);
}

/* 要点列表 */
.page-privacy .clause__list{
  list-style:none;
  display:grid;
  gap:13px;
  margin:16px 0 16px;
  padding:0;
}
.page-privacy .clause__list li{
  position:relative;
  padding-left:20px;
  font-size:15.5px;
  line-height:1.78;
  color:rgba(242,237,228,.84);
}
.page-privacy .clause__list li::before{
  content:"";
  position:absolute;
  left:2px;
  top:11px;
  width:6px;
  height:6px;
  border:1px solid var(--cyan);
  transform:rotate(45deg);
}

/* 权利步骤 */
.page-privacy .steps{
  list-style:none;
  display:grid;
  gap:1px;
  margin:20px 0 0;
  padding:0;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--line-soft);
  overflow:hidden;
}
.page-privacy .steps__item{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:12px;
  padding:16px;
  background:#08243A;
  transition:background .18s var(--ease);
}
.page-privacy .steps__item:hover{
  background:rgba(14,90,138,.26);
}
.page-privacy .steps__idx{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.06em;
  color:var(--coral);
  padding-top:3px;
}
.page-privacy .steps__title{
  margin:0 0 6px;
  font-size:16px;
  font-weight:700;
  color:var(--bone);
}
.page-privacy .steps__text{
  margin:0;
  font-size:15px;
  line-height:1.72;
  color:rgba(242,237,228,.84);
}

/* 折叠条款 */
.page-privacy .clause__fold{
  margin:18px 0 0;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:rgba(14,90,138,.10);
}
.page-privacy .clause__fold__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 16px;
  cursor:pointer;
  list-style:none;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.02em;
  color:var(--cyan);
  transition:color .18s var(--ease),background .18s var(--ease);
}
.page-privacy .clause__fold__head::-webkit-details-marker{
  display:none;
}
.page-privacy .clause__fold__head::after{
  content:"+";
  flex:none;
  font-size:17px;
  line-height:1;
  color:var(--cyan);
  transition:transform .18s var(--ease);
}
.page-privacy .clause__fold[open] .clause__fold__head::after{
  transform:rotate(45deg);
}
.page-privacy .clause__fold__head:hover,
.page-privacy .clause__fold__head:focus-visible{
  color:var(--cyan-soft);
  background:rgba(47,240,208,.07);
}
.page-privacy .clause__fold__inner{
  padding:0 16px 16px;
  border-top:1px solid var(--line-soft);
}
.page-privacy .clause__fold__inner p{
  margin:14px 0 0;
  font-size:15px;
  line-height:1.75;
  color:rgba(242,237,228,.82);
}

/* 返回顶部 */
.page-privacy .privacy-foot{
  max-width:var(--content);
  margin:0 auto;
  padding:0 var(--privacy-pad) 72px;
  box-sizing:border-box;
}
.page-privacy .privacy-top-link{
  display:inline-flex;
  align-items:center;
  font-size:13px;
  letter-spacing:.04em;
  color:var(--text-dim);
  text-decoration:none;
  padding-bottom:5px;
  border-bottom:1px solid var(--line);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-privacy .privacy-top-link:hover,
.page-privacy .privacy-top-link:focus-visible{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}

/* ---------- 平板 ---------- */
@media (min-width:640px){
  .page-privacy .privacy-hero__title{font-size:42px;}
  .page-privacy .privacy-hero__lede{font-size:17px;}
  .page-privacy .clause__title{font-size:22px;}
  .page-privacy .kv__v{font-size:15.5px;}
}

/* ---------- 桌面：左侧编号刻度 + 右侧条款 ---------- */
@media (min-width:900px){
  .page-privacy{
    --privacy-pad:32px;
  }
  .page-privacy .privacy-hero__body{
    padding:104px var(--privacy-pad) 56px;
  }
  .page-privacy .privacy-hero__title{font-size:52px;}
  .page-privacy .privacy-flow{
    grid-template-columns:var(--privacy-rail-w) minmax(0,1fr);
    gap:56px;
    padding:56px var(--privacy-pad) 40px;
    align-items:start;
  }
  .page-privacy .privacy-rail{
    position:sticky;
    top:104px;
    align-self:start;
  }
  .page-privacy .privacy-rail__list{
    flex-direction:column;
    gap:0;
    overflow:visible;
    padding-bottom:0;
  }
  .page-privacy .privacy-rail__item{
    border:0;
    border-left:2px solid var(--line);
    border-radius:0;
    background:transparent;
    padding:11px 14px;
    font-size:14px;
    white-space:normal;
    transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease);
  }
  .page-privacy .privacy-rail__item:hover,
  .page-privacy .privacy-rail__item:focus-visible{
    border-left-color:var(--cyan);
    color:var(--bone);
    background:rgba(47,240,208,.07);
  }
  .page-privacy .clause{
    padding:32px 0 40px;
  }
  .page-privacy .clause:first-child{
    padding-top:0;
  }
  .page-privacy .clause__head{
    gap:16px;
    margin-bottom:18px;
  }
  .page-privacy .privacy-foot{
    padding-bottom:96px;
  }
}

@media (min-width:1200px){
  .page-privacy .privacy-flow{
    gap:72px;
  }
  .page-privacy .clause__title{font-size:24px;}
}

@media (prefers-reduced-motion:reduce){
  .page-privacy *{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}
<<<END>>>