.page-privacy{
  position:relative;
  overflow-x:hidden;
  color:var(--paper);
  background:
    radial-gradient(900px 460px at 88% -8%, rgba(25,227,200,.10), transparent 60%),
    radial-gradient(720px 400px at 4% 4%, rgba(255,122,47,.06), transparent 58%),
    var(--field);
  padding-bottom:clamp(56px,9vw,110px);
}

.page-privacy .privacy-top{
  padding-top:clamp(16px,3vw,30px);
}

/* ---------- 首屏 ---------- */
.page-privacy .privacy-hero{
  position:relative;
}

.page-privacy .privacy-hero-inner{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(22px,3.6vw,42px);
  align-items:center;
  padding-top:clamp(20px,3.4vw,38px);
}

.page-privacy .privacy-hero-copy .eyebrow{
  margin:0 0 14px;
}

.page-privacy .privacy-hero h1{
  font-family:var(--font-display);
  font-size:clamp(29px,6vw,58px);
  line-height:1.08;
  letter-spacing:-.02em;
  margin:0 0 18px;
  color:var(--paper);
  max-width:15em;
}

.page-privacy .privacy-lede{
  font-size:clamp(15px,1.3vw,17px);
  line-height:1.85;
  color:var(--steel);
  max-width:34em;
  margin:0 0 22px;
}

.page-privacy .privacy-facts{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.page-privacy .privacy-facts li{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.05em;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:2px;
  background:rgba(18,58,46,.42);
  color:var(--paper-dim);
}

.page-privacy .privacy-hero-media{
  position:relative;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  border-radius:2px;
  overflow:hidden;
  background:linear-gradient(155deg,var(--blue),var(--field-2));
  box-shadow:var(--shadow-2);
}

.page-privacy .privacy-hero-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:cover;
}

/* ---------- 主体两栏 ---------- */
.page-privacy .privacy-body{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(26px,4vw,60px);
  margin-top:clamp(34px,6vw,76px);
}

.page-privacy .privacy-toc{
  border-top:1px solid var(--line-strong);
  padding-top:16px;
}

.page-privacy .privacy-toc-title{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.16em;
  color:var(--cyan);
  margin:0 0 12px;
}

.page-privacy .privacy-toc ol{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:2px;
}

.page-privacy .privacy-toc a{
  display:flex;
  gap:10px;
  align-items:baseline;
  padding:9px 10px 9px 12px;
  border-left:2px solid transparent;
  color:var(--steel);
  font-size:14px;
  line-height:1.5;
  text-decoration:none;
  transition:color .18s var(--ease),border-color .18s var(--ease),background-color .18s var(--ease);
}

.page-privacy .privacy-toc a:hover,
.page-privacy .privacy-toc a:focus-visible{
  color:var(--paper);
  border-left-color:var(--cyan);
  background:rgba(18,58,46,.55);
}

.page-privacy .privacy-toc-num{
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--orange);
  flex:none;
}

/* ---------- 条款正文 ---------- */
.page-privacy .privacy-article{
  min-width:0;
}

.page-privacy .privacy-section{
  border-top:1px solid var(--line);
  padding-top:clamp(20px,3.4vw,34px);
  margin-top:clamp(30px,5vw,54px);
  scroll-margin-top:96px;
}

.page-privacy .privacy-article > .privacy-section:first-child{
  margin-top:0;
}

.page-privacy .privacy-section-head{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:16px;
}

.page-privacy .privacy-num{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.06em;
  color:var(--cyan);
  flex:none;
  padding-top:.4em;
}

.page-privacy .privacy-section h2{
  font-family:var(--font-editorial);
  font-size:clamp(20px,2.5vw,28px);
  line-height:1.32;
  margin:0;
  color:var(--paper);
}

.page-privacy .privacy-anchor{
  margin-left:8px;
  font-family:var(--font-mono);
  font-size:12px;
  color:var(--line-strong);
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:color .18s var(--ease),border-color .18s var(--ease);
}

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

.page-privacy .privacy-article p{
  font-size:16px;
  line-height:1.85;
  color:var(--paper-dim);
  max-width:38em;
  margin:0 0 14px;
}

.page-privacy .privacy-list{
  list-style:none;
  margin:6px 0 0;
  padding:0;
  max-width:38em;
}

.page-privacy .privacy-list li{
  padding:15px 0;
  border-bottom:1px solid var(--line-soft);
}

