* {margin:0;padding:0;box-sizing:border-box}
body {font-family:"Microsoft YaHei",Arial,sans-serif;background:#1a1a1a;color:#e0e0e0;line-height:1.6}
a {color:#d4af37;text-decoration:none;transition:color .3s}
a:hover {color:#ff6b6b}
.container {max-width:1200px;margin:0 auto;padding:0 15px}
/* 顶部栏 */
.top-bar {background:#0d0d0d;padding:8px 0;border-bottom:1px solid #333;font-size:13px}
.top-bar-links {text-align:right}
.top-bar-links a {margin-left:20px;color:#999}
.top-bar-links a:hover {color:#d4af37}
/* Logo和Banner */
.header {background:linear-gradient(135deg,#8b0000,#1a1a1a);padding:20px 0;border-bottom:3px solid #d4af37}
.logo {font-size:32px;font-weight:bold;color:#d4af37;text-shadow:2px 2px 4px rgba(0,0,0,.8)}
.logo span {color:#fff}
.slogan {color:#ccc;font-size:14px;margin-top:5px}
/* 导航 */
.nav {background:#000;border-bottom:2px solid #d4af37}
.nav ul {list-style:none;display:flex;flex-wrap:wrap}
.nav ul li {flex:1;text-align:center}
.nav ul li a {display:block;padding:15px 10px;color:#fff;font-weight:bold;font-size:16px;border-right:1px solid #222}
.nav ul li a:hover,.nav ul li a.active {background:#8b0000;color:#d4af37}
/* 面包屑 */
.breadcrumb {background:#252525;padding:10px 0;font-size:13px;border-bottom:1px solid #333}
.breadcrumb a {color:#999}
.breadcrumb span {color:#d4af37}
/* 主体布局 */
.main {padding:20px 0;display:grid;grid-template-columns:1fr 300px;gap:20px}
.content {background:#252525;border-radius:4px;padding:20px}
.sidebar {background:#252525;border-radius:4px;padding:20px}
/* 卡片 */
.card {margin-bottom:20px}
.card-title {background:linear-gradient(90deg,#8b0000,transparent);padding:12px 15px;border-left:4px solid #d4af37;font-size:18px;font-weight:bold;color:#d4af37;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}
.card-title a.more {font-size:12px;font-weight:normal;color:#999}
/* 文章列表 */
.article-list {list-style:none}
.article-list li {padding:12px 0;border-bottom:1px dashed #333;display:flex;justify-content:space-between;align-items:center}
.article-list li:last-child {border-bottom:none}
.article-list li a {color:#e0e0e0;font-size:15px;flex:1}
.article-list li a:hover {color:#d4af37;padding-left:5px}
.article-list li .date {color:#666;font-size:12px;margin-left:10px;white-space:nowrap}
/* 文章详情 */
.article-detail {padding:10px}
.article-detail h1 {font-size:24px;color:#d4af37;text-align:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #333}
.article-meta {text-align:center;color:#666;font-size:13px;margin-bottom:25px}
.article-content {font-size:15px;line-height:2;color:#ddd}
.article-content p {margin-bottom:15px;text-indent:2em}
.article-content h2 {color:#d4af37;font-size:20px;margin:20px 0 10px;border-left:3px solid #d4af37;padding-left:10px}
.article-nav {margin-top:30px;padding-top:20px;border-top:1px solid #333;display:flex;justify-content:space-between}
.article-nav a {color:#999}
.article-nav a:hover {color:#d4af37}
/* 边栏模块 */
.sidebar-widget {margin-bottom:25px}
.sidebar-widget h3 {background:linear-gradient(90deg,#8b0000,transparent);padding:10px 12px;border-left:3px solid #d4af37;font-size:16px;color:#d4af37;margin-bottom:12px}
.hot-list {list-style:none}
.hot-list li {padding:8px 0;border-bottom:1px dashed #333}
.hot-list li a {color:#ccc;font-size:13px;display:block}
.hot-list li a:hover {color:#d4af37}
.tags {display:flex;flex-wrap:wrap;gap:8px}
.tags a {background:#333;padding:5px 12px;border-radius:3px;font-size:12px;color:#ccc}
.tags a:hover {background:#8b0000;color:#d4af37}
.server-list {display:grid;grid-template-columns:1fr 1fr;gap:8px}
.server-item {background:#333;padding:8px;text-align:center;border-radius:3px;font-size:13px}
.server-item:hover {background:#8b0000}
/* 分页 */
.pagination {text-align:center;margin-top:25px;padding-top:20px}
.pagination a,.pagination span {display:inline-block;padding:8px 15px;margin:0 3px;border:1px solid #333;border-radius:3px}
.pagination a:hover,.pagination .current {background:#8b0000;border-color:#d4af37;color:#d4af37}
/* 底部 */
.footer {background:#0d0d0d;padding:30px 0 20px;border-top:3px solid #d4af37;margin-top:30px}
.footer-content {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:20px}
.footer-widget h4 {color:#d4af37;font-size:16px;margin-bottom:15px;padding-bottom:8px;border-bottom:1px solid #333}
.footer-widget ul {list-style:none}
.footer-widget ul li {padding:5px 0}
.footer-widget ul li a {color:#999;font-size:13px}
.footer-widget ul li a:hover {color:#d4af37}
.copyright {text-align:center;color:#666;font-size:12px;padding-top:20px;border-top:1px solid #222}
/* 回到顶部 */
.back-top {position:fixed;right:20px;bottom:50px;width:40px;height:40px;background:#8b0000;color:#d4af37;text-align:center;line-height:40px;border-radius:4px;cursor:pointer;display:none}
.back-top:hover {background:#a00000}
/* 响应式 */
@media(max-width:768px) {
  .main {grid-template-columns:1fr}
  .nav ul {flex-direction:column}
  .footer-content {grid-template-columns:1fr}
  .logo {font-size:24px}
}