.page-privacy{
  --pp-aside:236px;
  --pp-measure:66ch;
  --pp-ink:#1B2540;
  --pp-ink-soft:#39435E;
  --pp-gold-deep:#8C6E22;
  display:block;
}

/* ---------- 页头 ---------- */
.page-privacy .privacy-hero{
  position:relative;
  padding:clamp(22px,3.6vw,40px) 0 0;
  overflow:hidden;
}
.page-privacy .privacy-hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:min(440px,62vh);
  background:
    radial-gradient(90% 70% at 84% 0%, rgba(201,162,74,.15), transparent 62%),
    radial-gradient(70% 62% at 6% 8%, rgba(47,143,91,.11), transparent 60%),
    linear-gradient(180deg, var(--indigo), rgba(14,23,48,0) 94%);
  -webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.3) 76%,transparent 100%);
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.3) 76%,transparent 100%);
  pointer-events:none;
}
.page-privacy .privacy-hero::after{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:min(440px,62vh);
  background-image:radial-gradient(rgba(216,222,233,.14) 1px, transparent 1px);
  background-size:18px 18px;
  opacity:.5;
  -webkit-mask-image:linear-gradient(180deg,#000,transparent 84%);
  mask-image:linear-gradient(180deg,#000,transparent 84%);
  pointer-events:none;
}
.page-privacy .privacy-hero > .shell{
  position:relative;
  z-index:1;
}
.page-privacy .privacy-hero__title{
  margin:14px 0 0;
  font-size:clamp(32px,5vw,60px);
  line-height:1.1;
  letter-spacing:.01em;
  color:var(--chalk);
  transform:skewX(-2deg);
  transform-origin:left bottom;
}
.page-privacy .privacy-hero__lede{
  max-width:60ch;
  margin:18px 0 0;
  color:var(--chalk);
  font-size:clamp(16px,1.3vw,19px);
  line-height:1.8;
}
.page-privacy .privacy-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px 26px;
  margin:22px 0 0;
  padding-top:16px;
  border-top:1px solid var(--line);
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--mist);
  word-break:break-word;
}
.page-privacy .privacy-hero__meta-item{
  position:relative;
  padding-left:12px;
}
.page-privacy .privacy-hero__meta-item::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:5px;
  height:1px;
  background:var(--gold);
}

/* 顶部横幅 */
.page-privacy .privacy-hero__media{
  position:relative;
  margin-top:clamp(24px,3.6vw,42px);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  overflow:hidden;
  background:
    linear-gradient(180deg, rgba(14,23,48,.6), rgba(14,23,48,.9)),
    repeating-linear-gradient(90deg, rgba(42,53,82,.5) 0 1px, transparent 1px 64px);
}
.page-privacy .privacy-hero__media img{
  display:block;
  width:100%;
  height:clamp(160px,24vw,300px);
  object-fit:cover;
  opacity:.72;
}
.page-privacy .privacy-hero__media::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(14,23,48,.9), rgba(14,23,48,.12) 52%, rgba(14,23,48,.86));
  pointer-events:none;
}

/* ---------- 主体骨架 ---------- */
.page-privacy .privacy-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:clamp(28px,4vw,48px);
}
.page-privacy .privacy-article{
  min-width:0;
}

/* ---------- 左侧刻度导航 ---------- */
.page-privacy .privacy-aside__label{
  margin:0 0 12px;
}
.page-privacy .privacy-toc{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  border-left:0;
}
.page-privacy .privacy-toc li{
  margin:0;
}
.page-privacy .privacy-toc a{
  display:block;
  padding:7px 12px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  color:var(--mist);
  font-size:13px;
  line-height:1.5;
  text-decoration:none;
  transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);
}
.page-privacy .privacy-toc a:hover,
.page-privacy .privacy-toc a:focus-visible{
  color:var(--gold-light);
  border-color:var(--gold);
  background:rgba(201,162,74,.08);
}
.page-privacy .privacy-aside__note{
  margin:16px 0 0;
  color:var(--mist);
  font-size:13px;
  line-height:1.7;
}

/* ---------- 章节 ---------- */
.page-privacy .privacy-block{
  padding:clamp(26px,3.6vw,44px) 0;
  border-top:1px solid var(--line);
}
.page-privacy .privacy-block:first-child{
  padding-top:0;
  border-top:0;
}
.page-privacy .privacy-block__head{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin-bottom:16px;
}
.page-privacy .privacy-block__no{
  flex:none;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.16em;
  color:var(--gold);
}
.page-privacy .privacy-block__head h2{
  margin:0;
  font-size:clamp(22px,2.5vw,32px);
  line-height:1.25;
  color:var(--chalk);
}
.page-privacy .privacy-block__lede{
  max-width:var(--pp-measure);
  margin:0 0 22px;
  color:var(--chalk);
  font-size:clamp(16px,1.25vw,18px);
  line-height:1.85;
}
.page-privacy .privacy-subhead{
  margin:24px 0 12px;
  color:var(--gold-light);
  font-size:13px;
  font-weight:600;
  letter-spacing:.14em;
}
.page-privacy .privacy-subhead:first-of-type{
  margin-top:0;
}

/* ---------- 列表 ---------- */
.page-privacy .privacy-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
  max-width:var(--pp-measure);
}
.page-privacy .privacy-list li{
  position:relative;
  padding-left:26px;
  color:var(--chalk);
  font-size:17px;
  line-height:1.8;
}
.page-privacy .privacy-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.86em;
  width:14px;
  height:2px;
  background:var(--gold);
}
.page-privacy .privacy-list a{
  color:var(--gold-light);
  text-decoration:none;
  border-bottom:1px solid rgba(201,162,74,.55);
  transition:color var(--dur) var(--ease), border-color var(--dur) var(--ease);
}
.page-privacy .privacy-list a:hover,
.page-privacy .privacy-list a:focus-visible{
  color:#fff;
  border-color:var(--gold-light);
}

