.page-privacy{
  --pp-line:rgba(143,168,160,.28);
  --pp-paper-line:rgba(11,43,38,.15);
  --pp-orange-deep:#C04A16;
  background:var(--ink);
  color:var(--white);
  overflow-x:hidden;
}

/* 面包屑 */
.page-privacy .breadcrumb{
  padding-top:clamp(16px,3vw,28px);
}
.page-privacy .breadcrumb-list{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  list-style:none;
  margin:0;
  padding:0;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.1em;
  color:var(--mist);
}
.page-privacy .breadcrumb-list a{
  color:var(--mist);
  text-decoration:none;
}
.page-privacy .breadcrumb-list a:hover,
.page-privacy .breadcrumb-list a:focus-visible{
  color:var(--cyan);
  text-decoration:underline;
}
.page-privacy .breadcrumb-list li + li::before{
  content:"/";
  margin-right:.35rem;
  color:var(--grid);
}

/* 首屏 */
.page-privacy .privacy-hero{
  position:relative;
  overflow:hidden;
  padding:clamp(18px,3vw,32px) 0 clamp(28px,4vw,48px);
  background:
    radial-gradient(120% 90% at 10% -20%, rgba(61,224,208,.16), transparent 62%),
    linear-gradient(180deg, #0E322C 0%, var(--ink) 100%);
  border-bottom:var(--hairline);
}
.page-privacy .privacy-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(90deg, rgba(46,90,80,.6) 1px, transparent 1px),
    linear-gradient(0deg, rgba(46,90,80,.6) 1px, transparent 1px);
  background-size:64px 64px;
  opacity:.22;
}
.page-privacy .hero-grid{
  position:relative;
  display:grid;
  gap:clamp(20px,3vw,40px);
}
.page-privacy .eyebrow{
  margin:0 0 .8rem;
  font-family:var(--font-mono);
  font-size:.72rem;
  letter-spacing:.18em;
  color:var(--cyan);
}
.page-privacy .page-title{
  margin:0 0 1rem;
  font-size:clamp(2.3rem,7vw,4.6rem);
  font-weight:800;
  line-height:.98;
  letter-spacing:-.03em;
  color:var(--white);
}
.page-privacy .hero-sub{
  display:block;
  margin-top:.9rem;
  max-width:22ch;
  font-size:clamp(.95rem,2vw,1.35rem);
  font-weight:700;
  line-height:1.5;
  letter-spacing:0;
  color:var(--paper);
}
.page-privacy .lede{
  margin:0;
  max-width:62ch;
  font-size:clamp(1rem,1.8vw,1.1rem);
  line-height:1.85;
  color:rgba(244,236,216,.9);
}
.page-privacy .hero-facts{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
  gap:1px;
  background:var(--pp-line);
  border:1px solid var(--pp-line);
  border-radius:var(--radius);
  align-self:start;
}
.page-privacy .hero-facts li{
  background:rgba(18,61,53,.85);
  padding:.9rem 1rem;
  display:grid;
  gap:.35rem;
}
.page-privacy .fact-k{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.14em;
  color:var(--cyan);
}
.page-privacy .fact-v{
  font-size:.94rem;
  line-height:1.5;
  color:var(--white);
}
.page-privacy .num{
  font-family:var(--font-mono);
  color:var(--orange);
  font-weight:700;
}
.page-privacy .hero-media{
  position:relative;
  margin:clamp(24px,4vw,42px) 0 0;
  border:var(--hairline);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--ink-2);
  box-shadow:0 20px 48px rgba(0,0,0,.35);
}
.page-privacy .hero-media img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  opacity:.9;
}
.page-privacy .hero-media .media-caption{
  position:static;
  display:block;
  padding:.7rem 1rem;
  font-family:var(--font-mono);
  font-size:.7rem;
  letter-spacing:.06em;
  color:var(--mist);
  border-top:var(--hairline);
  background:var(--ink-2);
}

/* 正文双栏 */
.page-privacy .doc-layout{
  display:grid;
  gap:clamp(20px,3vw,36px);
  padding:clamp(28px,4vw,56px) 0 clamp(40px,6vw,80px);
}
.page-privacy .clause-nav{
  background:var(--ink-2);
  border:var(--hairline);
  border-radius:var(--radius);
  padding:clamp(16px,2.4vw,22px);
}
.page-privacy .clause-nav-title{
  margin:0 0 .9rem;
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.18em;
  color:var(--mist);
}
.page-privacy .clause-nav ol{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.15rem;
}
.page-privacy .clause-nav a{
  display:grid;
  grid-template-columns:2.1rem 1fr;
  gap:.45rem;
  align-items:baseline;
  padding:.5rem .45rem;
  border-left:2px solid transparent;
  color:var(--paper);
  text-decoration:none;
  font-size:.9rem;
  line-height:1.5;
  transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease);
}
.page-privacy .clause-nav a .n{
  font-family:var(--font-mono);
  font-size:.78rem;
  letter-spacing:.06em;
  color:var(--orange);
}
.page-privacy .clause-nav a:hover,
.page-privacy .clause-nav a:focus-visible{
  color:var(--cyan);
  background:rgba(61,224,208,.08);
  border-left-color:var(--cyan);
}

