.page-privacy{
  --read-measure:64ch;
  padding-bottom:clamp(3rem,7vw,5.5rem);
}

.page-privacy .breadcrumbs{
  padding-top:clamp(1.25rem,3vw,2rem);
}

.page-privacy .privacy-hero{
  padding-top:clamp(1.25rem,4vw,2.5rem);
  max-width:56rem;
}

.page-privacy .privacy-hero h1{
  margin:.45rem 0 .9rem;
  font-family:var(--font-display);
  font-size:var(--fs-hero);
  font-weight:700;
  letter-spacing:.06em;
  line-height:1.08;
  color:var(--ink);
}

.page-privacy .privacy-hero .lead{
  margin:0;
  max-width:60ch;
  font-size:var(--fs-300);
  line-height:1.85;
  color:var(--mist);
}

.page-privacy .privacy-meta{
  list-style:none;
  margin:1.5rem 0 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.page-privacy .privacy-meta li{
  display:inline-flex;
  align-items:baseline;
  gap:.45rem;
  padding:.35rem .85rem;
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  background:rgba(255,255,255,.025);
  font-size:var(--fs-100);
  color:var(--mist);
}

.page-privacy .privacy-meta .mono{
  color:var(--cyan-soft);
  font-size:var(--fs-100);
}

.page-privacy .privacy-banner{
  margin:clamp(1.5rem,4vw,2.5rem) 0 0;
  border:1px solid var(--line);
  border-radius:var(--r-m);
  overflow:hidden;
  background:var(--deep-2);
  box-shadow:var(--shadow-soft);
}

.page-privacy .privacy-banner img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/2;
  object-fit:cover;
  opacity:.92;
}

.page-privacy .privacy-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:1.5rem;
  margin-top:clamp(1.75rem,4vw,2.75rem);
}

/* 章节索引 */
.page-privacy .privacy-index{
  padding:0 0 .9rem;
  border-bottom:1px solid var(--line);
}

.page-privacy .privacy-index__title{
  margin:0 0 .6rem;
  font-family:var(--font-display);
  font-size:var(--fs-100);
  letter-spacing:.16em;
  color:var(--mist);
}

.page-privacy .privacy-index__list{
  list-style:none;
  margin:0;
  padding:0 0 .25rem;
  display:flex;
  gap:.4rem;
  overflow-x:auto;
  scrollbar-width:thin;
}

.page-privacy .privacy-index__list li{
  flex:0 0 auto;
}

.page-privacy .privacy-index__list a{
  display:inline-flex;
  align-items:baseline;
  gap:.45rem;
  padding:.42rem .8rem;
  border:1px solid var(--line);
  border-radius:var(--r-pill);
  background:rgba(255,255,255,.025);
  font-size:var(--fs-100);
  color:var(--mist);
  text-decoration:none;
  white-space:nowrap;
  transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease);
}

.page-privacy .privacy-index__list a:hover,
.page-privacy .privacy-index__list a:focus-visible{
  color:var(--ink);
  border-color:var(--cyan-24);
  background:var(--cyan-08);
}

.page-privacy .privacy-index__list .mono{
  color:var(--cyan);
  font-size:var(--fs-100);
  letter-spacing:.06em;
}

.page-privacy .privacy-index__top{
  display:inline-block;
  margin-top:.85rem;
  font-size:var(--fs-100);
  color:var(--mist);
  text-decoration:none;
  border-bottom:1px solid var(--line);
  padding-bottom:.1rem;
}

.page-privacy .privacy-index__top:hover{
  color:var(--cyan);
  border-bottom-color:var(--cyan);
}

/* 条款正文 */
.page-privacy .clause{
  padding:1.5rem 0;
  border-top:1px solid var(--line);
}

.page-privacy .clause:first-child{
  border-top:0;
  padding-top:0;
}

.page-privacy .clause__num{
  margin:0 0 .45rem;
  font-size:var(--fs-100);
  letter-spacing:.2em;
  color:var(--cyan);
}

.page-privacy .clause__title{
  margin:0 0 .8rem;
  font-family:var(--font-display);
  font-size:var(--fs-500);
  font-weight:700;
  letter-spacing:.03em;
  line-height:1.3;
  color:var(--ink);
}

.page-privacy .clause p{
  margin:0 0 .9rem;
  max-width:var(--read-measure);
  font-size:var(--fs-300);
  line-height:1.85;
  color:var(--mist);
}

.page-privacy .clause p strong{
  color:var(--ink);
  font-weight:600;
}

.page-privacy .clause a{
  color:var(--cyan);
  text-decoration:none;
  border-bottom:1px solid var(--cyan-24);
  transition:border-color var(--t-fast) var(--ease);
}

.page-privacy .clause a:hover{
  border-bottom-color:var(--cyan);
}