/* ---------- 留存表 ---------- */
.page-privacy .privacy-keep{
  list-style:none;
  margin:0 0 26px;
  padding:0;
  max-width:78ch;
  border-top:1px solid var(--line);
}
.page-privacy .privacy-keep__row{
  display:grid;
  gap:4px;
  padding:14px 0;
  border-bottom:1px solid var(--line);
}
.page-privacy .privacy-keep__key{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.06em;
  color:var(--gold);
}
.page-privacy .privacy-keep__val{
  color:var(--chalk);
  font-size:16.5px;
  line-height:1.75;
}

/* ---------- 折叠 ---------- */
.page-privacy .privacy-fold{
  max-width:78ch;
  margin-top:6px;
}
.page-privacy .privacy-fold .fold__body{
  padding-top:16px;
}
.page-privacy .privacy-fold .privacy-list{
  max-width:none;
}
.page-privacy .privacy-fold .privacy-list li{
  font-size:16.5px;
}

/* ---------- 暮沙纸反白块 ---------- */
.page-privacy .privacy-sheet{
  max-width:80ch;
  padding:clamp(22px,3vw,38px);
  background:var(--paper);
  border-left:3px solid var(--gold);
  border-radius:var(--radius);
  color:var(--pp-ink);
  box-shadow:0 1px 0 rgba(14,23,48,.28);
}
.page-privacy .privacy-sheet__lede{
  margin:0 0 20px;
  color:var(--pp-ink-soft);
  font-size:16.5px;
  line-height:1.8;
}
.page-privacy .privacy-sheet .privacy-list{
  max-width:none;
  counter-reset:pp;
}
.page-privacy .privacy-sheet .privacy-list li{
  padding-left:38px;
  color:var(--pp-ink);
  font-size:16.5px;
}
.page-privacy .privacy-sheet .privacy-list li strong{
  color:var(--indigo);
  font-weight:700;
}
.page-privacy .privacy-list--num li::before{
  counter-increment:pp;
  content:counter(pp,decimal-leading-zero);
  left:0;
  top:.28em;
  width:auto;
  height:auto;
  background:none;
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.08em;
  color:var(--pp-gold-deep);
}
.page-privacy .privacy-sheet__ops{
  margin:22px 0 0;
  padding-top:16px;
  border-top:1px solid rgba(27,37,64,.18);
  color:var(--pp-ink-soft);
  font-size:15.5px;
  line-height:1.8;
  word-break:break-word;
}
.page-privacy .privacy-sheet__ops a{
  color:var(--pp-gold-deep);
  text-decoration:none;
  border-bottom:1px solid rgba(140,110,34,.5);
}
.page-privacy .privacy-sheet__ops a:hover,
.page-privacy .privacy-sheet__ops a:focus-visible{
  color:var(--indigo);
  border-color:var(--indigo);
}
.page-privacy .privacy-mail{
  font-family:var(--font-mono);
  font-size:15px;
  color:var(--indigo);
  border-bottom:1px solid rgba(140,110,34,.5);
  padding-bottom:1px;
}

/* ---------- 底部联络 ---------- */
.page-privacy .privacy-cta{
  margin-top:clamp(28px,4vw,52px);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(80% 120% at 88% 0%, rgba(201,162,74,.12), transparent 62%),
    var(--indigo);
}
.page-privacy .privacy-cta__inner{
  display:grid;
  gap:22px;
  padding:clamp(30px,4vw,52px) 0;
}
.page-privacy .privacy-cta__text h2{
  margin:0 0 10px;
  font-size:clamp(22px,2.6vw,34px);
  line-height:1.25;
  color:var(--chalk);
}
.page-privacy .privacy-cta__text p{
  margin:0;
  max-width:56ch;
  color:var(--mist);
  font-size:16.5px;
  line-height:1.8;
}
.page-privacy .privacy-cta__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

/* ---------- 响应式 ---------- */
@media (min-width:980px){
  .page-privacy .privacy-layout{
    grid-template-columns:var(--pp-aside) minmax(0,1fr);
    gap:clamp(36px,5vw,84px);
  }
  .page-privacy .privacy-aside{
    position:sticky;
    top:96px;
    align-self:start;
  }
  .page-privacy .privacy-toc{
    display:block;
    flex-wrap:nowrap;
    gap:0;
    border-left:1px solid var(--line);
  }
  .page-privacy .privacy-toc li{
    display:block;
  }
  .page-privacy .privacy-toc a{
    padding:9px 0 9px 16px;
    border:0;
    border-left:2px solid transparent;
    margin-left:-1.5px;
    border-radius:0;
    background:none;
    font-size:14px;
    line-height:1.55;
  }
  .page-privacy .privacy-toc a:hover,
  .page-privacy .privacy-toc a:focus-visible{
    background:none;
    color:var(--gold);
    border-left-color:var(--gold);
  }
  .page-privacy .privacy-keep__row{
    grid-template-columns:minmax(160px,220px) minmax(0,1fr);
    align-items:baseline;
    gap:0 24px;
  }
  .page-privacy .privacy-cta__inner{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
  }
}

@media (min-width:1280px){
  .page-privacy .privacy-article{
    padding-right:clamp(0px,3vw,56px);
  }
}
