.page-privacy{
  --reading:34em;
  --grid-step:64px;
  position:relative;
  isolation:isolate;
  padding-block:clamp(1.4rem,3vw,2.4rem) clamp(3rem,7vw,5.5rem);
  color:var(--paper-dim);
}

.page-privacy::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(51,240,198,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(51,240,198,.055) 1px, transparent 1px);
  background-size:var(--grid-step) var(--grid-step);
  background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 130% 85% at 50% 0%, #000 0%, transparent 76%);
  mask-image:radial-gradient(ellipse 130% 85% at 50% 0%, #000 0%, transparent 76%);
}

.page-privacy > *{
  position:relative;
  z-index:1;
}

/* 页头 */
.page-privacy .privacy-head{
  display:grid;
  gap:clamp(.9rem,2.2vw,1.5rem);
  padding-top:clamp(1.2rem,3.5vw,2.2rem);
}

.page-privacy .privacy-state{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.4rem 1.5rem;
  margin:0;
  padding-bottom:.75rem;
  border-bottom:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:.72rem;
  line-height:1.6;
  letter-spacing:.08em;
  color:var(--mist);
}

.page-privacy .privacy-state__item--ver{
  color:var(--cyan);
}

.page-privacy .privacy-title{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(2.1rem,7vw,3.5rem);
  line-height:1.06;
  letter-spacing:-.01em;
  color:var(--paper);
}

.page-privacy .privacy-lede{
  margin:0;
  max-width:31em;
  font-size:clamp(1rem,2.1vw,1.1rem);
  line-height:1.95;
  color:var(--paper-dim);
}

/* 顶部横幅 */
.page-privacy .privacy-figure{
  margin:clamp(1.6rem,4vw,2.8rem) 0 0;
}

.page-privacy .privacy-figure img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16 / 6;
  object-fit:cover;
  border:1px solid var(--line);
  filter:saturate(.72) brightness(.86);
}

.page-privacy .privacy-figure .media-frame__caption{
  margin-top:.7rem;
  font-size:.78rem;
  line-height:1.8;
  color:var(--mist);
}

/* 主体骨架 */
.page-privacy .privacy-body{
  margin-top:clamp(2rem,5vw,3.4rem);
  display:grid;
  gap:clamp(1.6rem,4vw,2.6rem);
}

/* 章节索引 */
.page-privacy .privacy-toc__title{
  margin:0 0 .7rem;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.16em;
  color:var(--mist);
}

.page-privacy .privacy-toc__list{
  display:flex;
  gap:1.1rem;
  margin:0;
  padding:0 0 .55rem;
  list-style:none;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-bottom:1px solid var(--line);
}

.page-privacy .privacy-toc__list li{
  flex:0 0 auto;
}

.page-privacy .privacy-toc__list a{
  display:inline-flex;
  align-items:baseline;
  gap:.5rem;
  padding-bottom:.3rem;
  border-bottom:2px solid transparent;
  color:var(--mist);
  font-size:.84rem;
  line-height:1.6;
  text-decoration:none;
  white-space:nowrap;
  transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}

.page-privacy .privacy-toc__list a:hover,
.page-privacy .privacy-toc__list a:focus-visible{
  color:var(--paper);
  border-bottom-color:var(--cyan);
}

.page-privacy .privacy-toc__no{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.1em;
  color:var(--cyan);
}

/* 正文文档区 */
.page-privacy .privacy-doc{
  min-width:0;
}

.page-privacy .privacy-sec{
  padding-block:clamp(1.5rem,3.6vw,2.3rem);
  border-top:1px solid var(--line);
}

.page-privacy .privacy-sec:first-child{
  border-top:0;
  padding-top:0;
}

.page-privacy .privacy-sec__no{
  margin:0 0 .5rem;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.16em;
  color:var(--cyan);
}

.page-privacy .privacy-sec__title{
  margin:0 0 1rem;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(1.15rem,2.5vw,1.45rem);
  line-height:1.4;
  letter-spacing:.01em;
  color:var(--paper);
}

.page-privacy .privacy-sec__body{
  display:grid;
  gap:1rem;
}

