/* ===== 全局 ===== */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#333;background:#0c0f1a;line-height:1.7;}
a{color:inherit;text-decoration:none;transition:.2s;}
ul,ol{list-style:none;}
.container{width:1180px;max-width:100%;margin:0 auto;padding:0 15px;}
.fr{float:right;}
.center{text-align:center;}

/* ===== 顶部信息栏 ===== */
.topbar{background:#11152a;color:#8a93b8;font-size:13px;padding:8px 0;border-bottom:1px solid #1c2244;}
.topbar em{color:#ffcc33;font-style:normal;font-weight:bold;}

/* ===== 头部 ===== */
.header{background:#141933;border-bottom:3px solid #c9a24a;}
.head-flex{display:flex;align-items:center;justify-content:space-between;padding:20px 15px;}
.logo h1 a{font-size:34px;font-weight:900;color:#e8c877;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.6);}
.logo p{color:#9aa6c9;font-size:14px;margin-top:4px;}
.search-box input{width:300px;padding:10px 14px;border:1px solid #c9a24a;background:#0c0f1a;color:#fff;border-radius:4px 0 0 4px;outline:none;}
.search-box button{padding:10px 20px;border:none;background:#c9a24a;color:#1a1a1a;font-weight:bold;cursor:pointer;border-radius:0 4px 4px 0;}
.search-box button:hover{background:#e8c877;}

/* 导航 */
.nav{background:#1a2144;}
.nav ul{display:flex;}
.nav li a{display:block;padding:14px 22px;color:#d7deef;font-size:16px;font-weight:bold;border-bottom:3px solid transparent;}
.nav li a:hover,.nav li.active a{color:#fff;background:#262f5c;border-bottom-color:#c9a24a;}

/* ===== Banner 区 ===== */
.banner{background:linear-gradient(135deg,#101535,#1a2144);padding:25px 0;}
.banner .container{display:flex;gap:25px;}
.banner-left{flex:1;}
.banner-right{width:380px;display:flex;flex-direction:column;gap:15px;}
.notice{background:rgba(201,162,74,.12);border:1px solid #c9a24a;border-radius:4px;padding:10px 14px;color:#ffe9a8;font-size:14px;margin-bottom:15px;}
.notice .tag{background:#c9a24a;color:#1a1a1a;font-weight:bold;padding:2px 8px;border-radius:3px;margin-right:8px;}

/* 开服表格 */
.server-table{background:#141933;border:1px solid #2a335c;border-radius:6px;overflow:hidden;}
.tb-head,.tb-body li{display:grid;grid-template-columns:2fr 1.4fr 1fr 1.2fr .8fr .8fr;align-items:center;padding:10px 12px;}
.tb-head{background:#1f2a55;color:#e8c877;font-weight:bold;font-size:14px;}
.tb-body li{border-top:1px solid #222a50;color:#cfd6ea;font-size:14px;}
.tb-body li:hover{background:rgba(201,162,74,.08);}
.tb-body .name{color:#fff;font-weight:bold;}
.hot{color:#ff5a3c;font-weight:bold;}
.enter{background:#c9a24a;color:#1a1a1a;font-weight:bold;padding:4px 0;text-align:center;border-radius:3px;}
.enter:hover{background:#e8c877;}
.more-btn{display:inline-block;margin-top:15px;color:#e8c877;border:1px solid #c9a24a;padding:8px 20px;border-radius:4px;}
.more-btn:hover{background:#c9a24a;color:#1a1a1a;}
.ad-box img,.big-ad{width:100%;max-width:766px;border-radius:6px;border:1px solid #2a335c;}
.banner-right .ad-box img{height:auto;}

/* ===== 通用区块 ===== */
.section{padding:30px 0;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:25px;}
.panel{background:#141933;border:1px solid #2a335c;border-radius:8px;padding:20px;}
.panel-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #c9a24a;padding-bottom:10px;margin-bottom:15px;}
.panel-head h2{font-size:19px;color:#e8c877;}
.panel-head a{color:#9aa6c9;font-size:14px;}
.panel-head a:hover{color:#e8c877;}

/* 排行/列表 */
.rank-list li{padding:12px 0;border-top:1px dashed #2a335c;color:#cfd6ea;display:flex;align-items:center;}
.rank-list li:first-child{border-top:none;}
.rank-list i{display:inline-block;width:26px;height:26px;line-height:26px;text-align:center;background:#2a335c;color:#fff;border-radius:4px;font-style:normal;font-weight:bold;margin-right:10px;}
.rank-list li:nth-child(1) i{background:#e74c3c;}
.rank-list li:nth-child(2) i{background:#e67e22;}
.rank-list li:nth-child(3) i{background:#c9a24a;color:#1a1a1a;}
.rank-list b{margin-left:auto;color:#ff5a3c;font-size:13px;}

.news-list li{padding:12px 0;border-top:1px dashed #2a335c;}
.news-list li:first-child{border-top:none;}
.news-list a{color:#dfe5f5;font-size:16px;}
.news-list a:hover{color:#e8c877;}
.news-list span{display:block;color:#7c86a8;font-size:13px;margin-top:4px;}

.hot-rank li{padding:12px 0;border-top:1px dashed #2a335c;display:flex;justify-content:space-between;align-items:center;}
.hot-rank li:first-child{border-top:none;}
.hot-rank a{color:#dfe5f5;font-size:16px;}
.hot-rank a:hover{color:#e8c877;}
.hot-rank span{color:#c9a24a;font-size:13px;}
.hot-rank li::before{counter-increment:rank;content:counter(rank);counter-reset:none;display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;background:#2a335c;color:#fff;border-radius:50%;font-size:13px;margin-right:10px;font-weight:bold;}
.hot-rank{counter-reset:rank;}
.hot-rank li:nth-child(1)::before{background:#e74c3c;}
.hot-rank li:nth-child(2)::before{background:#e67e22;}
.hot-rank li:nth-child(3)::before{background:#c9a24a;color:#1a1a1a;}

.about{color:#cfd6ea;line-height:1.9;}
.flinks a{display:inline-block;background:#1f2a55;color:#dfe5f5;padding:8px 14px;border-radius:4px;margin:5px 8px 5px 0;}
.flinks a:hover{background:#c9a24a;color:#1a1a1a;}

/* ===== 底部 ===== */
.footer{background:#0a0d1c;color:#8a93b8;padding:30px 0 40px;border-top:2px solid #c9a24a;margin-top:20px;text-align:center;}
.foot-nav a{color:#cfd6ea;margin:0 8px;}
.foot-nav a:hover{color:#e8c877;}
.foot-key{margin:15px 0 8px;color:#7c86a8;}
.copyright{font-size:13px;}
.copyright a{color:#c9a24a;}

/* ===== 文章页 ===== */
.article-page{background:#fff;min-height:600px;}
.article-page .container{width:860px;}
.art-header{text-align:center;padding:30px 0 15px;border-bottom:2px solid #c9a24a;}
.art-header h1{font-size:26px;color:#1a2144;line-height:1.4;}
.art-meta{color:#999;font-size:14px;margin-top:12px;}
.art-body{color:#333;font-size:16px;line-height:2;padding:25px 0;}
.art-body h2{font-size:20px;color:#1a2144;border-left:4px solid #c9a24a;padding-left:12px;margin:28px 0 12px;}
.art-body p{margin-bottom:16px;}
.art-body img{display:block;max-width:100%;margin:20px auto;border-radius:6px;}
.art-tags{margin:20px 0;padding-top:15px;border-top:1px solid #eee;}
.art-tags span{display:inline-block;background:#f0f3fa;color:#1a2144;padding:5px 12px;border-radius:3px;margin:0 6px 6px 0;font-size:14px;}
.related-articles{background:#f7f8fc;padding:20px;border-radius:8px;margin:20px 0 40px;}
.related-articles h3{color:#1a2144;margin-bottom:12px;}
.related-articles li{padding:8px 0;border-top:1px dashed #ddd;}
.related-articles a{color:#333;}
.related-articles a:hover{color:#c9a24a;}

/* ===== 列表页 ===== */
.page-title{background:#141933;padding:25px 0;color:#e8c877;text-align:center;}
.page-title h1{font-size:26px;}

/* ===== 响应式 ===== */
@media(max-width:900px){
  .container,.article-page .container{width:100%;}
  .banner .container,.grid-2{flex-direction:column;grid-template-columns:1fr;}
  .banner-right{width:100%;}
  .head-flex{flex-direction:column;gap:15px;}
  .search-box input{width:100%;}
  .tb-head,.tb-body li{grid-template-columns:1.6fr 1fr .8fr 1fr .7fr .7fr;font-size:12px;}
}