.page-privacy{
  --pp-measure:72ch;
  --pp-aside:208px;
  --pp-radius:2px;
  padding-bottom:var(--sp-8);
  color:var(--mist);
}

/* ---------- 页首 ---------- */
.page-privacy .privacy-hero{
  position:relative;
  padding:var(--sp-4) 0 var(--sp-7);
}
.page-privacy .privacy-hero::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--hairline) 16%,var(--copper-line) 52%,transparent);
}
.page-privacy .privacy-hero__text{
  max-width:var(--pp-measure);
}
.page-privacy .privacy-hero h1{
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(32px,5.6vw,60px);
  line-height:1.14;
  letter-spacing:.02em;
  color:var(--mist);
  margin:var(--sp-3) 0 var(--sp-4);
}
.page-privacy .privacy-hero__lead{
  font-size:var(--fs-17);
  line-height:1.9;
  letter-spacing:.01em;
  color:var(--silver);
  margin:0;
}
.page-privacy .privacy-hero__media{
  margin:var(--sp-6) 0 0;
  aspect-ratio:16 / 9;
  border:1px solid var(--copper-line);
  background:var(--navy-mid);
  overflow:hidden;
}
.page-privacy .privacy-hero__media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}

/* ---------- 两栏骨架 ---------- */
.page-privacy .privacy-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--sp-6);
  padding-top:var(--sp-6);
}

/* ---------- 侧边章节导航 ---------- */
.page-privacy .privacy-aside{
  padding:var(--sp-4);
  border:1px solid var(--rule);
  background:var(--glass);
  border-radius:var(--pp-radius);
}
.page-privacy .privacy-aside__label{
  margin:0;
  font-family:var(--font-mono);
  font-size:var(--fs-12);
  letter-spacing:.3em;
  color:var(--gold);
}
.page-privacy .privacy-aside__list{
  list-style:none;
  margin:var(--sp-3) 0 0;
  padding:0;
  display:flex;
  gap:var(--sp-3);
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.page-privacy .privacy-aside__link{
  display:inline-flex;
  align-items:center;
  gap:var(--sp-2);
  white-space:nowrap;
  padding:var(--sp-2) var(--sp-3);
  font-size:var(--fs-14);
  color:var(--silver);
  text-decoration:none;
  border:1px solid transparent;
  border-radius:var(--pp-radius);
  transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease);
}
.page-privacy .privacy-aside__link .mono{
  color:var(--gold);
  font-size:var(--fs-12);
  letter-spacing:.08em;
}
.page-privacy .privacy-aside__link:hover,
.page-privacy .privacy-aside__link:focus-visible{
  color:var(--mist);
  border-color:var(--hairline);
  background:var(--glass-strong);
}
.page-privacy .privacy-aside__link:focus-visible{
  outline:2px solid var(--spark-teal);
  outline-offset:2px;
}

/* ---------- 章节 ---------- */
.page-privacy .privacy-body{
  min-width:0;
}
.page-privacy .privacy-block{
  padding-top:var(--sp-5);
  border-top:1px solid var(--hairline);
  max-width:var(--pp-measure);
}
.page-privacy .privacy-block + .privacy-block{
  margin-top:var(--sp-7);
}
.page-privacy .privacy-block__head{
  display:flex;
  align-items:baseline;
  gap:var(--sp-4);
  margin-bottom:var(--sp-4);
  flex-wrap:wrap;
}
.page-privacy .privacy-block__num{
  flex:none;
  font-size:var(--fs-22);
  line-height:1;
  color:var(--gold);
  letter-spacing:.08em;
  padding:var(--sp-2) var(--sp-3);
  border:1px solid var(--hairline);
  border-radius:var(--pp-radius);
}
.page-privacy .privacy-block__title{
  margin:0;
  font-family:var(--font-display);
  font-weight:600;
  font-size:clamp(23px,3.2vw,32px);
  line-height:1.3;
  letter-spacing:.02em;
  color:var(--mist);
}
.page-privacy .privacy-block__body p{
  font-size:var(--fs-17);
  line-height:1.9;
  letter-spacing:.01em;
  color:var(--silver);
  margin:0 0 var(--sp-4);
}
.page-privacy .privacy-block__body a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid var(--hairline);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}
.page-privacy .privacy-block__body a:hover,
.page-privacy .privacy-block__body a:focus-visible{
  color:var(--spark-teal);
  border-color:var(--spark-teal);
}
.page-privacy .privacy-block__body a:focus-visible{
  outline:2px solid var(--spark-teal);
  outline-offset:3px;
}

