*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei",sans-serif;background:#121212;color:#f5f1e8;line-height:1.8}
a{color:#d8b15a;text-decoration:none}
header{padding:28px;border-bottom:1px solid #333;background:#181818;position:sticky;top:0}
nav a{margin-right:18px}
.container{width:92%;max-width:1180px;margin:auto}
.hero{padding:80px 0;background:linear-gradient(135deg,#1c1c1c,#2d1a1a)}
.hero h1{font-size:48px;margin-bottom:18px}
.hero p{max-width:760px;color:#ddd}
.section{padding:60px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.card{background:#1d1d1d;padding:22px;border:1px solid #333;border-radius:14px}
.card h3{margin-bottom:10px;color:#fff}
.badge{display:inline-block;padding:4px 10px;border:1px solid #aa2c2c;color:#ff6b6b;border-radius:20px;font-size:12px;margin-bottom:12px}
footer{padding:40px 0;border-top:1px solid #333;color:#bbb;text-align:center}
.btn{display:inline-block;margin-top:18px;padding:10px 18px;border:1px solid #d8b15a;border-radius:30px}
.two-col{display:grid;grid-template-columns:2fr 1fr;gap:30px}
.article{margin-bottom:22px}
ul{padding-left:20px}
.faq-item{margin-bottom:16px}
@media(max-width:768px){
.hero h1{font-size:34px}
.two-col{grid-template-columns:1fr}
}