.privacy-hero{
  padding-block:var(--bm-space-5);
  background:#edf9fa;
  color:#012a38;
}

.privacy-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--bm-space-1);
}

.privacy-hero__copy .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
}

.privacy-hero__lead{
  max-width:42rem;
  color:#24383d;
}

.privacy-hero__meta{
  display:flex;
  flex-wrap:wrap;
  gap:var(--bm-space-1);
  width:100%;
  margin-top:var(--bm-space-2);
}

.privacy-meta-chip{
  display:inline-flex;
  min-width:0;
  flex-wrap:wrap;
  align-items:center;
  gap:var(--bm-space-1);
  padding:.65rem .9rem;
  border-radius:var(--bm-radius-pill);
  background:#ffffff;
  color:#012a38;
  font-size:var(--bm-step-2);
  line-height:1.4;
}

.privacy-meta-chip b{
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  color:#b82400;
}

.privacy-document{
  background:#ffffff;
  color:#012a38;
}

.privacy-layout{
  display:grid;
  grid-template-columns:minmax(13rem,17rem) minmax(0,1fr);
  gap:var(--bm-space-5);
  align-items:start;
}

.privacy-layout>*{
  min-width:0;
}

.privacy-index{
  min-width:0;
}

.privacy-index__inner{
  position:sticky;
  top:7rem;
  display:flex;
  flex-direction:column;
  gap:var(--bm-space-1);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38;
}

.privacy-index h2{
  font-size:var(--bm-step-4);
  letter-spacing:-.02em;
}

.privacy-index nav{
  margin-top:var(--bm-space-1);
}

.privacy-index ol{
  display:grid;
  gap:.25rem;
  list-style:none;
  margin:0;
  padding:0;
}

.privacy-index li{
  min-width:0;
}

.privacy-index a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.65rem;
  align-items:center;
  padding:.55rem .65rem;
  border-radius:var(--bm-radius-sm);
  color:#1d4a57;
  font-size:var(--bm-step-2);
  font-weight:700;
}

.privacy-index a:hover{
  background:#d7f3f5;
  color:#b82400;
}

.privacy-index a span{
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  color:#b82400;
}

.privacy-index p{
  color:#24383d;
  font-size:var(--bm-step-2);
}

.privacy-content{
  min-width:0;
}

.privacy-section{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--bm-space-1);
  scroll-margin-top:7rem;
}

.privacy-section+.privacy-section{
  margin-top:var(--bm-space-6);
}

.privacy-section__number{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  padding:.4em .75em;
  border-radius:var(--bm-radius-pill);
  background:#012a38;
  color:#ffffff;
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  line-height:1;
  font-weight:800;
}

.privacy-section>p{
  max-width:47rem;
  color:#1d4a57;
}

.privacy-section a:not(.c-btn){
  color:#b92617;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
  overflow-wrap:anywhere;
}

.privacy-scope-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));
  gap:var(--bm-space-2);
  width:100%;
  margin-top:var(--bm-space-3);
  align-items:start;
}

.privacy-scope-grid>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-1);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38;
}

.privacy-scope-grid>div:nth-child(2){
  background:#d7f3f5;
  color:#012a38;
}

.privacy-scope-grid p{
  color:#1d4a57;
}

.privacy-info-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));
  gap:var(--bm-space-2);
  width:100%;
  margin-top:var(--bm-space-3);
  align-items:start;
}

.privacy-info-card{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-1);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38;
}

.privacy-info-card:nth-child(3n+2){
  background:#d7f3f5;
  color:#012a38;
}

.privacy-info-card h3{
  font-size:var(--bm-step-4);
}

.privacy-info-card p{
  color:#1d4a57;
}

.privacy-alert{
  display:flex;
  width:100%;
  flex-direction:column;
  gap:var(--bm-space-1);
  margin-top:var(--bm-space-3);
  background:#fff0ec;
  color:#012a38;
}

.privacy-alert p{
  color:#1d4a57;
}

.privacy-purpose-list{
  display:grid;
  gap:var(--bm-space-2);
  width:100%;
  margin:var(--bm-space-3) 0 0;
  padding:0;
  list-style:none;
}

.privacy-purpose-list li{
  display:grid;
  grid-template-columns:minmax(8rem,.34fr) minmax(0,1fr);
  gap:var(--bm-space-3);
  min-width:0;
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38;
}

.privacy-purpose-list li>span{
  width:fit-content;
  max-width:100%;
  align-self:start;
  padding:.45em .8em;
  border-radius:var(--bm-radius-pill);
  background:#b82400;
  color:#fff;
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  line-height:1.3;
  font-weight:800;
}

.privacy-purpose-list li>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-1);
}

.privacy-purpose-list h3{
  font-size:var(--bm-step-4);
}

.privacy-purpose-list p{
  color:#1d4a57;
}

.privacy-payment{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bm-space-3);
  width:100%;
  margin-block:var(--bm-space-3);
  align-items:start;
}

.privacy-payment article{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-1);
  padding:var(--bm-space-4);
  border-radius:var(--bm-radius-md);
  background:#012a38;
  color:#ffffff;
}

