/* 全局样式 */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
  background: #0a0a0a;
  color: #ddd;
  line-height: 1.7;
  font-size: 14px;
}
a { color: #d4a017; text-decoration: none; transition: color .2s; }
a:hover { color: #ffd700; }

/* 顶部 */
.topbar {
  background: linear-gradient(90deg,#1a1a2e,#16213e);
  border-bottom: 2px solid #d4a017;
  padding: 8px 0;
  font-size: 13px;
}
.topbar .wrap { display:flex; justify-content:space-between; align-items:center; }
.wrap { width: 1100px; margin: 0 auto; }

/* 头部 */
.header {
  background: #111;
  padding: 24px 0;
  text-align: center;
  border-bottom: 1px solid #333;
}
.header h1 { color:#ffd700; font-size: 32px; text-shadow: 0 0 12px #d4a017; }
.header p { color:#aaa; margin-top:8px; font-size:15px; }

/* 导航 */
.nav {
  background: #1a1a1a;
  border-bottom: 2px solid #d4a017;
}
.nav ul { list-style:none; display:flex; justify-content:center; }
.nav li a {
  display:block; padding: 14px 26px; color:#eee; font-size:15px; border-right:1px solid #333;
}
.nav li:first-child a { border-left:1px solid #333; }
.nav li a:hover, .nav li a.active { background:#d4a017; color:#000; }

/* 布局 */
.main { display:flex; gap:24px; margin:24px auto; width:1100px; }
.content { flex:1; }
.sidebar { width:300px; }

/* 卡片/板块 */
.panel { background:#141414; border:1px solid #2a2a2a; margin-bottom:24px; border-radius:4px; overflow:hidden; }
.panel-title {
  background: linear-gradient(90deg,#d4a017,#8a6d0b);
  color:#000; font-size:17px; font-weight:bold; padding:10px 16px;
}
.panel-body { padding:16px; }

/* 开服列表表 */
.server-table { width:100%; border-collapse: collapse; }
.server-table th { background:#222; color:#d4a017; padding:10px; text-align:left; border-bottom:1px solid #333; }
.server-table td { padding:10px; border-bottom:1px solid #222; }
.server-table tr:hover td { background:#1c1c1c; }
.tag { display:inline-block; background:#d4a017; color:#000; padding:2px 8px; border-radius:3px; font-size:12px; margin-right:4px; }
.tag.hot { background:#c0392b; color:#fff; }
.tag.new { background:#27ae60; color:#fff; }

/* 文章列表 */
.art-list { list-style:none; }
.art-list li { padding:12px 0; border-bottom:1px dashed #333; display:flex; justify-content:space-between; }
.art-list li a { font-size:15px; }
.art-list li span { color:#888; font-size:13px; white-space:nowrap; }

/* 侧栏链接 */
.side-list { list-style:none; }
.side-list li { padding:9px 0; border-bottom:1px dotted #333; }
.side-list li a { color:#ccc; }
.side-list li a:hover { color:#ffd700; }

/* 文章页 */
.article-box { background:#141414; padding:24px; border:1px solid #2a2a2a; }
.article-box h1 { color:#ffd700; font-size:24px; margin-bottom:12px; }
.article-meta { color:#888; font-size:13px; border-bottom:1px solid #333; padding-bottom:10px; margin-bottom:20px; }
.article-box p { margin-bottom:16px; color:#ddd; font-size:15px; text-indent:2em; }
.article-box h2 { color:#d4a017; margin:24px 0 12px; font-size:19px; border-left:4px solid #d4a017; padding-left:10px; }

/* 页脚 */
.footer { background:#0d0d0d; border-top:2px solid #d4a017; padding:28px 0; text-align:center; color:#888; margin-top:30px; }
.footer a { color:#aaa; }

/* 按钮 */
.btn { display:inline-block; background:linear-gradient(90deg,#d4a017,#b8860b); color:#000; padding:8px 20px; border-radius:4px; font-weight:bold; cursor:pointer; border:none; }
.btn:hover { background:linear-gradient(90deg,#ffd700,#d4a017); }

/* 响应式 */
@media(max-width:768px){
  .wrap,.main,.content,.sidebar { width:100%; }
  .main { flex-direction:column; padding:0 10px; }
  .sidebar { width:100%; }
  .nav ul { flex-wrap:wrap; }
}