.page-privacy .privacy-list li:first-child{
  border-top:1px solid var(--line-soft);
}

.page-privacy .privacy-label{
  display:block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--cyan);
  margin-bottom:5px;
}

.page-privacy .privacy-list p{
  margin:0;
  font-size:15px;
  line-height:1.8;
  color:var(--paper-dim);
  max-width:none;
}

/* 保留期限：等宽时长 + 说明 */
.page-privacy .privacy-retention{
  list-style:none;
  margin:6px 0 0;
  padding:0;
  max-width:38em;
}

.page-privacy .privacy-retention li{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  padding:15px 0;
  border-bottom:1px solid var(--line-soft);
}

.page-privacy .privacy-retention li:first-child{
  border-top:1px solid var(--line-soft);
}

.page-privacy .privacy-when{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.04em;
  color:var(--amber);
}

.page-privacy .privacy-retention p{
  margin:0;
  font-size:15px;
  line-height:1.8;
  max-width:none;
}

/* 权利说明：暖纸色块 */
.page-privacy .privacy-callout{
  max-width:38em;
  margin:20px 0 0;
  padding:clamp(18px,2.6vw,26px);
  background:var(--paper);
  color:var(--ink);
  border-left:4px solid var(--orange);
  border-radius:2px;
}

.page-privacy .privacy-callout h3{
  font-family:var(--font-editorial);
  font-size:18px;
  line-height:1.4;
  margin:0 0 10px;
  color:var(--ink);
}

.page-privacy .privacy-callout p{
  font-size:15px;
  line-height:1.8;
  color:rgba(11,21,18,.82);
  margin:0 0 10px;
  max-width:none;
}

.page-privacy .privacy-callout p:last-child{
  margin-bottom:0;
}

.page-privacy .privacy-mail{
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid rgba(11,21,18,.4);
  transition:color .18s var(--ease),border-color .18s var(--ease);
}

.page-privacy .privacy-mail:hover,
.page-privacy .privacy-mail:focus-visible{
  color:var(--red);
  border-bottom-color:var(--red);
}

/* ---------- 延伸入口 ---------- */
.page-privacy .privacy-next{
  margin-top:clamp(32px,5vw,56px);
  padding-top:clamp(20px,3.4vw,34px);
  border-top:1px solid var(--line-strong);
}

.page-privacy .privacy-next h2{
  font-family:var(--font-editorial);
  font-size:clamp(18px,2.2vw,24px);
  margin:0 0 16px;
  color:var(--paper);
}

.page-privacy .privacy-next-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
  max-width:38em;
}

.page-privacy .privacy-next-list a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 18px;
  border:1px solid var(--line);
  border-radius:2px;
  background:rgba(14,31,43,.55);
  color:var(--paper);
  font-size:15px;
  text-decoration:none;
  transition:border-color .2s var(--ease),background-color .2s var(--ease),transform .2s var(--ease);
}

.page-privacy .privacy-next-list a:hover,
.page-privacy .privacy-next-list a:focus-visible{
  border-color:var(--cyan);
  background:rgba(18,58,46,.6);
  transform:translateX(2px);
}

.page-privacy .privacy-next-list small{
  display:block;
  margin-top:4px;
  font-size:13px;
  line-height:1.6;
  color:var(--steel);
}

.page-privacy .privacy-next-arrow{
  flex:none;
  font-family:var(--font-mono);
  font-size:14px;
  color:var(--orange);
}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-privacy .privacy-retention li{
    grid-template-columns:minmax(150px,190px) 1fr;
    gap:20px;
    align-items:baseline;
  }

  .page-privacy .privacy-section-head{
    gap:18px;
  }
}

@media (min-width:900px){
  .page-privacy .privacy-hero-inner{
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  }
}

@media (min-width:1000px){
  .page-privacy .privacy-body{
    grid-template-columns:minmax(200px,236px) minmax(0,1fr);
    align-items:start;
  }

  .page-privacy .privacy-toc{
    position:sticky;
    top:96px;
    align-self:start;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-privacy .privacy-toc a,
  .page-privacy .privacy-anchor,
  .page-privacy .privacy-mail,
  .page-privacy .privacy-next-list a{
    transition:none;
  }

  .page-privacy .privacy-next-list a:hover,
  .page-privacy .privacy-next-list a:focus-visible{
    transform:none;
  }
}