:root{
--red:#c0392b;--darkred:#8e2a1e;--gold:#f5b301;--bg:#f4f5f7;
--line:#e6e6e6;--txt:#333;--gray:#888;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.7;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:1180px;margin:0 auto;padding:0 15px;}

/* header */
.topbar{background:#1c1c1c;box-shadow:0 2px 8px rgba(0,0,0,.15);position:sticky;top:0;z-index:99;}
.head-flex{display:flex;align-items:center;justify-content:space-between;height:66px;}
.logo{display:flex;align-items:center;color:#fff;font-size:22px;font-weight:700;}
.logo-ico{color:var(--gold);font-size:28px;margin-right:8px;}
.logo-txt strong{color:var(--gold);}
.main-nav a{color:#ddd;padding:0 14px;font-size:16px;line-height:66px;display:inline-block;}
.main-nav a:hover,.main-nav a.active{color:#fff;background:var(--red);}

/* hero */
.hero{background:linear-gradient(135deg,#8e2a1e,#c0392b 60%,#e74c3c);color:#fff;padding:46px 0;text-align:center;}
.hero h1{font-size:30px;text-shadow:0 2px 6px rgba(0,0,0,.3);}
.hero .sub{color:#ffd;margin-top:12px;font-size:16px;}

/* layout */
.main-grid{display:grid;grid-template-columns:1fr 330px;gap:22px;margin:26px auto;}

/* panel */
.panel{background:#fff;border-radius:8px;box-shadow:0 1px 6px rgba(0,0,0,.06);margin-bottom:22px;overflow:hidden;border:1px solid var(--line);}
.panel-head{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#c0392b,#e67e22);color:#fff;padding:13px 18px;}
.panel-head h2{font-size:18px;}
.panel-head .more a{color:#fff;font-size:13px;opacity:.9;}
.panel > *:not(.panel-head){padding:16px 18px;}
.news-list .news-item{padding:14px 0;border-bottom:1px dashed var(--line);display:grid;grid-template-columns:200px 1fr;gap:16px;}
.news-list .news-item:last-child{border-bottom:none;}
.news-list img{width:100%;height:130px;object-fit:cover;border-radius:6px;}
.news-text h3{font-size:16px;line-height:1.5;margin-bottom:6px;}
.news-text p{color:#666;font-size:14px;}
.news-text small{color:var(--gray);font-size:12px;}
.about p{font-size:14px;line-height:1.9;}

/* table */
.server-table{width:100%;border-collapse:collapse;margin:0 0 16px;}
.server-table th{background:#faf0ef;color:var(--darkred);padding:11px 8px;text-align:left;font-size:14px;border-bottom:2px solid var(--red);}
.server-table td{padding:11px 8px;border-bottom:1px solid var(--line);font-size:14px;}
.server-table tr:hover{background:#fff8f7;}
.tag{background:var(--red);color:#fff;font-size:11px;padding:1px 6px;border-radius:3px;margin-right:4px;}
.hot{color:var(--red);font-weight:700;}
.btn-enter{display:inline-block;background:var(--gold);color:#fff;padding:4px 14px;border-radius:4px;font-size:13px;}
.btn-enter:hover{background:var(--red);color:#fff;}

/* sidebar */
.rank-list{list-style:none;padding:0 18px 12px;}
.rank-list li{counter-increment:item;padding:10px 0 10px 30px;border-bottom:1px dashed var(--line);position:relative;font-size:14px;}
.rank-list li::before{content:counter(item);position:absolute;left:0;top:10px;background:var(--red);color:#fff;width:20px;height:20px;border-radius:4px;text-align:center;line-height:20px;font-size:12px;font-weight:700;}
.rank-list li:nth-child(1)::before{background:var(--gold);}
.rank-list li:nth-child(2)::before{background:#e67e22;}
.rank-list li:nth-child(3)::before{background:#d35400;}

/* adv */
.adv{padding:0 18px 18px;text-align:center;}
.adv img{width:766px;max-width:100%;height:auto;border-radius:6px;margin:0 auto;border:1px solid var(--line);}
.adv figcaption{color:var(--gray);font-size:13px;margin-top:8px;}
.side-adv{padding:16px;}

/* footer */
.footer{background:#1c1c1c;color:#bbb;padding:30px 0;text-align:center;margin-top:20px;font-size:13px;}
.footer a{color:#ddd;}
.footer p{margin:8px 0;}

/* article */
.article{padding:24px 28px;}
.article h1{font-size:24px;color:var(--darkred);border-left:5px solid var(--red);padding-left:12px;margin-bottom:10px;}
.article .meta{color:var(--gray);font-size:13px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:20px;}
.article h2{font-size:19px;color:var(--red);margin:26px 0 12px;}
.article p{margin:14px 0;font-size:16px;text-indent:2em;}
.article .content-img{text-align:center;margin:20px 0;}
.article .content-img img{width:766px;max-width:100%;height:auto;margin:0 auto;border-radius:6px;display:block;}
.article .content-img figcaption{color:var(--gray);font-size:13px;margin-top:8px;}
.article .back{display:inline-block;margin-top:24px;background:var(--red);color:#fff;padding:8px 22px;border-radius:4px;}
.article .back:hover{background:var(--darkred);}

@media(max-width:900px){
.main-grid{grid-template-columns:1fr;}
.head-flex{flex-direction:column;height:auto;padding:10px 0;}
.main-nav a{line-height:44px;padding:0 8px;font-size:14px;}
.news-list .news-item{grid-template-columns:1fr;}
.news-list img{height:auto;}
.hero h1{font-size:22px;}
}