.privacy-payment article:nth-child(2){
  background:#d7f3f5;
  color:#012a38;
}

.privacy-payment .c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  background:#bff90b;
  color:#012a38;
}

.privacy-payment p{
  color:#c7dade;
}

.privacy-payment article:nth-child(2) p{
  color:#1d4a57;
}

.privacy-table-wrap{
  width:100%;
  margin-block:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#ffffff;
  color:#012a38;
}

.privacy-table{
  min-width:44rem;
}

.privacy-table caption{
  padding:0 0 var(--bm-space-1);
  color:#24383d;
  font-size:var(--bm-step-2);
  text-align:left;
}

.privacy-table th{
  background:#edf9fa;
  color:#012a38;
}

.privacy-table td{
  background:#ffffff;
  color:#1d4a57;
  overflow-wrap:anywhere;
}

.privacy-table td:first-child{
  background:#f7fcfc;
  color:#012a38;
  font-weight:700;
}

.privacy-retention-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:var(--bm-space-2);
  width:100%;
  margin-top:var(--bm-space-3);
  align-items:start;
}

.privacy-retention-grid article{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-1);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38;
}

.privacy-retention-grid article:nth-child(2){
  background:#d7f3f5;
  color:#012a38;
}

.privacy-retention-grid article:nth-child(3){
  background:#bff90b;
  color:#012a38;
}

.privacy-retention-grid span{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  font-weight:800;
  color:#b82400;
}

.privacy-retention-grid h3{
  font-size:var(--bm-step-4);
}

.privacy-retention-grid p{
  color:#1d4a57;
}

.privacy-rights-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  gap:var(--bm-space-2);
  width:100%;
  margin-top:var(--bm-space-3);
  align-items:start;
}

.privacy-rights-grid article{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-1);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38;
}

.privacy-rights-grid h3{
  font-size:var(--bm-step-4);
}

.privacy-rights-grid p{
  color:#1d4a57;
}

.privacy-subtitle{
  margin-top:var(--bm-space-4);
  font-size:var(--bm-step-5);
}

.privacy-request-steps{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
  gap:var(--bm-space-2);
  width:100%;
  margin:var(--bm-space-2) 0 var(--bm-space-3);
  padding:0;
  list-style:none;
  counter-reset:request-step;
  align-items:start;
}

.privacy-request-steps li{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-1);
  padding:var(--bm-space-3);
  border-radius:var(--bm-radius-md);
  background:#012a38;
  color:#ffffff;
  counter-increment:request-step;
}

.privacy-request-steps li::before{
  content:counter(request-step,decimal-leading-zero) " / 请求步骤";
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  font-family:var(--bm-font-mono);
  font-size:var(--bm-step-1);
  font-weight:800;
  color:#bff90b;
}

.privacy-request-steps p{
  color:#c7dade;
}

.privacy-update-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--bm-space-3);
  width:100%;
  margin-block:var(--bm-space-3);
  padding:var(--bm-space-4);
  border-radius:var(--bm-radius-md);
  background:#edf9fa;
  color:#012a38;
}

.privacy-update-panel>div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:var(--bm-space-1);
}

.privacy-update-panel h3{
  font-size:var(--bm-step-4);
}

.privacy-update-panel p{
  color:#1d4a57;
}

.privacy-end{
  padding-top:0;
  background:#ffffff;
  color:#012a38;
}

.privacy-end__inner{
  align-items:center;
}

.privacy-end__copy{
  display:flex;
  max-width:45rem;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  gap:var(--bm-space-1);
}

.privacy-end__copy .c-kicker{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:#ff7958;
}

.privacy-end__copy p{
  color:#c7dade;
}

.privacy-end__actions{
  display:flex;
  min-width:min(100%,17rem);
  flex-direction:column;
  align-items:stretch;
  gap:var(--bm-space-1);
}

.privacy-end__actions .c-btn{
  width:100%;
}

.privacy-end__actions .c-btn--ghost{
  color:#ffffff;
  border-color:color-mix(in srgb,currentColor 45%,transparent);
}

@media(max-width:64rem){
  .privacy-layout{
    grid-template-columns:1fr;
    gap:var(--bm-space-4);
  }

  .privacy-index__inner{
    position:static;
  }

  .privacy-index ol{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .privacy-payment,
  .privacy-update-panel{
    grid-template-columns:1fr;
  }
}

@media(max-width:42rem){
  .privacy-hero{
    padding-block:var(--bm-space-4);
  }

  .privacy-hero__meta{
    display:grid;
  }

  .privacy-meta-chip{
    border-radius:var(--bm-radius-sm);
  }

  .privacy-index ol{
    grid-template-columns:1fr;
  }

  .privacy-purpose-list li{
    grid-template-columns:1fr;
    gap:var(--bm-space-2);
  }

  .privacy-payment article,
  .privacy-update-panel{
    padding:var(--bm-space-3);
  }

  .privacy-end__actions{
    width:100%;
    min-width:0;
  }
}