.page-privacy{
  --pv-paper:#FBF8F1;
  --pv-text:#243830;
  --pv-line:rgba(11,42,36,.16);
  --pv-line-soft:rgba(11,42,36,.09);
  background:var(--cream);
  color:var(--pv-text);
  font-family:var(--font-body);
}

/* ---------- 首屏：暗色数据看台 ---------- */
.page-privacy .privacy-mast{
  position:relative;
  overflow:hidden;
  background:var(--ink);
  color:var(--cream);
  padding:clamp(20px,4vw,34px) 0 clamp(30px,6vw,62px);
}
.page-privacy .privacy-mast::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(to right, rgba(120,193,214,.11) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(120,193,214,.08) 1px, transparent 1px);
  background-size:clamp(40px,6vw,72px) clamp(40px,6vw,72px);
  -webkit-mask-image:linear-gradient(180deg, rgba(0,0,0,.85), transparent 88%);
  mask-image:linear-gradient(180deg, rgba(0,0,0,.85), transparent 88%);
  pointer-events:none;
}
.page-privacy .privacy-mast::after{
  content:"";
  position:absolute;
  left:var(--pad);
  right:var(--pad);
  bottom:0;
  height:2px;
  background:linear-gradient(90deg, var(--gold), var(--ice) 55%, transparent);
  opacity:.55;
}
.page-privacy .privacy-mast .shell{position:relative;z-index:1;}

.page-privacy .privacy-mast .breadcrumbs{
  font-size:12.5px;
  letter-spacing:.04em;
  color:var(--fog);
}
.page-privacy .privacy-mast .breadcrumbs a{
  color:rgba(244,240,230,.82);
  text-decoration:none;
  border-bottom:1px solid var(--line);
}
.page-privacy .privacy-mast .breadcrumbs a:hover,
.page-privacy .privacy-mast .breadcrumbs a:focus-visible{
  color:var(--gold-soft);
  border-bottom-color:var(--gold);
}
.page-privacy .privacy-mast .crumb-sep{color:var(--gold-deep);margin:0 .35em;}

.page-privacy .mast-grid{
  display:grid;
  gap:clamp(22px,4vw,40px);
  margin-top:clamp(18px,3.5vw,32px);
}
.page-privacy .mast-copy h1{
  margin:14px 0 0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(29px,5.6vw,52px);
  line-height:1.16;
  letter-spacing:-.02em;
  color:var(--cream);
  max-width:20ch;
}
.page-privacy .mast-lede{
  margin:16px 0 0;
  max-width:58ch;
  font-size:clamp(14.5px,1.9vw,17px);
  line-height:1.8;
  color:rgba(244,240,230,.78);
}
.page-privacy .mast-facts{
  list-style:none;
  margin:20px 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  font-size:12.5px;
  color:rgba(244,240,230,.62);
}
.page-privacy .mast-facts li{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
}
.page-privacy .mast-facts .mono{
  color:var(--gold);
  font-family:var(--font-mono);
  font-size:14px;
}
.page-privacy .mast-figure{
  margin:0;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
}
.page-privacy .mast-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
}

/* ---------- 阅读区布局 ---------- */
.page-privacy .privacy-body{
  padding:clamp(26px,5vw,56px) 0 clamp(44px,7vw,84px);
}
.page-privacy .privacy-layout{
  display:grid;
  gap:clamp(18px,3vw,32px);
}

/* ---------- 章节索引 ---------- */
.page-privacy .privacy-index{
  background:var(--ink-deep);
  color:var(--cream);
  border:1px solid rgba(201,164,92,.24);
  border-radius:var(--radius);
  padding:14px 16px;
}
.page-privacy .index-title{
  margin:0 0 12px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--gold);
}
.page-privacy .index-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.page-privacy .index-list li{flex:0 0 auto;}
.page-privacy .index-list a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 11px;
  border:1px solid rgba(244,240,230,.16);
  border-radius:var(--radius);
  font-size:13px;
  white-space:nowrap;
  color:rgba(244,240,230,.86);
  text-decoration:none;
  transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}
