.page-privacy{
  --pv-measure:720px;
  --pv-hair:rgba(42,51,80,.28);
  --pv-paper-card:#FFFDF6;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-display);
  font-size:var(--t-16);
  line-height:1.8;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
.page-privacy h1,
.page-privacy h2,
.page-privacy h3,
.page-privacy p,
.page-privacy ul,
.page-privacy ol,
.page-privacy figure{
  margin:0;
}
.page-privacy ul,
.page-privacy ol{
  list-style:none;
  padding:0;
}

/* 首屏 */
.page-privacy .pv-hero{
  position:relative;
  background:var(--ink-deep);
  color:var(--paper);
  padding:clamp(26px,5vw,58px) var(--gutter) clamp(30px,5vw,64px);
  overflow:hidden;
}
.page-privacy .pv-hero::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:4px;
  background:var(--flag-band);
}
.page-privacy .pv-hero::after{
  content:"";
  position:absolute;
  top:-25%;
  right:-18%;
  width:72%;
  height:160%;
  transform:skewX(-14deg);
  background:linear-gradient(120deg,rgba(23,179,163,.18),rgba(233,180,92,.07) 46%,rgba(7,12,28,0) 72%);
  pointer-events:none;
}
.page-privacy .pv-hero__inner{
  position:relative;
  z-index:1;
  max-width:1120px;
  margin:0 auto;
}
.page-privacy .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  font-family:var(--font-mono);
  font-size:var(--t-12);
  letter-spacing:.06em;
  color:var(--mist);
}
.page-privacy .breadcrumb a{
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid transparent;
}
.page-privacy .breadcrumb a:hover{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}
.page-privacy .breadcrumb__sep{
  color:var(--gold);
}
.page-privacy .pv-eyebrow{
  display:inline-block;
  margin-top:20px;
  padding-left:10px;
  border-left:3px solid var(--gold);
  font-family:var(--font-mono);
  font-size:var(--t-12);
  letter-spacing:.18em;
  color:var(--cyan);
}
.page-privacy h1{
  margin-top:clamp(10px,2vw,16px);
  max-width:16em;
  font-size:clamp(28px,6.2vw,54px);
  line-height:1.14;
  letter-spacing:-.02em;
  font-weight:800;
  color:var(--paper);
}
.page-privacy .pv-lede{
  margin-top:18px;
  max-width:36em;
  font-size:clamp(15px,2.1vw,18px);
  line-height:1.8;
  color:#D6DCE8;
}
.page-privacy .pv-meta{
  margin-top:clamp(20px,3vw,30px);
  padding-top:14px;
  border-top:1px solid rgba(201,207,221,.24);
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}
.page-privacy .pv-meta li{
  font-size:var(--t-14);
  line-height:1.6;
  color:var(--paper);
  word-break:break-word;
}
.page-privacy .pv-meta span{
  display:block;
  margin-bottom:3px;
  font-family:var(--font-mono);
  font-size:var(--t-12);
  letter-spacing:.12em;
  color:var(--gold);
}

/* 通栏配图 */
.page-privacy .pv-banner{
  background:var(--ink);
  border-bottom:1px solid var(--line);
}
.page-privacy .pv-banner img{
  display:block;
  width:100%;
  max-width:100%;
  height:clamp(170px,32vw,320px);
  object-fit:cover;
  object-position:center;
}
.page-privacy .pv-banner figcaption{
  padding:9px var(--gutter);
  font-family:var(--font-mono);
  font-size:var(--t-12);
  letter-spacing:.04em;
  color:var(--mist);
}

/* 版式 */
.page-privacy .pv-layout{
  max-width:1120px;
  margin:0 auto;
  padding:clamp(22px,4vw,54px) var(--gutter) clamp(40px,6vw,80px);
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:clamp(18px,3vw,40px);
}

