/* cznn传奇网 - clean static style */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Microsoft YaHei","PingFang SC",-apple-system,Arial,sans-serif;background:#f5f1ea;color:#222;line-height:1.6;font-size:15px}
a{color:#b8242a;text-decoration:none}
a:hover{color:#d4a017;text-decoration:underline}
.container{max-width:1200px;margin:0 auto;padding:0 16px}
img{max-width:100%;height:auto}

.site-header{background:#fff;border-bottom:3px solid #b8242a;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;flex-wrap:wrap;gap:10px}
.brand{display:flex;align-items:center;gap:10px}
.logo{height:42px;width:auto}
.brand-name{font-size:22px;font-weight:bold;color:#b8242a;letter-spacing:1px}
.nav ul,.nav{display:flex;list-style:none;gap:6px;flex-wrap:wrap}
.nav li{list-style:none}
.nav a{display:inline-block;padding:8px 16px;color:#333;border-radius:4px;font-weight:500}
.nav a:hover{background:#b8242a;color:#fff;text-decoration:none}
.nav a.active{background:#b8242a;color:#fff}

.breadcrumb{padding:14px 0;color:#666;font-size:13px}
.breadcrumb a{color:#666}

.card{background:#fff;border-radius:6px;padding:20px;margin:16px 0;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.card-title{font-size:18px;color:#b8242a;border-left:4px solid #b8242a;padding-left:10px;margin-bottom:14px}
.page-title{font-size:22px;color:#222;margin-bottom:10px;line-height:1.4}

.list{list-style:none}
.list li{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border-bottom:1px dashed #eee;font-size:15px}
.list li:last-child{border-bottom:0}
.list .date{color:#999;font-size:13px;flex-shrink:0;margin-left:12px}

.home-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.banner-card img{width:100%;border-radius:4px;display:block}
.lead{display:block;font-size:17px;font-weight:bold;color:#222;margin-bottom:10px;padding:10px;background:#faf5ec;border-left:3px solid #d4a017;border-radius:3px}
.lead:hover{color:#b8242a;text-decoration:none}

.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.col-card{margin:0}

.kf-table{width:100%;border-collapse:collapse;font-size:14px}
.kf-table th{background:#b8242a;color:#fff;padding:10px;text-align:left;font-weight:500}
.kf-table td{padding:10px;border-bottom:1px solid #eee}
.kf-table .center{text-align:center;color:#999}

.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.game-card{text-align:center}
.game-card img{width:100%;border-radius:4px;display:block;margin-bottom:6px;border:1px solid #eee}
.game-name{font-size:13px;color:#333;display:block}

.tag-wrap{display:flex;flex-wrap:wrap;gap:8px}
.tag-chip{display:inline-block;padding:5px 14px;background:#faf5ec;border:1px solid #e6d9b8;border-radius:14px;color:#8a5a00;font-size:13px}
.tag-chip:hover{background:#b8242a;color:#fff;border-color:#b8242a;text-decoration:none}

.friend-links a{margin-right:14px;color:#666}

.article-card .content{font-size:16px;line-height:1.8;padding:10px 0}
.article-card .content p{margin-bottom:14px;text-indent:2em}
.meta{color:#888;font-size:13px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eee}
.tag-line{margin-top:18px;padding-top:12px;border-top:1px solid #eee;color:#666}

.site-footer{background:#222;color:#bbb;padding:24px 0;margin-top:30px;text-align:center;font-size:13px}
.site-footer a{color:#d4a017}
.site-footer .health{margin-top:8px;color:#999}

@media (max-width:768px){
  .header-inner{flex-direction:column;align-items:flex-start}
  .home-split,.grid-2{grid-template-columns:1fr}
  .list li{font-size:14px}
  .article-card .content{font-size:15px}
  .container{padding:0 10px}
  .card{padding:14px;margin:10px 0}
  .article-wrap{flex-direction:column}
  .article-aside{width:100% !important;flex:none !important}
}

/* version article two-column layout */
.article-wrap{display:flex;gap:16px;align-items:flex-start}
.article-main{flex:1 1 auto;min-width:0;margin:16px 0}
.article-aside{flex:0 0 320px;width:320px}
.article-aside .card{margin:0 0 16px 0}
.info-line{color:#888;font-size:13px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #eee}
.article-main .content{font-size:16px;line-height:1.8;padding:10px 0}
.article-main .content p{margin-bottom:14px;text-indent:2em}
.article-main .content h2{font-size:18px;color:#b8242a;margin:18px 0 10px;padding-left:10px;border-left:4px solid #b8242a}
.article-main .content a{color:#b8242a;text-decoration:underline}
.list li.current>a{color:#b8242a;font-weight:bold}