*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;background:#0B0F1A;color:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}
a{text-decoration:none}
.page-header{position:sticky;top:0;z-index:20;background:rgba(11,15,26,.85);backdrop-filter:blur(10px);border-bottom:1px solid #334155}
.header-inner,.hero-inner,.container,.footer-inner{max-width:1100px;margin:0 auto}
.header-inner{padding:12px 24px;display:flex;align-items:center;justify-content:space-between}
.brand{font-size:18px;font-weight:700;color:#fff}
.btn-primary{height:38px;padding:0 18px;background:#2563EB;color:#fff;border-radius:8px;font-size:14px;font-weight:700;display:inline-flex;align-items:center}
.breadcrumb{padding:10px 24px;background:rgba(30,41,59,.45);border-bottom:1px solid #334155;font-size:13px;color:#94A3B8}
.breadcrumb a{color:#94A3B8}
.hero{padding:56px 24px;background:linear-gradient(135deg,#111827 0%,#1E293B 50%,#1D4ED8 100%)}
.hero h1{font-size:2.4rem;line-height:1.15;margin-bottom:14px}
.hero p{max-width:760px;color:rgba(255,255,255,.8);font-size:1.03rem}
.hero-badge{display:inline-flex;align-items:center;padding:5px 12px;margin-bottom:16px;border-radius:999px;background:rgba(96,165,250,.12);border:1px solid rgba(96,165,250,.35);color:#93C5FD;font-size:12px;font-weight:700}
.container{padding:48px 24px}
.section{margin-bottom:46px}
h2{font-size:1.42rem;margin-bottom:18px;color:#fff}
p{margin-bottom:14px;color:#94A3B8}
.lead{font-size:1rem;color:#CBD5E1}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.card,.note,.faq-item,.related,.type-card{background:#1E293B;border:1px solid #334155;border-radius:14px;padding:20px}
.card h3,.faq-item h3,.type-card h3{font-size:1rem;margin-bottom:10px;color:#fff}
.bullets{padding-left:18px;color:#94A3B8}
.bullets li{margin-bottom:8px}
.note p:last-child,.faq-item p:last-child,.card p:last-child{margin-bottom:0}
.faq-list{display:flex;flex-direction:column;gap:14px}
.related a{display:block;margin-top:8px;color:#60A5FA}
.type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.type-card{transition:border-color .2s,transform .2s}
.type-card:hover{border-color:#60A5FA;transform:translateY(-2px)}
.type-code{font-size:18px;font-weight:900;color:#93C5FD;margin-bottom:6px}
.type-desc{font-size:13px;line-height:1.7;color:#94A3B8}
.type-link{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:#60A5FA}
footer{border-top:1px solid #334155;padding:28px 24px;color:#64748B}
.footer-inner{text-align:center;font-size:12px}
@media (min-width:768px){
  .header-inner{padding:12px 80px}
  .breadcrumb{padding:10px 80px}
  .hero{padding:64px 80px}
  .hero h1{font-size:3.15rem}
  .container{padding:52px 80px}
}