/* 目录 */
.page-privacy .pv-toc{
  border-top:2px solid var(--ink);
  padding-top:10px;
}
.page-privacy .pv-toc__title{
  font-family:var(--font-mono);
  font-size:var(--t-12);
  letter-spacing:.16em;
  color:var(--rust);
}
.page-privacy .pv-toc ol{
  display:flex;
  gap:8px;
  margin-top:10px;
  padding-bottom:4px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.page-privacy .pv-toc a{
  display:inline-flex;
  align-items:baseline;
  gap:8px;
  white-space:nowrap;
  padding:7px 12px;
  border:1px solid var(--pv-hair);
  background:rgba(255,255,255,.66);
  font-size:var(--t-14);
  color:var(--ink);
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease;
}
.page-privacy .pv-toc a:hover,
.page-privacy .pv-toc a:focus-visible{
  border-color:var(--turq);
  background:rgba(23,179,163,.1);
}
.page-privacy .pv-toc__no{
  font-family:var(--font-mono);
  font-size:var(--t-12);
  color:var(--gold);
}
.page-privacy .pv-toc a:hover .pv-toc__no,
.page-privacy .pv-toc a:focus-visible .pv-toc__no{
  color:var(--rust);
}

/* 正文 */
.page-privacy .pv-doc{
  min-width:0;
  max-width:var(--pv-measure);
}
.page-privacy .pv-sec{
  display:grid;
  grid-template-columns:1.9rem minmax(0,1fr);
  gap:0 12px;
  padding:clamp(20px,4vw,30px) 0;
  border-top:1px solid var(--pv-hair);
  scroll-margin-top:84px;
}
.page-privacy .pv-sec:first-child{
  border-top:0;
  padding-top:0;
}
.page-privacy .serif-index{
  font-family:var(--font-serif);
  font-size:var(--t-22);
  line-height:1.35;
  color:var(--rust);
  letter-spacing:.04em;
}
.page-privacy .pv-sec__body{
  min-width:0;
}
.page-privacy .pv-sec h2{
  font-size:clamp(19px,2.6vw,26px);
  line-height:1.35;
  letter-spacing:-.01em;
  font-weight:800;
  color:var(--ink);
  padding-bottom:10px;
  border-bottom:1px dashed var(--pv-hair);
  margin-bottom:14px;
}
.page-privacy .pv-sec__body p{
  font-size:var(--t-16);
  line-height:1.8;
  color:#232C48;
}
.page-privacy .pv-sec__body p + p{
  margin-top:12px;
}
.page-privacy .pv-sec__body a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:1px solid var(--turq);
  padding-bottom:1px;
}
.page-privacy .pv-sec__body a:hover{
  color:var(--rust);
  border-bottom-color:var(--rust);
}

.page-privacy .pv-list{
  display:grid;
  gap:9px;
  margin:14px 0;
}
.page-privacy .pv-list li{
  position:relative;
  padding-left:18px;
  font-size:var(--t-16);
  line-height:1.75;
  color:#232C48;
}
.page-privacy .pv-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.78em;
  width:8px;
  height:2px;
  background:var(--turq);
}
.page-privacy .pv-list strong{
  font-weight:700;
  color:var(--ink);
}

/* 信息分类条目 */
.page-privacy .pv-items{
  margin:16px 0;
  border:1px solid var(--pv-hair);
  background:var(--pv-paper-card);
  box-shadow:6px 6px 0 rgba(42,51,80,.08);
}
.page-privacy .pv-item{
  padding:14px 16px;
  border-top:1px solid var(--pv-hair);
}
.page-privacy .pv-item:first-child{
  border-top:0;
}
.page-privacy .pv-item__head{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:6px;
}
.page-privacy .pv-item__tag{
  font-family:var(--font-mono);
  font-size:var(--t-12);
  letter-spacing:.08em;
  padding:2px 8px;
  color:var(--paper);
  background:var(--ink);
}
.page-privacy .pv-item__tag--turq{
  background:var(--turq);
  color:var(--ink-deep);
}
.page-privacy .pv-item__tag--rust{
  background:var(--rust);
  color:var(--paper);
}
.page-privacy .pv-item h3{
  font-size:var(--t-16);
  font-weight:700;
  color:var(--ink);
}
.page-privacy .pv-item p{
  font-size:var(--t-14);
  line-height:1.8;
  color:#2C3552;
}

