:root{--gold:#f5c542;--red:#c0392b;--dark:#1a0e08;--panel:#241510cc;}*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#0d0805;color:#eee;line-height:1.7;}
a{color:var(--gold);text-decoration:none;}
a:hover{color:#fff;text-shadow:0 0 8px var(--gold);}
.container{max-width:1200px;margin:0 auto;padding:0 15px;}
header{background:linear-gradient(90deg,#1a0e08,#3a1c0e 50%,#1a0e08);border-bottom:3px solid var(--gold);position:sticky;top:0;z-index:100;}
.topbar{display:flex;align-items:center;justify-content:space-between;padding:15px 0;}
.logo{font-size:28px;font-weight:900;color:var(--gold);text-shadow:0 0 12px #ff6a00;letter-spacing:2px;}
.logo small{display:block;font-size:12px;color:#ccc;font-weight:400;letter-spacing:0;}
nav.main ul{display:flex;gap:8px;list-style:none;flex-wrap:wrap;}
nav.main a{display:block;padding:8px 16px;background:#2a160e;border:1px solid #5a3018;border-radius:4px;font-weight:700;transition:.2s;}
nav.main a:hover,.nav-active{background:var(--gold)!important;color:#1a0e08!important;}
.notice{background:#2a160e;border:1px solid #5a3018;padding:10px 15px;margin:10px 0;border-radius:4px;font-size:14px;color:#ffd98a;}
.notice b{color:var(--red);}
.hero{background:#1a0e08;padding:35px 20px;text-align:center;border-bottom:2px solid var(--gold);}
.hero h1{font-size:32px;color:var(--gold);text-shadow:0 0 15px #ff6a00;margin-bottom:10px;}
.hero p{color:#ddd;font-size:15px;max-width:800px;margin:0 auto;}
section{margin:30px 0;}
.sec-title{font-size:22px;color:var(--gold);border-left:5px solid var(--red);padding-left:12px;margin-bottom:15px;}
table{width:100%;border-collapse:collapse;background:var(--panel);font-size:14px;}
th{background:#3a1c0e;color:var(--gold);padding:12px 8px;text-align:center;border:1px solid #5a3018;}
td{padding:10px 8px;text-align:center;border:1px solid #3a2010;}
tbody tr:hover{background:#3a1c0e;}
.hot{color:#ff4d2e;font-weight:700;}.new{color:#2ecc71;font-weight:700;}.book{color:#f39c12;font-weight:700;}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}
.card{background:var(--panel);border:1px solid #5a3018;border-radius:6px;overflow:hidden;transition:.2s;}
.card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #f5c54244;}
.card .rank{background:var(--red);color:#fff;font-weight:900;padding:4px 10px;display:inline-block;}
.card .body{padding:14px;}
.card h3{color:var(--gold);margin-bottom:8px;}
.card .meta{color:#888;font-size:13px;margin-bottom:8px;}
.tag{display:inline-block;background:#3a1c0e;color:var(--gold);padding:2px 8px;border-radius:3px;font-size:12px;margin:2px;}
.act{border:1px solid #5a3018;background:var(--panel);padding:18px;margin-bottom:15px;border-radius:6px;}
.act h3{color:var(--gold);margin-bottom:6px;}
.act .date{color:#f39c12;font-size:13px;}
.act p{margin:8px 0;color:#ccc;}
.btn{display:inline-block;background:var(--gold);color:#1a0e08;padding:8px 18px;font-weight:700;border-radius:4px;margin-top:6px;}
.btn:hover{background:#fff;color:#c0392b;}
.faq details{background:var(--panel);border:1px solid #5a3018;margin-bottom:10px;padding:12px 15px;border-radius:5px;}
.faq summary{cursor:pointer;color:var(--gold);font-weight:700;font-size:15px;}
.faq p{margin-top:8px;color:#ddd;}
.vs-table td{text-align:left;padding:14px;vertical-align:top;}
.vs-table .ver{color:var(--gold);font-weight:900;font-size:16px;}
.guide-card{background:var(--panel);border:1px solid #5a3018;border-radius:6px;padding:18px;margin-bottom:15px;}
.guide-card h3{color:var(--gold);margin-bottom:8px;}
.guide-card ol,.guide-card ul{padding-left:20px;}
.guide-card li{margin-bottom:6px;}
footer{background:#1a0e08;border-top:3px solid var(--gold);padding:30px 0 15px;margin-top:40px;}
.foot-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;}
.foot-cols h4{color:var(--gold);margin-bottom:10px;}
.foot-cols ul{list-style:none;}
.foot-cols li{margin-bottom:6px;}
.copyright{text-align:center;color:#777;font-size:13px;border-top:1px solid #3a2010;padding-top:15px;}
.copyright a{color:#aaa;}
@media(max-width:768px){.topbar{flex-direction:column;gap:12px;}nav.main ul{justify-content:center;}.hero h1{font-size:22px;}table{font-size:12px;}}