*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;background:#f6f8fb;color:#111827}a{text-decoration:none;color:inherit}.top{background:#07111f;color:#f0cf7a;position:sticky;top:0;z-index:10}.nav{max-width:1180px;margin:auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:900}.logo{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f0cf7a,#b9852d);color:#07111f;display:grid;place-items:center}.menu{display:flex;gap:16px;white-space:nowrap}.menu a{font-weight:800;color:#f7e8bc}.menu a.active,.menu a:hover{color:#fff}.btn,.kefu{display:inline-flex;justify-content:center;align-items:center;padding:12px 22px;border-radius:10px;font-weight:900}.kefu,.gold{background:linear-gradient(135deg,#f0cf7a,#b9852d);color:#07111f}.dark{border:1px solid #d7b66c;color:#d7b66c;background:#081420}.hero{min-height:100vh;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.45),rgba(0,0,0,.75)),url('/home-bg.jpg') center center/cover no-repeat!important;color:#fff}.heroIn{max-width:1180px;margin:auto;min-height:100vh;padding:64px 16px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.badge{display:inline-block;color:#f0cf7a;border:1px solid rgba(240,207,122,.45);border-radius:99px;padding:8px 15px;margin-bottom:18px;font-weight:900}h1{font-size:48px;line-height:1.16;margin:0 0 18px}.lead{font-size:21px;line-height:1.7;color:#d6e2f0}.heroCard{padding:30px;border-radius:24px;background:rgba(0,0,0,.45);backdrop-filter:blur(8px);border:1px solid rgba(240,207,122,.35)}.gameArt{height:270px;border-radius:20px;background:rgba(0,0,0,.35);border:1px solid rgba(240,207,122,.35);display:grid;place-items:center;color:#f0cf7a;font-size:42px;font-weight:900}.quickGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.quick{border:1px solid rgba(240,207,122,.35);border-radius:14px;padding:17px;text-align:center;font-weight:900;color:#f0cf7a}.section{padding:55px 16px}.wrap{max-width:1180px;margin:auto}.title{margin-bottom:26px}.title h2{font-size:34px;margin:0 0 8px}.title p{color:#64748b;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.06)}.card h3{margin:0 0 10px;font-size:22px}.card p{color:#64748b;line-height:1.8}.two{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}.mock{min-height:310px;border-radius:22px;background:linear-gradient(135deg,#dbe8f7,#8fb1dc);display:grid;place-items:center;color:#173b73;font-size:42px;font-weight:900}.footer{background:#07111f;color:#afbdd0;padding:32px 16px}.foot{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.float{position:fixed;right:50px;bottom:220px;width:220px;height:80px;border-radius:18px;background:linear-gradient(135deg,#f0cf7a,#b9852d);display:flex;align-items:center;justify-content:center;text-align:center;color:#07111f;font-weight:900;font-size:26px;box-shadow:0 0 30px rgba(240,207,122,.7);z-index:9999}.float::before{content:"🎧";font-size:30px;margin-right:10px}@media(max-width:900px){.nav{flex-wrap:wrap}.menu{width:100%;overflow-x:auto}.heroIn,.two{grid-template-columns:1fr}h1{font-size:35px}.cards{grid-template-columns:1fr}.section{padding:40px 16px}.float{right:18px;bottom:90px;width:150px;height:64px;font-size:20px}}