/* 术语展开 */
.page-privacy .pv-terms{
  margin:16px 0;
  border:1px solid var(--pv-hair);
  border-left:3px solid var(--gold);
  background:var(--pv-paper-card);
}
.page-privacy .pv-terms .acc__item{
  border-top:1px dashed var(--pv-hair);
}
.page-privacy .pv-terms .acc__item:first-child{
  border-top:0;
}
.page-privacy .pv-terms .acc__trigger{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  padding:11px 14px;
  background:none;
  border:0;
  text-align:left;
  cursor:pointer;
  font-family:var(--font-mono);
  font-size:var(--t-14);
  letter-spacing:.02em;
  color:var(--rust);
}
.page-privacy .pv-terms .acc__trigger:hover,
.page-privacy .pv-terms .acc__trigger[aria-expanded="true"]{
  background:rgba(23,179,163,.1);
  color:var(--ink);
}
.page-privacy .pv-terms .acc__sign{
  position:relative;
  flex:0 0 auto;
  width:12px;
  height:12px;
}
.page-privacy .pv-terms .acc__sign::before,
.page-privacy .pv-terms .acc__sign::after{
  content:"";
  position:absolute;
  background:currentColor;
}
.page-privacy .pv-terms .acc__sign::before{
  left:0;
  top:5px;
  width:12px;
  height:2px;
}
.page-privacy .pv-terms .acc__sign::after{
  left:5px;
  top:0;
  width:2px;
  height:12px;
}
.page-privacy .pv-terms .acc__inner{
  padding:0 14px 14px 36px;
  font-size:var(--t-14);
  line-height:1.8;
  color:#2C3552;
}

/* 联系区 */
.page-privacy .pv-end{
  margin-top:clamp(24px,4vw,38px);
  padding:clamp(20px,3.6vw,30px);
  background:var(--ink);
  color:var(--paper);
  border-right:6px solid var(--turq);
}
.page-privacy .pv-end__label{
  font-family:var(--font-mono);
  font-size:var(--t-12);
  letter-spacing:.18em;
  color:var(--gold);
}
.page-privacy .pv-end__mail{
  margin-top:8px;
  font-family:var(--font-mono);
  font-size:clamp(17px,3.4vw,23px);
  line-height:1.4;
  color:var(--cyan);
  word-break:break-all;
}
.page-privacy .pv-end__note{
  margin-top:10px;
  font-size:var(--t-14);
  line-height:1.8;
  color:#D3D9E5;
}
.page-privacy .pv-end__links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 20px;
  margin-top:16px;
}
.page-privacy .pv-end__links a{
  font-size:var(--t-14);
  color:var(--paper);
  text-decoration:none;
  border-bottom:1px solid var(--turq);
  padding-bottom:2px;
}
.page-privacy .pv-end__links a:hover{
  color:var(--gold);
  border-bottom-color:var(--gold);
}
.page-privacy .pv-tail{
  margin-top:16px;
  font-family:var(--font-mono);
  font-size:var(--t-12);
  line-height:1.7;
  color:#5A6480;
}

@media (min-width:640px){
  .page-privacy .pv-meta{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
  .page-privacy .pv-sec{
    grid-template-columns:2.4rem minmax(0,1fr);
    gap:0 16px;
  }
  .page-privacy .serif-index{
    font-size:var(--t-28);
  }
}

@media (min-width:900px){
  .page-privacy .pv-layout{
    grid-template-columns:208px minmax(0,var(--pv-measure));
    justify-content:space-between;
    align-items:start;
  }
  .page-privacy .pv-toc{
    position:sticky;
    top:clamp(16px,5vh,40px);
  }
  .page-privacy .pv-toc ol{
    flex-direction:column;
    gap:0;
    overflow:visible;
    margin-top:8px;
  }
  .page-privacy .pv-toc li{
    border-top:1px solid var(--pv-hair);
  }
  .page-privacy .pv-toc li:first-child{
    border-top:0;
  }
  .page-privacy .pv-toc a{
    display:flex;
    width:100%;
    padding:9px 8px 9px 10px;
    border:0;
    border-left:3px solid transparent;
    background:none;
  }
  .page-privacy .pv-toc a:hover,
  .page-privacy .pv-toc a:focus-visible{
    border-left-color:var(--turq);
    background:rgba(23,179,163,.08);
  }
  .page-privacy .pv-sec{
    grid-template-columns:3rem minmax(0,1fr);
    gap:0 20px;
  }
  .page-privacy .pv-sec__body p,
  .page-privacy .pv-list li{
    font-size:var(--t-16);
  }
}

@media (prefers-reduced-motion:reduce){
  .page-privacy .pv-toc a{
    transition:none;
  }
}
<<<END>>>
