.page-privacy{
  --doc-measure:38em;
  --toc-w:216px;
  background:var(--paper);
  color:var(--ink);
  padding-bottom:clamp(56px,9vw,104px);
}

/* 面包屑 */
.page-privacy .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:22px 0 0;
  font-family:var(--mono);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--stone);
}
.page-privacy .breadcrumb a{
  color:var(--sky);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .18s var(--ease);
}
.page-privacy .breadcrumb a:hover,
.page-privacy .breadcrumb a:focus-visible{
  border-bottom-color:var(--sky);
}

/* 首屏 */
.page-privacy .doc-hero{
  padding-top:clamp(28px,5vw,52px);
  padding-bottom:clamp(26px,4vw,42px);
  border-bottom:1px solid var(--ink);
}
.page-privacy .doc-hero__kicker{
  margin:0 0 20px;
  color:var(--saffron);
}
.page-privacy .doc-hero__title{
  margin:0;
  font-weight:900;
  font-size:clamp(44px,7vw,108px);
  line-height:.95;
  letter-spacing:-.03em;
}
.page-privacy .doc-hero__lead{
  margin:22px 0 0;
  max-width:34em;
  font-size:17px;
  line-height:1.85;
  color:var(--ink);
}
.page-privacy .doc-hero__lead::first-letter{
  font-weight:700;
}

/* 数据条 */
.page-privacy .facts{
  list-style:none;
  margin:clamp(26px,4vw,40px) 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--ink);
}
.page-privacy .facts__item{
  padding:16px 10px 16px 0;
  border-bottom:1px solid var(--line);
}
.page-privacy .facts__num{
  display:block;
  font-family:var(--mono);
  font-size:24px;
  font-weight:600;
  color:var(--sky);
  letter-spacing:.02em;
}
.page-privacy .facts__label{
  display:block;
  margin-top:6px;
  font-size:13px;
  line-height:1.55;
  color:var(--stone);
}

/* 顶部纹理图 */
.page-privacy .doc-figure{
  margin:clamp(26px,4vw,40px) 0 0;
}
.page-privacy .doc-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  border:1px solid var(--line);
}

/* 两栏长文 */
.page-privacy .doc{
  display:grid;
  gap:clamp(30px,5vw,56px);
  padding-top:clamp(30px,5vw,60px);
}
.page-privacy .doc__body{
  order:2;
  min-width:0;
  max-width:700px;
}
.page-privacy .doc__toc{
  order:1;
  min-width:0;
  border-top:1px solid var(--ink);
  padding-top:14px;
}
.page-privacy .doc__toc-title{
  margin:0 0 12px;
  color:var(--stone);
}
.page-privacy .doc__toc-list{
  list-style:none;
  margin:0;
  padding:0 0 6px;
  display:flex;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.page-privacy .doc__toc-list li{
  flex:0 0 auto;
}
.page-privacy .doc__toc-link{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:9px 12px;
  border:1px solid var(--line);
  color:var(--ink);
  text-decoration:none;
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
  transition:border-color .18s var(--ease),color .18s var(--ease),background .18s var(--ease);
}
.page-privacy .doc__toc-link .mono{
  color:var(--gold);
  font-size:11px;
}
.page-privacy .doc__toc-link:hover,
.page-privacy .doc__toc-link:focus-visible{
  border-color:var(--saffron);
  color:var(--saffron);
}

/* 条款段落 */
.page-privacy .clause{
  padding:clamp(26px,4vw,42px) 0;
  border-top:1px solid var(--line);
}
.page-privacy .clause:first-child{
  border-top:0;
  padding-top:0;
}
.page-privacy .num-mark{
  display:inline-block;
  margin:0 0 10px;
}
.page-privacy .clause h2{
  margin:0 0 16px;
  letter-spacing:-.01em;
}
.page-privacy .clause p{
  margin:0 0 14px;
  max-width:var(--doc-measure);
  font-size:17px;
  line-height:1.85;
}
.page-privacy .clause p:last-child{
  margin-bottom:0;
}
.page-privacy .clause a{
  color:var(--sky);
  text-decoration:none;
  border-bottom:1px solid var(--sky);
}
.page-privacy .clause a:hover,
.page-privacy .clause a:focus-visible{
  color:var(--saffron);
  border-bottom-color:var(--saffron);
}

/* 字段标签 */
.page-privacy .field{
  display:inline-block;
  padding:1px 6px;
  margin:0 1px;
  background:var(--ice);
  border-bottom:1px solid var(--sky);
  font-size:15px;
  line-height:1.6;
  color:var(--ink);
}

/* 键值清单 */
.page-privacy .spec{
  list-style:none;
  margin:14px 0 22px;
  padding:0;
  border-top:1px solid var(--ink);
}
.page-privacy .spec__row{
  display:grid;
  gap:5px;
  padding:14px 8px;
  border-bottom:1px solid var(--line);
}
.page-privacy .spec__row:nth-child(even){
  background:rgba(187,211,223,.26);
}
.page-privacy .spec__key{
  font-size:16px;
  font-weight:700;
  line-height:1.5;
}
.page-privacy .spec__val{
  font-size:16px;
  line-height:1.75;
}
.page-privacy .spec__note{
  font-size:13px;
  line-height:1.6;
  color:var(--stone);
}

/* 用途与权利列表 */
.page-privacy .uselist,
.page-privacy .rightlist{
  list-style:none;
  margin:14px 0 20px;
  padding:0;
  max-width:var(--doc-measure);
  display:grid;
  gap:12px;
}
.page-privacy .uselist li,
.page-privacy .rightlist li{
  position:relative;
  padding-left:26px;
  font-size:17px;
  line-height:1.8;
}
.page-privacy .uselist li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:12px;
  height:2px;
  background:var(--sky);
}
.page-privacy .rightlist li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:9px;
  height:9px;
  background:var(--saffron);
}
.page-privacy .uselist strong,
.page-privacy .rightlist strong{
  font-weight:700;
}

