.page-privacy{
  --priv-bg:#F4F4F2;
  --priv-card:#FFFFFF;
  --priv-border:#E6E6E6;
  --priv-text:#222222;
  --priv-muted:#666666;
  --priv-accent:#E10600;
  --priv-accent-soft:#FFF1F1;
  --priv-dark:#141414;
  background:var(--priv-bg);
  font-family:var(--font-body);
  color:var(--priv-text);
  line-height:1.75;
  overflow-x:hidden;
}
.page-privacy .privacy-hero{
  position:relative;
  background:var(--grad-darkred);
  color:var(--c-text-light);
  padding:44px 20px 36px;
  overflow:hidden;
}
.page-privacy .privacy-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:32px 32px;
  pointer-events:none;
}
.page-privacy .privacy-hero-inner{
  position:relative;
  z-index:1;
  max-width:var(--page-maxw);
  margin:0 auto;
}
.page-privacy .privacy-hero .ribbon-red{
  position:absolute;
  top:0;
  right:0;
  width:200px;
  height:5px;
  background:linear-gradient(90deg,#E10600,#FF4B3E);
  border-radius:0 0 0 6px;
  transform:skewX(-24deg) translateX(24px);
}
.page-privacy .breadcrumb{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:rgba(255,255,255,.7);
  margin-bottom:20px;
}
.page-privacy .breadcrumb a{
  color:var(--c-gold);
  text-decoration:none;
  transition:color .25s var(--speed-ease);
}
.page-privacy .breadcrumb a:hover{
  color:var(--c-gold-soft);
}
.page-privacy .breadcrumb-sep{
  color:rgba(255,255,255,.4);
}
.page-privacy .breadcrumb-current{
  color:rgba(255,255,255,.85);
}
.page-privacy .mono-tag{
  display:inline-block;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--c-gold);
  border:1px solid rgba(255,215,0,.45);
  border-radius:2px;
  padding:4px 12px;
  margin-bottom:18px;
}
.page-privacy .privacy-hero h1{
  font-family:var(--font-head);
  font-size:clamp(28px,4.5vw,44px);
  line-height:1.15;
  margin:0 0 14px;
  letter-spacing:.01em;
}
.page-privacy .page-hero-sub{
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,.82);
  max-width:760px;
  margin:0;
}
.page-privacy .privacy-hero-stats{
  display:flex;
  flex-wrap:wrap;
  gap:16px 36px;
  margin-top:28px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.14);
}
.page-privacy .privacy-hero-stat{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.page-privacy .privacy-hero-stat .stat-num{
  font-family:var(--font-mono);
  font-size:22px;
  font-weight:700;
  color:var(--c-gold);
  line-height:1.2;
}
.page-privacy .privacy-hero-stat .stat-label{
  font-size:12px;
  color:rgba(255,255,255,.58);
  letter-spacing:.05em;
}
.page-privacy .privacy-body{
  display:grid;
  grid-template-columns:1fr;
  max-width:var(--page-maxw);
  margin:0 auto;
  padding:0 16px 56px;
}
.page-privacy .privacy-toc{
  background:var(--priv-card);
  border-radius:10px;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
  margin:28px 0 8px;
}
.page-privacy .privacy-toc-inner{
  padding:20px 18px;
}
.page-privacy .toc-title{
  font-family:var(--font-head);
  font-size:15px;
  color:var(--priv-text);
  margin:0 0 14px;
  letter-spacing:.04em;
}
.page-privacy .toc-nav{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  padding-bottom:6px;
}
.page-privacy .toc-nav::-webkit-scrollbar{
  display:none;
}
.page-privacy .toc-nav a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  font-size:13px;
  font-weight:500;
  color:var(--priv-text);
  background:var(--priv-bg);
  border:1px solid var(--priv-border);
  border-radius:24px;
  padding:6px 14px;
  text-decoration:none;
  transition:all .25s var(--speed-ease);
  white-space:nowrap;
}
.page-privacy .toc-nav a:hover{
  color:var(--c-text-light);
  background:var(--priv-accent);
  border-color:var(--priv-accent);
}
.page-privacy .toc-nav .toc-num{
  font-family:var(--font-mono);
  font-size:11px;
  color:var(--priv-accent);
  transition:color .25s var(--speed-ease);
}
.page-privacy .toc-nav a:hover .toc-num{
  color:var(--c-gold);
}
.page-privacy .toc-contact{
  margin-top:16px;
  padding-top:14px;
  border-top:1px dashed var(--priv-border);
  font-size:13px;
  color:var(--priv-muted);
  display:none;
}
.page-privacy .toc-contact a{
  display:inline-block;
  margin-top:6px;
  color:var(--priv-accent);
  text-decoration:none;
  font-weight:600;
}
.page-privacy .privacy-content{
  min-width:0;
}
.page-privacy .privacy-section{
  background:var(--priv-card);
  border:1px solid var(--priv-border);
  border-radius:12px;
  padding:32px 22px;
  margin-top:28px;
  box-shadow:0 4px 18px rgba(0,0,0,.035);
}
.page-privacy .privacy-section:first-of-type{
  margin-top:28px;
}
.page-privacy .privacy-section-head{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:18px;
}
.page-privacy .privacy-section-head .panel-index{
  font-family:var(--font-mono);
  font-size:14px;
  font-weight:700;
  color:var(--c-text-light);
  background:var(--grad-red);
  border-radius:4px;
  padding:4px 10px;
  line-height:1.3;
}
.page-privacy .privacy-section-head h2{
  font-family:var(--font-head);
  font-size:clamp(20px,2.6vw,28px);
  line-height:1.25;
  margin:0;
  color:var(--priv-text);
}
.page-privacy .privacy-lead{
  font-size:16px;
  color:var(--priv-muted);
  margin:0 0 20px;
}
.page-privacy .privacy-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.page-privacy .privacy-card{
  background:linear-gradient(145deg,var(--priv-bg),#FFFFFF);
  border:1px solid var(--priv-border);
  border-left:4px solid var(--priv-accent);
  border-radius:8px;
  padding:20px 18px;
}
.page-privacy .privacy-card h3{
  font-family:var(--font-head);
  font-size:16px;
  margin:0 0 8px;
  color:var(--priv-text);
}
.page-privacy .privacy-card p{
  font-size:14px;
  line-height:1.75;
  color:var(--priv-muted);
  margin:0;
}
.page-privacy .privacy-note{
  font-size:13px;
  line-height:1.7;
  color:var(--priv-muted);
  background:var(--priv-accent-soft);
  border-radius:8px;
  padding:12px 16px;
  margin:20px 0 0;
}
.page-privacy .privacy-note a{
  color:var(--priv-accent);
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid rgba(225,6,0,.3);
  transition:border-color .25s var(--speed-ease);
}
.page-privacy .privacy-note a:hover{
  border-bottom-color:var(--priv-accent);
}
.page-privacy .privacy-list{
  margin:0 0 24px;
  padding:0;
  list-style:none;
}
.page-privacy .privacy-list li{
  position:relative;
  padding:10px 0 10px 28px;
  font-size:15px;
  line-height:1.7;
  color:var(--priv-text);
  border-bottom:1px solid #F0F0F0;
}
.page-privacy .privacy-list li:last-child{
  border-bottom:none;
}
.page-privacy .privacy-list li::before{
  content:"";
  position:absolute;
  left:6px;
  top:19px;
  width:8px;
  height:8px;
  background:var(--grad-red);
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
  transform:rotate(45deg);
}
.page-privacy .privacy-list strong{
  color:var(--priv-text);
  font-weight:700;
}
.page-privacy .privacy-flow-chart{
  background:#0F0F12;
  border-radius:12px;
  padding:24px 16px 16px;
  margin:24px 0 0;
  overflow-x:auto;
}
.page-privacy .privacy-flow-chart svg{
  display:block;
  min-width:560px;
  width:100%;
  height:auto;
}
.page-privacy .privacy-flow-chart figcaption{
  text-align:center;
  font-family:var(--font-mono);
  font-size:12px;
  color:rgba(255,255,255,.55);
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:14px;
}
.page-privacy .privacy-protect-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin-bottom:24px;
}
.page-privacy .privacy-protect-item{
  background:var(--priv-bg);
  border:1px solid var(--priv-border);
  border-radius:10px;
  padding:20px 18px;
  display:flex;
  flex-direction:column;
  gap:8px;
  transition:transform .3s var(--speed-ease),box-shadow .3s var(--speed-ease);
}
.page-privacy .privacy-protect-item:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(0,0,0,.08);
}
.page-privacy .privacy-protect-item h3{
  font-family:var(--font-head);
  font-size:16px;
  margin:0;
  color:var(--priv-text);
}
.page-privacy .privacy-protect-item p{
  font-size:14px;
  line-height:1.7;
  color:var(--priv-muted);
  margin:0;
}
.page-privacy .protect-icon{
  display:inline-flex;
  width:48px;
  height:48px;
  align-items:center;
  justify-content:center;
  background:rgba(225,6,0,.08);
  border-radius:12px;
  margin-bottom:4px;
}
.page-privacy .privacy-protect-figure{
  margin:24px 0 0;
  background:#0F0F12;
  border-radius:12px;
  overflow:hidden;
}
.page-privacy .privacy-protect-figure img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:cover;
  transition:transform .5s var(--speed-ease);
}
.page-privacy .privacy-protect-figure:hover img{
  transform:scale(1.01);
}
.page-privacy .privacy-protect-figure figcaption{
  text-align:center;
  font-family:var(--font-mono);
  font-size:12px;
  color:rgba(255,255,255,.55);
  padding:14px 16px;
  border-top:1px solid rgba(255,255,255,.08);
}
.page-privacy .privacy-rights-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}
.page-privacy .rights-item{
  background:var(--priv-card);
  border:1px solid var(--priv-border);
  border-radius:10px;
  padding:20px 18px;
  position:relative;
}
.page-privacy .rights-item::before{
  content:"";
  position:absolute;
  top:18px;
  right:18px;
  width:26px;
  height:26px;
  border:1px solid var(--priv-border);
  border-radius:6px;
  transform:rotate(45deg);
}
.page-privacy .rights-item h3{
  font-family:var(--font-head);
  font-size:16px;
  margin:0 0 6px;
  color:var(--priv-accent);
}
.page-privacy .rights-item p{
  font-size:14px;
  line-height:1.7;
  color:var(--priv-muted);
  margin:0;
}
.page-privacy .privacy-contact-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1px;
  background:var(--priv-border);
  border:1px solid var(--priv-border);
  border-radius:12px;
  overflow:hidden;
  margin-bottom:20px;
}
.page-privacy .privacy-contact-item{
  background:var(--priv-card);
  padding:16px 18px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.page-privacy .contact-label{
  font-size:12px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--priv-muted);
}
.page-privacy .contact-value{
  font-size:15px;
  font-weight:600;
  color:var(--priv-text);
  font-family:var(--font-mono);
  word-break:break-all;
}
.page-privacy .privacy-update-meta{
  margin-top:16px;
  padding:12px 16px;
  background:var(--priv-bg);
  border-left:4px solid var(--c-gold);
  border-radius:0 8px 8px 0;
  font-size:13px;
  color:var(--priv-muted);
}
.page-privacy .privacy-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:32px;
}
.page-privacy .privacy-footer-links a{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:14px;
  font-weight:600;
  color:var(--priv-accent);
  text-decoration:none;
  border:1px solid var(--priv-border);
  border-radius:8px;
  padding:10px 18px;
  background:var(--priv-card);
  transition:all .25s var(--speed-ease);
}
.page-privacy .privacy-footer-links a:hover{
  background:var(--priv-accent);
  border-color:var(--priv-accent);
  color:#FFFFFF;
}
@media(min-width:640px){
  .page-privacy .privacy-grid{
    grid-template-columns:1fr 1fr;
  }
  .page-privacy .privacy-protect-grid{
    grid-template-columns:1fr 1fr;
  }
  .page-privacy .privacy-rights-grid{
    grid-template-columns:1fr 1fr;
  }
  .page-privacy .privacy-contact-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(min-width:940px){
  .page-privacy .privacy-hero{
    padding:64px 40px 48px;
  }
  .page-privacy .privacy-body{
    grid-template-columns:250px minmax(0,1fr);
    gap:48px;
    padding:48px 40px 72px;
    align-items:start;
  }
  .page-privacy .privacy-toc{
    position:sticky;
    top:96px;
    margin:28px 0 0;
  }
  .page-privacy .privacy-toc-inner{
    padding:26px 22px 20px;
  }
  .page-privacy .toc-nav{
    flex-direction:column;
    align-items:stretch;
    overflow:visible;
    gap:4px;
    padding-bottom:0;
  }
  .page-privacy .toc-nav a{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:10px;
    font-size:14px;
    border:none;
    border-radius:0;
    background:transparent;
    padding:9px 10px;
    white-space:normal;
    border-bottom:1px solid #F0F0F0;
    transition:background .25s var(--speed-ease),color .25s var(--speed-ease),padding-left .25s var(--speed-ease);
  }
  .page-privacy .toc-nav a:hover{
    color:var(--priv-accent);
    background:var(--priv-accent-soft);
    padding-left:14px;
  }
  .page-privacy .toc-nav .toc-num{
    font-size:12px;
  }
  .page-privacy .toc-contact{
    display:block;
  }
  .page-privacy .privacy-section{
    padding:40px 36px;
    margin-top:0;
  }
  .page-privacy .privacy-section + .privacy-section{
    margin-top:24px;
  }
  .page-privacy .privacy-section:first-of-type{
    margin-top:0;
  }
  .page-privacy .privacy-protect-grid{
    grid-template-columns:repeat(4,1fr);
  }
  .page-privacy .privacy-contact-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(min-width:1180px){
  .page-privacy .privacy-hero-inner{
    max-width:var(--page-maxw);
  }
  .page-privacy .privacy-body{
    max-width:var(--page-maxw);
  }
}
</style>