.page-privacy{
  --privacy-card-shadow:0 6px 24px rgba(11,27,58,.07);
  background:
    radial-gradient(ellipse at 88% 2%,rgba(123,47,190,.13),transparent 38%),
    radial-gradient(ellipse at 6% 52%,rgba(255,107,53,.08),transparent 32%),
    var(--bg-light,#F5F7FA);
  padding-bottom:2rem;
}
.page-privacy .privacy-shell{
  max-width:1200px;
  padding-top:1.75rem;
  padding-bottom:3rem;
}
.page-privacy .breadcrumb{
  margin-bottom:1.75rem;
}
.page-privacy .privacy-hero{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:1.6rem;
  margin-bottom:2.5rem;
  padding:2rem 1.5rem;
  overflow:hidden;
  border-radius:var(--radius-lg,1.25rem);
  background:var(--grad-rail,linear-gradient(160deg,#0B1B3A,#4B0082));
  color:#fff;
  box-shadow:var(--shadow-2,0 16px 40px rgba(11,27,58,.18));
}
.page-privacy .privacy-hero::before{
  content:"";
  position:absolute;
  top:-4rem;
  right:-2rem;
  width:14rem;
  height:14rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,107,53,.36),transparent 66%);
}
.page-privacy .privacy-hero::after{
  content:"";
  position:absolute;
  right:25%;
  bottom:-5rem;
  width:9rem;
  height:9rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(123,47,190,.55),transparent 72%);
}
.page-privacy .privacy-hero-main{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.page-privacy .privacy-hero .badge{
  display:inline-block;
  margin-bottom:1.1rem;
  padding:.38rem .9rem;
  border-radius:999px;
  border:1px solid rgba(255,107,53,.5);
  background:rgba(255,255,255,.1);
  color:#ffdccb;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
}
.page-privacy .privacy-hero h1{
  margin:0 0 .95rem;
  color:#fff;
  font-family:var(--font-head,'PingFang SC','Microsoft YaHei',sans-serif);
  font-size:clamp(2.1rem,5vw,3.4rem);
  font-weight:800;
  line-height:1.14;
  letter-spacing:.01em;
  max-width:46rem;
}
.page-privacy .privacy-hero-lead{
  margin:0 0 1.3rem;
  max-width:48rem;
  color:rgba(255,255,255,.86);
  font-size:.96rem;
  line-height:1.8;
}
.page-privacy .privacy-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}
.page-privacy .privacy-meta-item{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.3rem .68rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:.6rem;
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.8);
  font-size:.74rem;
}
.page-privacy .privacy-meta-item::before{
  content:"";
  width:.38rem;
  height:.38rem;
  flex:none;
  border-radius:50%;
  background:var(--orange,#FF6B35);
}
.page-privacy .privacy-hero-aside{
  display:none;
}
.page-privacy .privacy-layout{
  display:block;
}
.page-privacy .privacy-index{
  position:relative;
  z-index:1;
  margin-bottom:2rem;
  padding:1.3rem;
  border-radius:1.05rem;
  background:linear-gradient(165deg,#0B1B3A,#16264d 62%,#4B0082 135%);
  color:#fff;
  box-shadow:var(--shadow-2,0 16px 40px rgba(11,27,58,.18));
}
.page-privacy .privacy-index-head{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  margin-bottom:.7rem;
}
.page-privacy .privacy-index-kicker{
  color:#ffc7a6;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.18em;
}
.page-privacy .privacy-index-title{
  color:#fff;
  font-family:var(--font-head,'PingFang SC','Microsoft YaHei',sans-serif);
  font-size:1.05rem;
  font-weight:800;
}
.page-privacy .rail-progress{
  display:block;
  height:3px;
  margin:0 0 .9rem;
  overflow:hidden;
  border-radius:3px;
  background:rgba(255,255,255,.14);
}
.page-privacy .rail-progress-bar{
  display:block;
  width:0;
  height:100%;
  border-radius:3px;
  background:var(--grad-accent,linear-gradient(135deg,#7B2FBE,#FF6B35));
}
.page-privacy .privacy-index-nav{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.page-privacy .privacy-index-link{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.34rem .72rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.88);
  font-size:.8rem;
  font-weight:600;
  text-decoration:none;
  transition:transform .18s var(--ease,cubic-bezier(.22,.61,.36,1)),background .18s;
}
.page-privacy .privacy-index-link:hover{
  background:rgba(255,255,255,.16);
  color:#fff;
  transform:translateY(-1px);
}
.page-privacy .index-num{
  color:#ffb796;
  font-size:.72rem;
  font-weight:800;
}
.page-privacy .privacy-index-foot{
  display:flex;
  align-items:center;
  gap:.55rem;
  margin-top:1rem;
  padding-top:.9rem;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.72);
  font-size:.76rem;
}
.page-privacy .privacy-index-foot .status-dot{
  width:.42rem;
  height:.42rem;
  flex:none;
  border-radius:50%;
  background:#4cb944;
  box-shadow:0 0 0 3px rgba(76,185,68,.2);
}
.page-privacy .privacy-document{
  min-width:0;
}
.page-privacy .privacy-section{
  position:relative;
  padding:1.4rem 0 2rem;
  border-bottom:1px dashed var(--border,#E0E0E0);
}
.page-privacy .privacy-section:last-child{
  border-bottom:none;
}
.page-privacy .privacy-section-head{
  display:flex;
  align-items:center;
  gap:.9rem;
  margin-bottom:.4rem;
}
.page-privacy .privacy-section-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:2.4rem;
  height:2.4rem;
  border-radius:.8rem;
  background:linear-gradient(140deg,#0B1B3A,#7B2FBE 120%);
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.05em;
  box-shadow:0 8px 18px rgba(123,47,190,.25);
  flex:none;
}
.page-privacy .privacy-section-title{
  margin:0;
  font-family:var(--font-head,'PingFang SC','Microsoft YaHei',sans-serif);
  font-size:1.45rem;
  font-weight:800;
  color:var(--navy,#0B1B3A);
}
.page-privacy .privacy-section-title::after{
  content:"";
  display:block;
  width:2.4rem;
  height:.26rem;
  margin-top:.45rem;
  border-radius:4px;
  background:var(--grad-accent,linear-gradient(135deg,#7B2FBE,#FF6B35));
}
.page-privacy .privacy-section-lead{
  margin:.5rem 0 1.1rem;
  color:var(--violet,#7B2FBE);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.12em;
}
.page-privacy .privacy-section p{
  margin:0 0 1rem;
  color:#3a4652;
  font-size:.96rem;
  line-height:1.85;
}
.page-privacy .privacy-section a{
  color:var(--orange,#FF6B35);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
.page-privacy .privacy-section a:hover{
  color:var(--violet,#7B2FBE);
}
.page-privacy .privacy-card-grid{
  display:grid;
  gap:1rem;
  margin:1.3rem 0 1.4rem;
}
.page-privacy .privacy-collect-card{
  padding:1.25rem;
  border:1px solid var(--border,#E0E0E0);
  border-radius:var(--radius-md,.75rem);
  background:#fff;
  box-shadow:var(--privacy-card-shadow);
  transition:transform .18s var(--ease,cubic-bezier(.22,.61,.36,1)),box-shadow .18s var(--ease,cubic-bezier(.22,.61,.36,1));
}
.page-privacy .privacy-collect-card:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-2,0 16px 40px rgba(11,27,58,.18));
}
.page-privacy .privacy-card-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.2rem;
  height:2.2rem;
  margin-bottom:.9rem;
  border-radius:.7rem;
  background:linear-gradient(135deg,rgba(123,47,190,.12),rgba(255,107,53,.14));
  color:var(--violet,#7B2FBE);
  font-size:1rem;
  font-weight:800;
}
.page-privacy .privacy-collect-card h3{
  margin:0 0 .5rem;
  font-size:1.05rem;
  font-weight:800;
  color:var(--navy,#0B1B3A);
}
.page-privacy .privacy-collect-card p{
  margin:0;
  font-size:.9rem;
  line-height:1.75;
}
.page-privacy .privacy-note{
  margin:1.3rem 0;
  padding:1rem 1.2rem;
  border-radius:0 .8rem .8rem 0;
  border-left:4px solid var(--wine,#A52A2A);
  background:linear-gradient(135deg,rgba(165,42,42,.05),rgba(255,107,53,.06));
  font-size:.9rem;
  line-height:1.7;
}
.page-privacy .privacy-note strong{
  color:var(--wine,#A52A2A);
}
.page-privacy .privacy-list{
  margin:1rem 0;
  padding-left:1.3rem;
}
.page-privacy .privacy-list li{
  margin-bottom:.65rem;
  color:#3a4652;
  font-size:.95rem;
  line-height:1.8;
}
.page-privacy .privacy-list li strong{
  color:var(--navy,#0B1B3A);
}
.page-privacy .privacy-security{
  background:linear-gradient(180deg,rgba(123,47,190,.05),rgba(255,255,255,0) 70%);
  padding-left:.9rem;
  padding-right:.9rem;
  border-radius:.9rem;
  margin-top:1.4rem;
}
.page-privacy .privacy-security-visual{
  position:relative;
  margin:1.4rem 0 1rem;
  overflow:hidden;
  border:1px solid var(--border,#E0E0E0);
  border-radius:var(--radius-lg,1.25rem);
  box-shadow:var(--shadow-2,0 16px 40px rgba(11,27,58,.18));
}
.page-privacy .privacy-security-visual img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
}
.page-privacy .privacy-security-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,rgba(11,27,58,.18),transparent 45%,rgba(123,47,190,.16));
  pointer-events:none;
}
.page-privacy .privacy-visual-caption{
  margin:.6rem 0 1.2rem;
  color:#76818c;
  font-size:.8rem;
  text-align:center;
}
.page-privacy .privacy-passage-grid{
  display:grid;
  gap:.85rem;
  margin-top:1.2rem;
}
.page-privacy .privacy-passage-item{
  padding:1rem 1.1rem;
  border:1px solid var(--border,#E0E0E0);
  border-radius:.85rem;
  background:rgba(255,255,255,.8);
}
.page-privacy .passage-key{
  display:block;
  margin-bottom:.25rem;
  color:var(--navy,#0B1B3A);
  font-size:.95rem;
  font-weight:800;
}
.page-privacy .passage-desc{
  display:block;
  color:#505b66;
  font-size:.88rem;
  line-height:1.7;
}
.page-privacy .privacy-contact-card{
  margin:1.4rem 0;
  padding:1.2rem;
  border:1px solid var(--border,#E0E0E0);
  border-radius:var(--radius-lg,1.25rem);
  background:#fff;
  box-shadow:var(--privacy-card-shadow);
}
.page-privacy .privacy-contact-row{
  display:flex;
  flex-direction:column;
  gap:.15rem;
  padding:.75rem .2rem;
  border-bottom:1px dashed var(--border,#E0E0E0);
}
.page-privacy .privacy-contact-row:last-child{
  border-bottom:none;
}
.page-privacy .privacy-contact-label{
  display:block;
  color:var(--violet,#7B2FBE);
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.06em;
}
.page-privacy .privacy-contact-value{
  display:block;
  color:var(--text,#2D3436);
  font-size:.95rem;
}
.page-privacy .privacy-doc-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:2.4rem;
  padding-top:1.2rem;
  border-top:1px solid var(--border,#E0E0E0);
}
.page-privacy .privacy-doc-note{
  margin:0;
  color:#98a2ae;
  font-size:.78rem;
}
.page-privacy .privacy-backtop{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.62rem 1.05rem;
  border-radius:.7rem;
  background:linear-gradient(135deg,#7B2FBE,#0B1B3A);
  color:#fff;
  font-size:.84rem;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(123,47,190,.28);
  transition:transform .18s var(--ease,cubic-bezier(.22,.61,.36,1)),box-shadow .18s var(--ease,cubic-bezier(.22,.61,.36,1));
}
.page-privacy .privacy-backtop::before{
  content:"↑";
  font-weight:900;
}
.page-privacy .privacy-backtop:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(123,47,190,.4);
}
@keyframes privacy-target-flash{
  0%{
    background-color:rgba(123,47,190,.12);
  }
  100%{
    background-color:transparent;
  }
}
.page-privacy .privacy-section:target{
  animation:privacy-target-flash 1s ease-out;
}
@media (min-width:680px){
  .page-privacy .privacy-card-grid{
    grid-template-columns:repeat(3,1fr);
    align-items:stretch;
  }
  .page-privacy .privacy-passage-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .page-privacy .privacy-contact-row{
    flex-direction:row;
    align-items:flex-start;
    gap:1rem;
  }
  .page-privacy .privacy-contact-label{
    width:6.5rem;
    flex:none;
  }
}
@media (min-width:900px){
  .page-privacy .privacy-hero{
    flex-direction:row;
    align-items:flex-end;
    justify-content:space-between;
    gap:2rem;
    padding:3.4rem 3.2rem;
  }
  .page-privacy .privacy-hero-main{
    flex:1;
  }
  .page-privacy .privacy-hero-lead{
    font-size:1.05rem;
  }
  .page-privacy .privacy-hero-aside{
    display:flex;
    flex:none;
    flex-direction:column;
    align-items:flex-end;
    padding-left:2.2rem;
    border-left:1px solid rgba(255,255,255,.16);
    position:relative;
    z-index:1;
  }
  .page-privacy .privacy-hero-aside-num{
    font-family:var(--font-head,'PingFang SC','Microsoft YaHei',sans-serif);
    font-size:4.5rem;
    font-weight:900;
    line-height:.9;
    color:rgba(255,255,255,.18);
  }
  .page-privacy .privacy-hero-aside-label{
    margin-top:.5rem;
    writing-mode:vertical-rl;
    transform:rotate(180deg);
    color:rgba(255,255,255,.7);
    font-size:.82rem;
    letter-spacing:.4em;
  }
  .page-privacy .privacy-layout{
    display:grid;
    grid-template-columns:264px minmax(0,1fr);
    gap:2.4rem;
    align-items:start;
  }
  .page-privacy .privacy-index{
    position:sticky;
    top:1.25rem;
    margin-bottom:0;
  }
  .page-privacy .privacy-index-nav{
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    gap:.35rem;
  }
  .page-privacy .privacy-index-link{
    border-radius:.7rem;
    padding:.6rem .85rem;
  }
  .page-privacy .privacy-section{
    padding:1.9rem 0 2.3rem;
  }
  .page-privacy .privacy-section-title{
    font-size:1.65rem;
  }
  .page-privacy .privacy-section p{
    font-size:.98rem;
  }
  .page-privacy .privacy-security{
    padding-left:1.2rem;
    padding-right:1.2rem;
  }
}
@media (prefers-reduced-motion: reduce){
  .page-privacy *,
  .page-privacy *::before,
  .page-privacy *::after{
    transition:none !important;
    animation:none !important;
  }
  .page-privacy .privacy-index-link,
  .page-privacy .privacy-collect-card,
  .page-privacy .privacy-backtop{
    transform:none !important;
  }
}