/* ---------- 要点列表 ---------- */
.page-privacy .pp-list{
  list-style:none;
  margin:var(--sp-4) 0 0;
  padding:0;
  display:grid;
  gap:var(--sp-3);
}
.page-privacy .pp-list__item{
  display:grid;
  grid-template-columns:12px minmax(0,1fr);
  gap:var(--sp-3);
  padding:var(--sp-4);
  background:var(--glass);
  border:1px solid var(--rule);
  border-left:2px solid var(--copper-line);
  border-radius:var(--pp-radius);
  transition:transform .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease);
}
.page-privacy .pp-list__item:hover{
  transform:translateY(-4px);
  background:var(--glass-strong);
  border-left-color:var(--gold);
}
.page-privacy .pp-list__mark{
  width:9px;
  height:9px;
  margin-top:8px;
  background:var(--gold);
  transform:rotate(45deg);
  box-shadow:0 0 0 3px rgba(217,178,106,.12);
}
.page-privacy .pp-list__title{
  margin:0 0 var(--sp-2);
  font-family:var(--font-display);
  font-weight:600;
  font-size:var(--fs-17);
  letter-spacing:.02em;
  color:var(--mist);
}
.page-privacy .pp-list__content p{
  margin:0;
  font-size:var(--fs-14);
  line-height:1.9;
  color:var(--silver);
}
.page-privacy .pp-list--plain .pp-list__item{
  background:var(--navy-mid);
  border-left-color:var(--copper);
}

/* ---------- 用途四块 ---------- */
.page-privacy .pp-uses{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--sp-3);
  margin-top:var(--sp-4);
}
.page-privacy .pp-use{
  position:relative;
  padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-5);
  border:1px solid var(--rule);
  border-radius:var(--pp-radius);
  background:linear-gradient(120deg,rgba(12,42,68,.85),rgba(6,24,41,.6));
}
.page-privacy .pp-use::before{
  content:"";
  position:absolute;
  left:0; top:0; bottom:0;
  width:2px;
  background:linear-gradient(180deg,var(--spark-teal),var(--copper));
}
.page-privacy .pp-use__title{
  margin:0 0 var(--sp-2);
  font-family:var(--font-display);
  font-weight:600;
  font-size:var(--fs-17);
  letter-spacing:.02em;
  color:var(--mist);
}
.page-privacy .pp-use p{
  margin:0;
  font-size:var(--fs-14);
  line-height:1.9;
  color:var(--silver);
}

/* ---------- 保存期限图形 ---------- */
.page-privacy .pp-duration{
  margin:var(--sp-5) 0;
  padding:var(--sp-5) var(--sp-4);
  background:var(--navy-mid);
  border:1px solid var(--copper-line);
  border-radius:var(--pp-radius);
}
.page-privacy .pp-duration__head{
  display:flex;
  align-items:baseline;
  gap:var(--sp-3);
}
.page-privacy .pp-duration__num{
  font-size:clamp(60px,13vw,116px);
  line-height:.86;
  letter-spacing:-.03em;
  color:var(--gold);
}
.page-privacy .pp-duration__unit{
  font-family:var(--font-display);
  font-size:var(--fs-32);
  color:var(--copper);
}
.page-privacy .pp-duration__cap{
  margin:var(--sp-4) 0 0;
  font-size:var(--fs-14);
  line-height:1.9;
  color:var(--silver);
}
.page-privacy .pp-scale{
  margin-top:var(--sp-5);
}
.page-privacy .pp-scale__bar{
  height:8px;
  border:1px solid var(--copper-line);
  border-radius:1px;
  background-image:
    repeating-linear-gradient(90deg,rgba(238,243,248,.28) 0 1px,transparent 1px 6.25%),
    linear-gradient(90deg,rgba(53,208,192,.55),rgba(217,178,106,.7));
}
.page-privacy .pp-scale__ticks{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin-top:var(--sp-2);
  font-family:var(--font-mono);
  font-size:var(--fs-12);
  letter-spacing:.06em;
  color:var(--silver);
}
.page-privacy .pp-scale__ticks span:nth-child(2),
.page-privacy .pp-scale__ticks span:nth-child(3){
  text-align:center;
}
.page-privacy .pp-scale__ticks span:last-child{
  text-align:right;
}

