.page-privacy{
  --pv-rule:rgba(241,237,225,.14);
  --pv-rule-soft:rgba(241,237,225,.08);
  --pv-text:rgba(241,237,225,.9);
  --pv-text-dim:rgba(241,237,225,.66);
  --pv-fill:rgba(241,237,225,.04);
  background:
    radial-gradient(120% 52% at 6% 0%, rgba(46,54,104,.85) 0%, rgba(28,33,64,0) 68%),
    var(--indigo-slate);
  color:var(--pv-text);
  padding-bottom:96px;
  overflow-x:hidden;
}

.page-privacy .privacy-head{
  padding-block:26px 30px;
  border-bottom:1px solid var(--pv-rule);
}
.page-privacy .privacy-head .panel__label{
  color:var(--steel-blue);
  margin:0 0 14px;
}
.page-privacy .privacy-head__title{
  margin:0 0 16px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(30px,6.4vw,58px);
  line-height:1.06;
  letter-spacing:.02em;
  color:var(--paper-bone);
}
.page-privacy .privacy-head__lead{
  margin:0;
  max-width:66ch;
  font-size:15.5px;
  line-height:1.85;
  color:var(--pv-text-dim);
}
.page-privacy .privacy-head__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;
  margin:26px 0 0;
  background:var(--pv-rule-soft);
  border:1px solid var(--pv-rule-soft);
}
.page-privacy .fact{
  padding:14px 12px 12px;
  background:var(--indigo-slate);
}
.page-privacy .fact__label{
  margin:0 0 8px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.12em;
  color:var(--steel-blue);
}
.page-privacy .fact__num{
  margin:0;
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  font-size:clamp(20px,4.6vw,28px);
  line-height:1.1;
  color:var(--paper-bone);
}

.page-privacy .privacy-hero{
  margin-block:34px 0;
}
.page-privacy .privacy-hero .media__cap{
  color:var(--pv-text-dim);
}

.page-privacy .privacy-body{
  padding-top:38px;
}

/* ---------- 条款目录 ---------- */
.page-privacy .clause-index{
  border:1px solid var(--pv-rule);
  background:var(--pv-fill);
  padding:20px clamp(14px,3vw,24px) 16px;
  margin-bottom:46px;
}
.page-privacy .clause-index__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  justify-content:space-between;
  gap:8px 16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--pv-rule-soft);
}
.page-privacy .clause-index__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(18px,3.4vw,24px);
  letter-spacing:.04em;
  color:var(--paper-bone);
}
.page-privacy .clause-index__meta{
  margin:0;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--steel-blue);
}
.page-privacy .clause-index__list{
  list-style:none;
  margin:0;
  padding:0;
}
.page-privacy .clause-index__link{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-areas:"num label" "num hint";
  gap:2px 12px;
  padding:13px 6px;
  border-bottom:1px solid var(--pv-rule-soft);
  color:var(--pv-text);
  text-decoration:none;
  position:relative;
  transition:background-color .16s ease, color .16s ease;
}
.page-privacy .clause-index__link::before{
  content:"";
  position:absolute;
  left:-1px;
  top:12px;
  bottom:12px;
  width:2px;
  background:var(--steel-blue);
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .16s ease;
}
.page-privacy .clause-index__link:hover,
.page-privacy .clause-index__link:focus-visible{
  background:rgba(127,163,190,.1);
}
.page-privacy .clause-index__link:hover::before,
.page-privacy .clause-index__link:focus-visible::before{
  transform:scaleY(1);
}
.page-privacy .clause-index__link:focus-visible{
  outline:2px solid var(--steel-blue);
  outline-offset:2px;
}
.page-privacy .clause-index__num{
  grid-area:num;
  align-self:center;
  font-size:13px;
  letter-spacing:.1em;
  color:var(--steel-blue);
}
.page-privacy .clause-index__label{
  grid-area:label;
  font-size:15px;
  letter-spacing:.01em;
  color:var(--paper-bone);
}
.page-privacy .clause-index__hint{
  grid-area:hint;
  font-size:11px;
  letter-spacing:.1em;
  color:var(--pv-text-dim);
}

/* ---------- 编号条款 ---------- */
.page-privacy .clause{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  padding:30px 0 34px;
  border-top:1px solid var(--pv-rule);
  scroll-margin-top:24px;
}
.page-privacy .clause:last-of-type{
  border-bottom:1px solid var(--pv-rule);
}
.page-privacy .clause__num{
  display:flex;
  align-items:center;
  gap:0;
  margin:0;
  font-size:12px;
  letter-spacing:.18em;
  color:var(--steel-blue);
  transition:color .16s ease;
}
.page-privacy .clause__num::before{
  content:"";
  width:0;
  height:1px;
  margin-right:0;
  background:var(--steel-blue);
  transition:width .16s ease, margin-right .16s ease;
}
.page-privacy .clause:hover .clause__num,
.page-privacy .clause:focus-within .clause__num{
  color:var(--paper-bone);
}
.page-privacy .clause:hover .clause__num::before,
.page-privacy .clause:focus-within .clause__num::before{
  width:18px;
  margin-right:8px;
}
.page-privacy .clause__body{
  max-width:70ch;
}
.page-privacy .clause__body h2{
  margin:0 0 14px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(20px,3.8vw,28px);
  line-height:1.24;
  letter-spacing:.02em;
  color:var(--paper-bone);
}
.page-privacy .clause__body p{
  margin:0 0 15px;
  font-size:15.5px;
  line-height:1.9;
  color:var(--pv-text);
}
.page-privacy .clause__body p:last-child{
  margin-bottom:0;
}
.page-privacy .clause__body .mono{
  color:var(--steel-blue);
  word-break:break-all;
}
.page-privacy .clause__note{
  margin:16px 0 0;
  padding-left:14px;
  border-left:2px solid var(--pv-rule);
  font-size:14px;
  line-height:1.8;
  color:var(--muted-sage);
}
.page-privacy .clause__action{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 4px;
}
.page-privacy .clause__action .btn{
  text-decoration:none;
}

