:root{
--red:#b31217;--dark:#7a0a0d;--gold:#f3c13a;--deep:#1a1a1a;
--bg:#f5f6f8;--line:#ececec;--txt:#333;--gray:#999;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","PingFang SC","WenQuanYi Micro Hei",Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.75;font-size:15px;}
a{color:#333;text-decoration:none;transition:.2s;}
a:hover{color:var(--red);}
img{max-width:100%;display:block;}
.container{max-width:1200px;margin:0 auto;padding:0 15px;}

/* ===== topbar ===== */
.topbar{background:#111;box-shadow:0 3px 10px rgba(0,0,0,.25);position:sticky;top:0;z-index:99;}
.head-flex{display:flex;align-items:center;justify-content:space-between;height:70px;}
.logo{display:flex;align-items:center;color:#fff;font-size:24px;font-weight:800;letter-spacing:1px;}
.logo-ico{color:var(--gold);font-size:30px;margin-right:10px;text-shadow:0 0 10px var(--gold);}
.logo-txt strong{color:var(--gold);}
.main-nav a{color:#ddd;padding:0 16px;font-size:16px;line-height:70px;display:inline-block;position:relative;}
.main-nav a:hover,.main-nav a.active{color:#fff;background:linear-gradient(to bottom,var(--red),var(--dark));}
.main-nav a.active::after{content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);border:5px solid transparent;border-bottom-color:var(--gold);}

/* ===== hero ===== */
.hero{position:relative;background:linear-gradient(135deg,#4a0a0d 0%,#b31217 55%,#e04a2b 100%);color:#fff;padding:56px 0;text-align:center;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(243,193,58,.25),transparent 50%),radial-gradient(circle at 75% 60%,rgba(255,255,255,.1),transparent 45%);}
.hero .container{position:relative;}
.hero h1{font-size:34px;text-shadow:0 3px 8px rgba(0,0,0,.4);letter-spacing:2px;}
.hero .sub{color:#ffe9a8;margin-top:14px;font-size:17px;}
.clock{display:inline-block;margin-top:18px;background:rgba(0,0,0,.35);border:1px solid rgba(243,193,58,.5);border-radius:30px;padding:8px 26px;font-size:16px;color:#fff;letter-spacing:1px;}
.clock b{color:var(--gold);}

/* ===== grid ===== */
.main-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;margin:28px auto;}

/* ===== panel ===== */
.panel{background:#fff;border-radius:10px;box-shadow:0 2px 12px rgba(0,0,0,.07);margin-bottom:24px;overflow:hidden;border:1px solid var(--line);}
.panel-head{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#b31217,#e04a2b);color:#fff;padding:14px 20px;}
.panel-head h2{font-size:19px;display:flex;align-items:center;gap:8px;}
.panel-head .more a{color:#fff;font-size:13px;opacity:.92;}
.panel > .pad{padding:18px 20px;}
.about p{font-size:14px;line-height:1.95;}

/* ===== table ===== */
.server-table{width:100%;border-collapse:collapse;}
.server-table th{background:#fbf2f2;color:var(--dark);padding:12px 10px;text-align:left;font-size:14px;border-bottom:2px solid var(--red);white-space:nowrap;}
.server-table td{padding:13px 10px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:middle;}
.server-table tbody tr{transition:.15s;}
.server-table tbody tr:hover{background:#fff7f6;transform:translateX(3px);}
.tag{display:inline-block;background:var(--red);color:#fff;font-size:11px;padding:2px 8px;border-radius:3px;margin-right:6px;}
.tag.gold{background:var(--gold);color:#7a0a0d;}
.tag.gray{background:#999;}
.name{font-weight:700;color:#222;}
.ver{color:var(--red);}
.hot{color:var(--red);font-weight:800;}
.btn-enter{display:inline-block;background:linear-gradient(180deg,var(--gold),#d9a520);color:#5c0709;padding:5px 18px;border-radius:4px;font-size:13px;font-weight:700;box-shadow:0 2px 4px rgba(0,0,0,.15);}
.btn-enter:hover{background:linear-gradient(180deg,#e04a2b,var(--red));color:#fff;}

/* ===== news list ===== */
.news-list .news-item{padding:16px 0;border-bottom:1px dashed var(--line);display:grid;grid-template-columns:210px 1fr;gap:18px;}
.news-list .news-item:last-child{border-bottom:none;}
.news-list img{width:100%;height:136px;object-fit:cover;border-radius:8px;}
.news-text h3{font-size:16.5px;line-height:1.55;margin-bottom:7px;}
.news-text p{color:#666;font-size:14px;}
.news-text small{color:var(--gray);font-size:12px;}

/* ===== rank ===== */
.rank-list{list-style:none;padding:6px 20px 16px;}
.rank-list li{counter-increment:item;padding:11px 0 11px 34px;border-bottom:1px dashed var(--line);position:relative;font-size:14.5px;}
.rank-list li::before{content:counter(item);position:absolute;left:0;top:11px;background:var(--red);color:#fff;width:22px;height:22px;border-radius:4px;text-align:center;line-height:22px;font-size:12px;font-weight:700;}
.rank-list li:nth-child(1)::before{background:var(--gold);}
.rank-list li:nth-child(2)::before{background:#e08e2b;}
.rank-list li:nth-child(3)::before{background:#c0392b;}

/* ===== adv figure ===== */
.adv{padding:0 20px 20px;text-align:center;}
.adv img{width:766px;max-width:100%;height:auto;border-radius:8px;margin:0 auto;border:1px solid var(--line);box-shadow:0 3px 10px rgba(0,0,0,.08);}
.adv figcaption{color:var(--gray);font-size:13px;margin-top:9px;}
.side-adv{padding:16px;}

/* ===== footer ===== */
.footer{background:#111;color:#bbb;padding:34px 0;text-align:center;margin-top:24px;font-size:13px;}
.footer a{color:#ccc;}
.footer .f-nav a{margin:0 8px;}
.footer p{margin:9px 0;}

/* ===== article ===== */
.article{padding:28px 32px;}
.article h1{font-size:25px;color:var(--dark);border-left:6px solid var(--red);padding-left:14px;margin-bottom:8px;line-height:1.4;}
.article .meta{color:var(--gray);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:22px;}
.article h2{font-size:19px;color:var(--red);margin:28px 0 12px;padding-bottom:8px;border-bottom:1px dashed #f0d0d0;}
.article p{margin:15px 0;font-size:16px;text-indent:2em;}
.article strong{color:var(--dark);}
.content-img{text-align:center;margin:22px 0;}
.content-img img{width:766px;max-width:100%;height:auto;margin:0 auto;border-radius:8px;display:block;box-shadow:0 3px 12px rgba(0,0,0,.1);}
.content-img figcaption{color:var(--gray);font-size:13px;margin-top:9px;}
.back{display:inline-block;background:var(--red);color:#fff;padding:9px 24px;border-radius:5px;font-weight:700;}
.back:hover{background:var(--dark);color:#fff;}
.pager{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap;}
.pager .back{background:linear-gradient(180deg,var(--gold),#d9a520);color:#5c0709;}

/* ===== responsive ===== */
@media(max-width:920px){
.main-grid{grid-template-columns:1fr;}
.head-flex{flex-direction:column;height:auto;padding:12px 0;}
.main-nav a{line-height:46px;padding:0 9px;font-size:14px;}
.news-list .news-item{grid-template-columns:1fr;}
.news-list img{height:auto;}
.hero h1{font-size:23px;}
.article{padding:18px 16px;}
}