*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,'Segoe UI',Roboto,'Microsoft YaHei',sans-serif;background:#0f1115;color:#d7dade;line-height:1.8}
a{color:#c9a253;text-decoration:none}a:hover{color:#e2c178}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header{background:#151922;border-bottom:1px solid #232936}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px;gap:14px;flex-wrap:wrap}
.brand{font-weight:800;color:#fff;font-size:17px}.brand span{color:#c9a253}
.nav a{padding:7px 11px;color:#aeb4bd;font-size:14px;border-radius:6px}
.hero{background:linear-gradient(135deg,#1a1f2b,#12151c);padding:52px 0 40px;border-bottom:1px solid #232936}
.hero h1{font-size:30px;line-height:1.35;color:#fff;margin-bottom:12px}
.hero p{font-size:15.5px;color:#9aa2ad;max-width:820px}
.btn{display:inline-block;background:#c9a253;color:#14161c;font-weight:700;padding:12px 22px;border-radius:8px;margin-top:18px}
.btn.sec{background:#232936;color:#e6e8ea;margin-left:10px}
section{padding:36px 0;border-bottom:1px solid #1d222c}
h2{font-size:21px;color:#fff;margin-bottom:12px}
h3{font-size:15.5px;color:#c9a253;margin:14px 0 4px}
p,li,td,th{font-size:14.5px;color:#a9b0ba}
ul{padding-left:20px}li{margin:4px 0}
table{width:100%;border-collapse:collapse;margin-top:14px}
th,td{border:1px solid #232936;padding:9px 11px;text-align:left}
th{background:#151922;color:#e6e8ea}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px}
.card{background:#151922;border:1px solid #232936;border-radius:10px;padding:16px}
.card b{color:#fff}
footer{background:#0b0d12;padding:26px 0;color:#6d7683;font-size:13px}
.wa{position:fixed;right:18px;bottom:18px;background:#25d366;color:#0b1a10;font-weight:700;padding:12px 16px;border-radius:30px;font-size:14px;z-index:20}