.page-privacy .privacy-p{
  max-width:var(--reading);
  margin:0;
  font-size:1rem;
  line-height:1.95;
  color:var(--paper-dim);
}

.page-privacy .note{
  max-width:var(--reading);
  font-size:.82rem;
  line-height:1.95;
  color:var(--mist);
}

/* 记录类型清单 */
.page-privacy .privacy-ledger{
  display:grid;
  gap:0;
  max-width:var(--reading);
  margin:.2rem 0 0;
}

.page-privacy .privacy-ledger__row{
  display:grid;
  gap:.3rem;
  padding:.85rem 0;
  border-top:1px dashed var(--line-soft);
}

.page-privacy .privacy-ledger__row:first-child{
  border-top:0;
  padding-top:0;
}

.page-privacy .privacy-ledger dt{
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--cyan);
}

.page-privacy .privacy-ledger dd{
  margin:0;
  font-size:.94rem;
  line-height:1.88;
  color:var(--mist);
}

/* 否定清单 */
.page-privacy .privacy-none{
  max-width:var(--reading);
  margin:.2rem 0 0;
  padding:0;
  list-style:none;
}

.page-privacy .privacy-none li{
  position:relative;
  padding:.72rem 0 .72rem 1.5rem;
  border-top:1px solid var(--line);
  font-size:.97rem;
  line-height:1.9;
  color:var(--paper-dim);
}

.page-privacy .privacy-none li:first-child{
  border-top:0;
  padding-top:.2rem;
}

.page-privacy .privacy-none li::before{
  content:"";
  position:absolute;
  left:0;
  top:1.65rem;
  width:.6rem;
  height:1px;
  background:var(--cyan);
  opacity:.75;
}

.page-privacy .privacy-none li:first-child::before{
  top:1.12rem;
}

/* 请求通道 */
.page-privacy .privacy-channel{
  display:grid;
  gap:.85rem;
  max-width:var(--reading);
  margin:.4rem 0 0;
  padding:clamp(1.1rem,3vw,1.55rem);
  border:1px solid var(--line);
  border-left:2px solid var(--cyan);
  background:var(--glass);
  -webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);
}

.page-privacy .privacy-channel__row{
  display:grid;
  gap:.2rem;
}

.page-privacy .privacy-channel__k{
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.14em;
  color:var(--mist);
}

.page-privacy .privacy-channel__v{
  font-size:.95rem;
  line-height:1.8;
  color:var(--paper);
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* 底部动作 */
.page-privacy .privacy-foot{
  display:flex;
  flex-wrap:wrap;
  gap:.65rem;
  margin-top:clamp(2rem,5vw,3rem);
  padding-top:clamp(1.2rem,3vw,1.8rem);
  border-top:1px solid var(--line);
}

/* 平板与桌面 */
@media (min-width:900px){
  .page-privacy .privacy-body{
    grid-template-columns:13.5rem minmax(0,1fr);
    gap:clamp(2.2rem,5vw,4.5rem);
    align-items:start;
  }

  .page-privacy .privacy-toc{
    position:sticky;
    top:clamp(1rem,3vw,2rem);
    padding-left:1.15rem;
    border-left:1px solid var(--line-soft);
  }

  .page-privacy .privacy-toc__list{
    display:block;
    overflow:visible;
    padding-bottom:0;
    border-bottom:0;
  }

  .page-privacy .privacy-toc__list li + li{
    margin-top:.9rem;
  }

  .page-privacy .privacy-toc__list a{
    display:flex;
    padding-bottom:0;
    white-space:normal;
    border-bottom:0;
    border-left:2px solid transparent;
    padding-left:.7rem;
    margin-left:-.7rem;
  }

  .page-privacy .privacy-toc__list a:hover,
  .page-privacy .privacy-toc__list a:focus-visible{
    border-left-color:var(--cyan);
    border-bottom-color:transparent;
  }

  .page-privacy .privacy-ledger__row{
    grid-template-columns:11rem minmax(0,1fr);
    gap:1.3rem;
    align-items:baseline;
  }
}

@media (min-width:1200px){
  .page-privacy .privacy-body{
    grid-template-columns:15rem minmax(0,1fr);
  }
}
<<<END>>>