.page-privacy .index-list a:hover,
.page-privacy .index-list a:focus-visible{
  color:var(--ice);
  border-color:rgba(120,193,214,.55);
  background:rgba(120,193,214,.1);
}
.page-privacy .index-list .mono{
  font-family:var(--font-mono);
  font-size:11.5px;
  color:var(--gold);
}
.page-privacy .index-top{
  display:inline-block;
  margin-top:14px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--gold-soft);
  text-decoration:none;
  border-bottom:1px solid rgba(201,164,92,.35);
  padding-bottom:2px;
}
.page-privacy .index-top:hover,
.page-privacy .index-top:focus-visible{color:var(--ice);border-bottom-color:var(--ice);}

/* ---------- 正文纸面 ---------- */
.page-privacy .privacy-doc{
  min-width:0;
  background:var(--pv-paper);
  border:1px solid var(--pv-line);
  border-top:3px solid var(--gold);
  border-radius:var(--radius);
  padding:clamp(18px,4vw,44px);
  box-shadow:0 1px 0 rgba(11,42,36,.05);
}
.page-privacy .doc-section{
  padding:clamp(20px,3vw,30px) 0;
  border-top:1px solid var(--pv-line-soft);
  scroll-margin-top:24px;
}
.page-privacy .doc-section:first-of-type{
  border-top:0;
  padding-top:0;
}
.page-privacy .sec-head{
  display:flex;
  align-items:baseline;
  gap:12px;
  margin:0 0 14px;
}
.page-privacy .sec-num{
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--gold-deep);
  border-bottom:1px solid var(--gold);
  padding-bottom:2px;
}
.page-privacy .sec-head h2{
  margin:0;
  font-family:var(--font-display);
  font-weight:700;
  font-size:clamp(19px,3.1vw,25px);
  line-height:1.32;
  letter-spacing:-.01em;
  color:var(--ink);
}
.page-privacy .doc-section p{
  margin:0 0 12px;
  max-width:68ch;
  font-size:15px;
  line-height:1.8;
  color:var(--pv-text);
}
.page-privacy .doc-section p:last-child{margin-bottom:0;}
.page-privacy .doc-link{
  color:var(--gold-deep);
  text-decoration:none;
  border-bottom:1px solid var(--gold);
}
.page-privacy .doc-link:hover,
.page-privacy .doc-link:focus-visible{color:var(--ink);border-bottom-color:var(--ink);}

/* ---------- 信息类型 / 保存期限 明细条 ---------- */
.page-privacy .fact-list{
  list-style:none;
  margin:14px 0 0;
  padding:0;
}
.page-privacy .fact-list li{
  display:grid;
  gap:4px;
  padding:12px 0;
  border-top:1px dashed var(--pv-line-soft);
}
.page-privacy .fact-list li:first-child{border-top:1px solid var(--pv-line);}
.page-privacy .fact-key{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.06em;
  color:var(--gold-deep);
}
.page-privacy .fact-val{
  font-size:15px;
  line-height:1.75;
  color:var(--pv-text);
}

/* ---------- 用途列表 ---------- */
.page-privacy .use-list{
  list-style:none;
  margin:10px 0 0;
  padding:0;
  display:grid;
  gap:11px;
}
.page-privacy .use-list li{
  position:relative;
  padding-left:26px;
  font-size:15px;
  line-height:1.78;
  color:var(--pv-text);
}
.page-privacy .use-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.66em;
  width:14px;
  height:2px;
  background:var(--ice);
}
.page-privacy .use-list strong{
  color:var(--ink);
  font-weight:700;
}

/* ---------- 联系方式面板 ---------- */
.page-privacy .contact-panel{
  margin-top:18px;
  padding:clamp(16px,3vw,26px);
  background:var(--ink);
  color:var(--cream);
  border-left:3px solid var(--orange);
  border-radius:var(--radius);
}
.page-privacy .contact-panel-title{
  margin:0 0 14px;
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.16em;
  color:var(--gold);
}
.page-privacy .pv-contact{
  margin:0;
  display:grid;
  gap:12px;
}
.page-privacy .pv-contact div{display:grid;gap:2px;}
.page-privacy .pv-contact dt{
  font-family:var(--font-mono);
  font-size:11.5px;
  letter-spacing:.1em;
  color:rgba(244,240,230,.58);
}
.page-privacy .pv-contact dd{
  margin:0;
  font-size:15px;
  line-height:1.62;
  color:rgba(244,240,230,.94);
  overflow-wrap:anywhere;
}
.page-privacy .pv-contact .mono{font-family:var(--font-mono);}
.page-privacy .pv-contact a{
  color:var(--ice);
  text-decoration:none;
  border-bottom:1px solid rgba(120,193,214,.42);
}
.page-privacy .pv-contact a:hover,
.page-privacy .pv-contact a:focus-visible{color:var(--cream);border-bottom-color:var(--cream);}