/* 术语释义 */
.page-privacy .term{
  position:relative;
  border-bottom:1px dashed var(--gold);
  cursor:help;
}
.page-privacy .term__tip{
  display:block;
  margin:6px 0 0;
  padding-left:10px;
  border-left:2px solid var(--gold);
  font-size:13px;
  line-height:1.65;
  color:var(--stone);
}

/* 页尾深色块 */
.page-privacy .doc-foot{
  margin-top:clamp(36px,6vw,68px);
  background:var(--night);
  color:var(--paper);
  padding:clamp(22px,4vw,38px);
}
.page-privacy .doc-foot__title{
  margin:0 0 18px;
  color:var(--paper);
}
.page-privacy .doc-foot__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:1px;
  background:var(--line-invert);
}
.page-privacy .doc-foot__list a{
  display:block;
  height:100%;
  padding:16px;
  background:var(--night);
  color:var(--paper);
  text-decoration:none;
  font-size:15px;
  line-height:1.7;
  transition:background .18s var(--ease),color .18s var(--ease);
}
.page-privacy .doc-foot__list a .mono{
  display:block;
  margin-bottom:6px;
  color:var(--gold);
  font-size:11px;
}
.page-privacy .doc-foot__list a:hover,
.page-privacy .doc-foot__list a:focus-visible{
  background:rgba(246,243,234,.08);
  color:var(--gold);
}
.page-privacy .doc-foot__mail{
  margin:20px 0 0;
  font-size:14px;
  line-height:1.8;
  color:rgba(246,243,234,.82);
}
.page-privacy .doc-foot__mail a{
  color:var(--gold);
  text-decoration:none;
  border-bottom:1px solid var(--gold);
}

/* 焦点可见性 */
.page-privacy a:focus-visible,
.page-privacy .term:focus-visible{
  outline:2px solid var(--saffron);
  outline-offset:3px;
}

/* 中等屏幕 */
@media (min-width:720px){
  .page-privacy .facts{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .page-privacy .facts__item{
    padding:18px 14px;
    border-bottom:0;
    border-left:1px solid var(--line);
  }
  .page-privacy .facts__item:first-child{
    border-left:0;
    padding-left:0;
  }
  .page-privacy .spec__row{
    grid-template-columns:9em minmax(0,1fr);
    gap:6px 18px;
    padding:16px 12px;
  }
  .page-privacy .spec__note{
    grid-column:2;
  }
  .page-privacy .doc-foot__list{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* 桌面：首屏错位 + 右侧章节索引 */
@media (min-width:900px){
  .page-privacy .doc-hero{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.72fr);
    column-gap:clamp(28px,4vw,72px);
    align-items:end;
  }
  .page-privacy .doc-hero__kicker{
    grid-column:1 / -1;
  }
  .page-privacy .doc-hero__title{
    grid-column:1;
  }
  .page-privacy .doc-hero__lead{
    grid-column:2;
    margin-top:0;
    padding-bottom:8px;
  }
  .page-privacy .term__tip{
    position:absolute;
    left:0;
    top:calc(100% + 6px);
    width:230px;
    max-width:min(230px,70vw);
    margin:0;
    padding:10px 12px;
    border-left:2px solid var(--gold);
    background:var(--night);
    color:var(--paper);
    font-size:12px;
    line-height:1.7;
    opacity:0;
    visibility:hidden;
    transform:translateY(-4px);
    transition:opacity .18s var(--ease),transform .18s var(--ease),visibility .18s var(--ease);
    z-index:6;
  }
  .page-privacy .term:hover .term__tip,
  .page-privacy .term:focus .term__tip,
  .page-privacy .term:focus-within .term__tip{
    opacity:1;
    visibility:visible;
    transform:none;
  }
}

@media (min-width:960px){
  .page-privacy .doc{
    grid-template-columns:minmax(0,1fr) var(--toc-w);
    column-gap:clamp(32px,4vw,64px);
    align-items:start;
  }
  .page-privacy .doc__body{
    order:1;
    justify-self:start;
  }
  .page-privacy .doc__toc{
    order:2;
    position:sticky;
    top:clamp(24px,4vw,48px);
  }
  .page-privacy .doc__toc-list{
    display:grid;
    gap:0;
    overflow:visible;
    padding-bottom:0;
  }
  .page-privacy .doc__toc-link{
    border:0;
    border-left:2px solid var(--line);
    padding:9px 0 9px 12px;
    white-space:normal;
    font-size:14px;
  }
  .page-privacy .doc__toc-link:hover,
  .page-privacy .doc__toc-link:focus-visible{
    border-left-color:var(--saffron);
    background:linear-gradient(90deg,rgba(178,58,46,.10),transparent 85%);
  }
  .page-privacy .spec__row{
    grid-template-columns:9em minmax(0,1fr) 12em;
  }
  .page-privacy .spec__note{
    grid-column:3;
  }
}

/* 动效降级 */
@media (prefers-reduced-motion:reduce){
  .page-privacy *,
  .page-privacy *::before,
  .page-privacy *::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
}
<<<END>>>