/* ---------- 你的选择 ---------- */
.page-privacy .pp-choices{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--sp-3);
  margin:var(--sp-4) 0 var(--sp-5);
}
.page-privacy .pp-choice{
  padding:var(--sp-4);
  border:1px solid var(--rule);
  border-radius:var(--pp-radius);
  background:var(--glass);
  transition:transform .2s var(--ease),background .2s var(--ease);
}
.page-privacy .pp-choice:hover{
  transform:translateY(-4px);
  background:var(--glass-strong);
}
.page-privacy .pp-choice__key{
  display:inline-block;
  margin-bottom:var(--sp-3);
  padding:var(--sp-1) var(--sp-3);
  font-size:var(--fs-12);
  letter-spacing:.16em;
  color:var(--cinnabar);
  border:1px solid rgba(200,69,47,.42);
  border-radius:var(--pp-radius);
}
.page-privacy .pp-choice p{
  margin:0;
  font-size:var(--fs-14);
  line-height:1.9;
  color:var(--silver);
}

/* ---------- 联系方式 ---------- */
.page-privacy .pp-contact{
  margin-top:var(--sp-5);
  padding:var(--sp-5) var(--sp-4);
  border:1px solid var(--hairline);
  border-radius:var(--pp-radius);
  background:linear-gradient(140deg,rgba(42,59,77,.75),rgba(6,24,41,.55));
}
.page-privacy .pp-contact__lead{
  margin:0 0 var(--sp-4);
  font-family:var(--font-display);
  font-weight:600;
  font-size:var(--fs-17);
  line-height:1.7;
  color:var(--mist);
}
.page-privacy .pp-contact__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:var(--sp-3);
}
.page-privacy .pp-contact__item{
  display:grid;
  grid-template-columns:1fr;
  gap:var(--sp-1);
  padding-bottom:var(--sp-3);
  border-bottom:1px dashed var(--rule);
}
.page-privacy .pp-contact__item:last-child{
  padding-bottom:0;
  border-bottom:0;
}
.page-privacy .pp-contact__key{
  font-size:var(--fs-12);
  letter-spacing:.24em;
  color:var(--gold);
}
.page-privacy .pp-contact__value{
  font-size:var(--fs-17);
  line-height:1.7;
  color:var(--mist);
  word-break:break-word;
}
.page-privacy .pp-contact__note{
  margin:var(--sp-4) 0 0;
  font-size:var(--fs-12);
  line-height:1.9;
  color:var(--silver);
}

/* ---------- 术语悬停解释 ---------- */
.page-privacy .pp-term{
  position:relative;
  border-bottom:1px dashed var(--hairline);
  cursor:help;
}
.page-privacy .pp-term::after{
  content:attr(data-def);
  position:absolute;
  left:0;
  bottom:calc(100% + 8px);
  z-index:6;
  width:max-content;
  max-width:260px;
  padding:var(--sp-2) var(--sp-3);
  background:var(--ink-black);
  border:1px solid var(--copper-line);
  border-radius:var(--pp-radius);
  font-family:var(--font-body);
  font-size:var(--fs-12);
  line-height:1.7;
  letter-spacing:0;
  color:var(--mist);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s var(--ease);
}
.page-privacy .pp-term:hover::after{
  opacity:1;
  visibility:visible;
}

/* ---------- 响应式 ---------- */
@media (min-width:600px){
  .page-privacy .pp-uses{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-privacy .pp-choices{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .page-privacy .pp-contact__item{
    grid-template-columns:128px minmax(0,1fr);
    align-items:baseline;
    gap:var(--sp-4);
  }
}

@media (min-width:1080px){
  .page-privacy .privacy-layout{
    grid-template-columns:var(--pp-aside) minmax(0,1fr);
    gap:var(--sp-7);
    align-items:start;
  }
  .page-privacy .privacy-aside{
    position:sticky;
    top:calc(var(--header-h) + var(--sp-4));
  }
  .page-privacy .privacy-aside__list{
    flex-direction:column;
    gap:var(--sp-1);
    overflow:visible;
  }
  .page-privacy .privacy-aside__link{
    display:flex;
    width:100%;
    padding:var(--sp-3);
    border-left:2px solid transparent;
    border-radius:0;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
  }
  .page-privacy .privacy-aside__link:hover,
  .page-privacy .privacy-aside__link:focus-visible{
    border-left-color:var(--gold);
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
  }
  .page-privacy .privacy-block{
    padding-top:var(--sp-6);
  }
  .page-privacy .pp-duration{
    padding:var(--sp-6) var(--sp-5);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-privacy *,
  .page-privacy *::before,
  .page-privacy *::after{
    transition-duration:.01ms !important;
    animation-duration:.01ms !important;
  }
  .page-privacy .pp-list__item:hover,
  .page-privacy .pp-choice:hover{
    transform:none;
  }
}