/* ---------- 列表 ---------- */
.page-privacy .plain-list{
  list-style:none;
  margin:0 0 18px;
  padding:0;
  border-top:1px solid var(--pv-rule-soft);
}
.page-privacy .plain-list__item{
  padding:11px 0;
  border-bottom:1px solid var(--pv-rule-soft);
  font-size:15px;
  line-height:1.75;
  color:var(--pv-text);
}
.page-privacy .plain-list__key{
  display:inline-block;
  min-width:82px;
  margin-right:10px;
  font-size:12px;
  letter-spacing:.12em;
  color:var(--steel-blue);
}
.page-privacy .plain-list--tight .plain-list__item{
  padding:9px 0;
  font-size:14.5px;
}

/* ---------- 缓存示意图 ---------- */
.page-privacy .cache-figure{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  align-items:center;
  margin:24px 0 0;
  padding:18px;
  border:1px solid var(--pv-rule);
  background:rgba(13,20,18,.28);
}
.page-privacy .cache-ring{
  display:block;
  width:100%;
  max-width:210px;
  height:auto;
  margin:0 auto;
}
.page-privacy .cache-ring__track{
  fill:none;
  stroke:rgba(241,237,225,.16);
  stroke-width:1;
}
.page-privacy .cache-ring__seg{
  fill:none;
  stroke:var(--steel-blue);
  stroke-width:9;
}
.page-privacy .cache-ring__seg--b{
  opacity:.62;
}
.page-privacy .cache-ring__seg--c{
  opacity:.34;
}
.page-privacy .cache-ring__core{
  fill:rgba(127,163,190,.09);
  stroke:rgba(241,237,225,.18);
  stroke-width:1;
}
.page-privacy .cache-ring__dot{
  fill:var(--paper-bone);
}
.page-privacy .cache-figure__cap{
  margin:0;
  font-size:14px;
  line-height:1.8;
  color:var(--pv-text-dim);
}
.page-privacy .cache-figure__cap .mono{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:.14em;
  color:var(--steel-blue);
}

/* ---------- 相关页面 ---------- */
.page-privacy .privacy-outro{
  margin-top:40px;
  padding:22px clamp(14px,3vw,24px) 24px;
  border:1px solid var(--pv-rule);
  background:rgba(92,31,44,.22);
}
.page-privacy .privacy-outro__label{
  margin:0 0 10px;
  font-size:11px;
  letter-spacing:.16em;
  color:var(--steel-blue);
}
.page-privacy .privacy-outro__text{
  margin:0 0 18px;
  max-width:60ch;
  font-size:14.5px;
  line-height:1.85;
  color:var(--pv-text-dim);
}
.page-privacy .privacy-outro__links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.page-privacy .privacy-outro__links .tag{
  text-decoration:none;
}

/* ---------- 吸底目录条 ---------- */
.page-privacy .clause-dock{
  position:sticky;
  bottom:0;
  z-index:6;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:6px 14px;
  margin-top:52px;
  padding:11px clamp(14px,3vw,32px);
  background:rgba(13,20,18,.9);
  border-top:1px solid var(--pv-rule);
  backdrop-filter:blur(6px);
}
.page-privacy .clause-dock__link{
  font-size:13.5px;
  letter-spacing:.04em;
  color:var(--paper-bone);
  text-decoration:none;
  border-bottom:1px solid var(--steel-blue);
  padding-bottom:2px;
}
.page-privacy .clause-dock__link:hover,
.page-privacy .clause-dock__link:focus-visible{
  color:var(--steel-blue);
}
.page-privacy .clause-dock__link:focus-visible{
  outline:2px solid var(--steel-blue);
  outline-offset:2px;
}
.page-privacy .clause-dock__meta{
  margin:0;
  font-size:11px;
  letter-spacing:.12em;
  color:var(--steel-blue);
}

/* ---------- 宽屏 ---------- */
@media (min-width:780px){
  .page-privacy .privacy-head{
    padding-block:34px 42px;
  }
  .page-privacy .privacy-head__facts{
    max-width:640px;
  }
  .page-privacy .clause{
    grid-template-columns:82px minmax(0,1fr);
    column-gap:30px;
    padding:38px 0 44px;
  }
  .page-privacy .clause__num{
    align-items:flex-start;
    padding-top:8px;
  }
  .page-privacy .cache-figure{
    grid-template-columns:210px minmax(0,1fr);
    gap:26px;
    padding:24px 26px;
  }
  .page-privacy .cache-ring{
    max-width:100%;
  }
  .page-privacy .clause-index__link{
    grid-template-columns:52px minmax(0,1fr) 150px;
    grid-template-areas:"num label hint";
    align-items:center;
    gap:0 16px;
  }
  .page-privacy .clause-index__hint{
    justify-self:end;
    text-align:right;
  }
  .page-privacy .plain-list__key{
    min-width:96px;
  }
}

@media (min-width:1080px){
  .page-privacy .clause{
    grid-template-columns:96px minmax(0,1fr);
    column-gap:44px;
  }
  .page-privacy .privacy-body{
    padding-top:52px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-privacy .clause-index__link,
  .page-privacy .clause-index__link::before,
  .page-privacy .clause__num,
  .page-privacy .clause__num::before{
    transition:none;
  }
  .page-privacy .clause:hover .clause__num::before,
  .page-privacy .clause:focus-within .clause__num::before{
    width:18px;
    margin-right:8px;
  }
}
<<<END>>>