.page-privacy .clause .mono{
  color:var(--cyan-soft);
  font-size:var(--fs-200);
  word-break:break-all;
}

.page-privacy .clause-ul{
  list-style:none;
  margin:.4rem 0 1rem;
  padding:0;
  display:grid;
  gap:.7rem;
  max-width:var(--read-measure);
}

.page-privacy .clause-ul li{
  position:relative;
  padding-left:1.05rem;
  font-size:var(--fs-300);
  line-height:1.8;
  color:var(--mist);
}

.page-privacy .clause-ul li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cyan-24);
}

.page-privacy .clause-list{
  margin:1rem 0 0;
  padding:0;
  display:grid;
  gap:.85rem;
  max-width:var(--read-measure);
}

.page-privacy .clause-list__item{
  border-left:2px solid var(--line);
  padding:.1rem 0 .1rem .9rem;
}

.page-privacy .clause-list__item--key{
  border-left-color:var(--cyan);
}

.page-privacy .clause-list dt{
  margin-bottom:.3rem;
  font-family:var(--font-display);
  font-size:var(--fs-200);
  font-weight:700;
  letter-spacing:.04em;
  color:var(--ink);
}

.page-privacy .clause-list dd{
  margin:0;
  font-size:var(--fs-300);
  line-height:1.8;
  color:var(--mist);
}

/* 分节线 */
.page-privacy .clause-rule{
  display:flex;
  align-items:center;
  gap:.8rem;
  margin:1.5rem 0 .5rem;
  padding-top:1.1rem;
  border-top:1px solid var(--cyan-24);
}

.page-privacy .clause-rule::after{
  content:"";
  flex:1;
  height:1px;
  background:var(--line);
}

.page-privacy .clause-rule span{
  font-size:var(--fs-100);
  letter-spacing:.22em;
  color:var(--mist);
}

/* 折叠条目 */
.page-privacy .p-fold{
  margin:1rem 0 1.25rem;
  max-width:var(--read-measure);
  border:1px solid var(--line);
  border-radius:var(--r-s);
  background:rgba(255,255,255,.022);
}

.page-privacy .p-fold summary{
  cursor:pointer;
  padding:.72rem .95rem;
  font-size:var(--fs-100);
  color:var(--cyan-soft);
  list-style:none;
  display:flex;
  align-items:center;
  gap:.5rem;
}

.page-privacy .p-fold summary::-webkit-details-marker{
  display:none;
}

.page-privacy .p-fold summary::before{
  content:"+";
  font-family:var(--font-mono);
  font-size:var(--fs-200);
  line-height:1;
  color:var(--cyan);
  transition:transform var(--t-fast) var(--ease);
}

.page-privacy .p-fold[open] summary::before{
  content:"–";
}

.page-privacy .p-fold__body{
  padding:0 .95rem .85rem;
  font-size:var(--fs-200);
  line-height:1.85;
  color:var(--mist);
}

.page-privacy .p-fold summary:focus-visible{
  outline:2px solid var(--cyan-24);
  outline-offset:2px;
}

/* 收尾 */
.page-privacy .privacy-end{
  margin-top:clamp(2rem,5vw,3rem);
  padding-top:1.5rem;
  border-top:1px solid var(--line);
}

.page-privacy .privacy-end p{
  margin:0 0 1.1rem;
  max-width:var(--read-measure);
  font-size:var(--fs-300);
  line-height:1.8;
  color:var(--ink);
}

.page-privacy .privacy-end__actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
}

@media (min-width:640px){
  .page-privacy .privacy-banner img{
    aspect-ratio:16/7;
  }
}

@media (min-width:1000px){
  .page-privacy .privacy-layout{
    grid-template-columns:minmax(0,250px) minmax(0,1fr);
    gap:clamp(2rem,4.5vw,4rem);
    align-items:start;
  }

  .page-privacy .privacy-index{
    position:sticky;
    top:6.5rem;
    padding:0 0 0 1rem;
    border-bottom:0;
    border-left:1px solid var(--line);
  }

  .page-privacy .privacy-index__list{
    flex-direction:column;
    overflow:visible;
    gap:.15rem;
    padding-bottom:0;
  }

  .page-privacy .privacy-index__list a{
    border:0;
    border-radius:var(--r-s);
    background:transparent;
    width:100%;
    white-space:normal;
    padding:.5rem .55rem;
  }

  .page-privacy .privacy-index__list a:hover,
  .page-privacy .privacy-index__list a:focus-visible{
    background:var(--cyan-08);
  }

  .page-privacy .clause{
    padding:2rem 0;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-privacy .privacy-index__list a,
  .page-privacy .p-fold summary::before,
  .page-privacy .clause a{
    transition:none;
  }
}
<<<PAGE_CSS_END>>>