/* 暖纸阅读区 */
.page-privacy .doc-sheet{
  background:var(--paper);
  color:var(--ink);
  border:1px solid rgba(216,203,179,.8);
  border-radius:var(--radius);
  padding:clamp(20px,4vw,48px);
  box-shadow:0 22px 48px rgba(0,0,0,.3);
  overflow-wrap:anywhere;
}
.page-privacy .doc-sheet a{
  color:var(--ink);
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
  text-decoration-color:var(--orange);
}
.page-privacy .doc-sheet a:hover,
.page-privacy .doc-sheet a:focus-visible{
  color:var(--pp-orange-deep);
  text-decoration-color:var(--pp-orange-deep);
}
.page-privacy .clause + .clause{
  margin-top:clamp(24px,3.4vw,38px);
  padding-top:clamp(22px,3vw,32px);
  border-top:1px solid var(--pp-paper-line);
}
.page-privacy .clause-num{
  display:block;
  margin-bottom:.5rem;
  font-family:var(--font-mono);
  font-size:.74rem;
  letter-spacing:.18em;
  color:var(--pp-orange-deep);
}
.page-privacy .clause h2{
  margin:0 0 .85rem;
  font-size:clamp(1.2rem,2.6vw,1.6rem);
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-privacy .clause p{
  margin:0 0 .95rem;
  max-width:64ch;
  font-size:clamp(.98rem,1.5vw,1.06rem);
  line-height:1.85;
}
.page-privacy .clause p:last-child{
  margin-bottom:0;
}
.page-privacy .clause ul{
  margin:0 0 1rem;
  padding-left:1.1rem;
  display:grid;
  gap:.5rem;
  max-width:64ch;
}
.page-privacy .clause li{
  font-size:clamp(.95rem,1.4vw,1.02rem);
  line-height:1.75;
}
.page-privacy .clause li::marker{
  color:var(--pp-orange-deep);
}
.page-privacy .keyline{
  border-left:3px solid var(--orange);
  background:rgba(255,106,42,.1);
  padding:.85rem 1rem;
  font-weight:600;
  color:var(--ink);
}

/* 两条信息路径图示 */
.page-privacy .paths{
  margin:0 0 1.2rem;
  padding:clamp(12px,2vw,22px);
  background:var(--ink-2);
  border:1px solid var(--grid);
  border-radius:var(--radius);
}
.page-privacy .paths-svg{
  display:block;
  width:100%;
  height:auto;
}
.page-privacy .paths-svg .g-line{
  stroke:var(--grid);
  fill:none;
}
.page-privacy .paths-svg text{
  font-family:var(--font-mono);
  font-size:13px;
  letter-spacing:.02em;
  fill:var(--paper);
}
.page-privacy .paths-svg .svg-k{
  font-size:12px;
  letter-spacing:.12em;
  fill:var(--orange);
}
.page-privacy .paths-svg .svg-note{
  font-size:12px;
  fill:var(--mist);
}

/* 联系方式条 */
.page-privacy .contact-strip{
  display:grid;
  gap:1px;
  background:var(--pp-paper-line);
  border:1px solid var(--pp-paper-line);
  border-radius:var(--radius);
  margin:0 0 1rem;
  overflow:hidden;
}
.page-privacy .contact-cell{
  background:rgba(216,203,179,.45);
  padding:.75rem .9rem;
  display:grid;
  gap:.3rem;
}
.page-privacy .cell-k{
  font-family:var(--font-mono);
  font-size:.68rem;
  letter-spacing:.14em;
  color:#4A5F58;
}
.page-privacy .cell-v{
  font-family:var(--font-mono);
  font-size:.92rem;
  font-weight:600;
  color:var(--ink);
  overflow-wrap:anywhere;
}

/* 结尾链接 */
.page-privacy .doc-foot{
  margin-top:clamp(26px,3.4vw,40px);
  padding-top:clamp(18px,2.6vw,26px);
  border-top:1px solid var(--pp-paper-line);
  display:grid;
  gap:.9rem;
}
.page-privacy .doc-foot-note{
  margin:0;
  max-width:56ch;
  font-size:.95rem;
  line-height:1.7;
  color:#2E423C;
}
.page-privacy .doc-foot-links{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.page-privacy .doc-link{
  display:inline-flex;
  align-items:center;
  padding:.55rem .95rem;
  border:1px solid rgba(11,43,38,.3);
  border-radius:var(--radius);
  background:rgba(216,203,179,.5);
  color:var(--ink);
  font-size:.88rem;
  text-decoration:none;
  transition:background .2s var(--ease), border-color .2s var(--ease);
}
.page-privacy .doc-link:hover,
.page-privacy .doc-link:focus-visible{
  background:var(--sand);
  border-color:var(--ink);
}

/* 返回顶部 */
.page-privacy .to-top{
  position:fixed;
  right:clamp(12px,2vw,24px);
  bottom:clamp(12px,2vw,24px);
  z-index:20;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:46px;
  height:46px;
  border-radius:50%;
  background:var(--orange);
  color:var(--ink);
  border:1px solid rgba(11,43,38,.35);
  font-family:var(--font-mono);
  font-size:1rem;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(0,0,0,.4);
  transition:background .2s var(--ease), transform .2s var(--ease);
}
.page-privacy .to-top:hover,
.page-privacy .to-top:focus-visible{
  background:var(--cyan);
  transform:translateY(-2px);
}

@media (min-width:640px){
  .page-privacy .contact-strip{
    grid-template-columns:repeat(3,1fr);
  }
}

@media (min-width:960px){
  .page-privacy .hero-grid{
    grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);
    align-items:start;
  }
  .page-privacy .doc-layout{
    grid-template-columns:minmax(200px,240px) minmax(0,1fr);
    align-items:start;
  }
  .page-privacy .clause-nav{
    position:sticky;
    top:104px;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-privacy .clause-nav a,
  .page-privacy .doc-link,
  .page-privacy .to-top{
    transition:none;
  }
  .page-privacy .to-top:hover{
    transform:none;
  }
}
<<<PAGE_CSS_END>>>