/* ---------- 相关入口与回顶 ---------- */
.page-privacy .pv-links{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.page-privacy .pv-links a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:8px 15px;
  border:1px solid var(--pv-line);
  border-radius:var(--radius);
  background:rgba(255,255,255,.55);
  font-size:13.5px;
  color:var(--ink);
  text-decoration:none;
  transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);
}
.page-privacy .pv-links a:hover,
.page-privacy .pv-links a:focus-visible{
  border-color:var(--gold);
  color:var(--gold-deep);
  background:rgba(201,164,92,.1);
}
.page-privacy .pv-backtop{
  margin:22px 0 0;
  text-align:right;
}
.page-privacy .pv-backtop a{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  color:var(--gold-deep);
  text-decoration:none;
  border-bottom:1px solid var(--line);
  padding-bottom:2px;
}
.page-privacy .pv-backtop a:hover,
.page-privacy .pv-backtop a:focus-visible{color:var(--ink);border-bottom-color:var(--ink);}

/* ---------- 响应式 ---------- */
@media (min-width:640px){
  .page-privacy .fact-list li{
    grid-template-columns:124px minmax(0,1fr);
    gap:18px;
    align-items:baseline;
  }
  .page-privacy .pv-contact{grid-template-columns:1fr 1fr;gap:14px 22px;}
}

@media (min-width:900px){
  .page-privacy .mast-grid{
    grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
    align-items:end;
  }
}

@media (min-width:960px){
  .page-privacy .privacy-layout{
    grid-template-columns:250px minmax(0,1fr);
    align-items:start;
    gap:clamp(24px,3vw,40px);
  }
  .page-privacy .privacy-index{
    position:sticky;
    top:24px;
    padding:22px 18px;
  }
  .page-privacy .index-list{
    flex-direction:column;
    gap:0;
    overflow:visible;
  }
  .page-privacy .index-list li{
    flex:1 1 auto;
    border-top:1px solid rgba(244,240,230,.1);
  }
  .page-privacy .index-list li:first-child{border-top:0;}
  .page-privacy .index-list a{
    display:flex;
    width:100%;
    padding:10px 2px;
    border:0;
    border-radius:0;
    background:none;
    white-space:normal;
    line-height:1.5;
  }
  .page-privacy .index-list a:hover,
  .page-privacy .index-list a:focus-visible{
    background:none;
    color:var(--ice);
  }
}

@media (prefers-reduced-motion: reduce){
  .page-privacy .index-list a,
  .page-privacy .pv-links a{
    transition:none;
  }
}

@media print{
  .page-privacy{background:#fff;color:#000;}
  .page-privacy .privacy-mast{
    background:#fff;
    color:#000;
    padding:0 0 14px;
    border-bottom:1px solid #999;
  }
  .page-privacy .privacy-mast::before,
  .page-privacy .privacy-mast::after{display:none;}
  .page-privacy .mast-copy h1,
  .page-privacy .mast-lede,
  .page-privacy .mast-facts,
  .page-privacy .privacy-mast .breadcrumbs,
  .page-privacy .privacy-mast .breadcrumbs a{color:#000;}
  .page-privacy .mast-figure,
  .page-privacy .privacy-index,
  .page-privacy .pv-links,
  .page-privacy .pv-backtop{display:none;}
  .page-privacy .privacy-layout{display:block;}
  .page-privacy .privacy-doc{
    border:0;
    box-shadow:none;
    background:#fff;
    padding:0;
  }
  .page-privacy .doc-section{
    page-break-inside:avoid;
    border-top:1px solid #ccc;
  }
  .page-privacy .fact-list li{border-top:1px solid #ddd;}
  .page-privacy .contact-panel{
    background:#fff;
    color:#000;
    border:1px solid #999;
    border-left:3px solid #999;
  }
  .page-privacy .contact-panel-title,
  .page-privacy .pv-contact dt,
  .page-privacy .pv-contact dd,
  .page-privacy .pv-contact a{color:#000;}
  .page-privacy .use-list li::before{background:#666;}
}
<<<PAGE_CSS_END>>>