/* 21CQ传奇发布站 */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Microsoft YaHei","SimHei",Arial,sans-serif;background:#000;color:#ddd}
a{text-decoration:none}
.clear{clear:both}

/* ===== 顶部菜单 ===== */
#header{background:#f8f8f8;border-bottom:1px solid #e0e0e0}
.headerBox{max-width:1300px;margin:0 auto;padding:6px 15px;display:flex;align-items:center;justify-content:space-between}
#logo a{color:#c00;font-size:14px;font-weight:bold}
#menu ul{list-style:none;display:flex}
#menu li{border-left:1px solid #ddd}
#menu a{color:#666;font-size:12px;padding:4px 12px;display:block}
#menu a:hover{color:#c00}

/* ===== LOGO区 ===== */
.logo-area{max-width:1300px;margin:0 auto;padding:15px 15px;text-align:left}
.logo-area img{display:block}

/* ===== 主导航 ===== */
.navc{background:#1a1a2e;border-bottom:3px solid #e63946}
.main-nav{max-width:1300px;margin:0 auto;display:flex;flex-wrap:nowrap}
.main-nav a{flex:1;text-align:center;padding:10px 4px;color:#ccc;display:flex;flex-direction:column;align-items:center;transition:.2s;border-right:1px solid rgba(255,255,255,.06)}
.main-nav a:last-child{border-right:none}
.main-nav a:hover,.main-nav a.active{background:#e63946;color:#fff}
.main-nav .cn{font-size:13px;font-weight:bold}
.main-nav .en{font-size:10px;color:#999;margin-top:1px}
.main-nav a:hover .en,.main-nav a.active .en{color:#ffd}

/* ===== 搜索框 ===== */
.search-bar{max-width:1300px;margin:10px auto;padding:0 15px}
.search-bar input{width:100%;padding:12px 18px;border:2px solid #e63946;border-radius:4px;font-size:15px;background:#1a1a1a;color:#fff;outline:none}
.search-bar input::placeholder{color:#777}
.search-bar input:focus{border-color:#FFD700}

/* ===== 版本标签栏 ===== */
.btn-bar{position:sticky;top:0;max-width:1300px;margin:10px auto;height:auto;min-height:44px;background:rgba(0,0,0,.92);border:1px solid #FFD700;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;z-index:999;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}
.btn-bar::-webkit-scrollbar{height:3px}
.btn-bar::-webkit-scrollbar-thumb{background:#FFD700;border-radius:2px}
.bar-label{color:#FFD700;font-size:11px;font-weight:bold;white-space:nowrap;flex-shrink:0}
#tagList{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;flex-shrink:0}
.site-btn{padding:4px 10px;background:linear-gradient(180deg,#FFD700,#FFC107,#FFA500);color:#8B0000;border:2px solid #FF8C00;border-radius:4px;font-size:11px;font-weight:bold;font-family:"Microsoft YaHei","SimHei",sans-serif;text-shadow:0 1px 2px rgba(255,255,255,.5);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 0 #8B4513,0 3px 5px rgba(0,0,0,.4);position:relative;overflow:hidden}
.site-btn::after{content:"";position:absolute;top:0;left:-50%;width:20%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-25deg);animation:shine 2s infinite}
.site-btn:hover{background:linear-gradient(180deg,#FFEA00,#FFD700,#FFC107);transform:translateY(-2px);box-shadow:0 4px 0 #8B4513,0 6px 10px rgba(0,0,0,.5)}
.site-btn.active{background:linear-gradient(180deg,#DC143C,#B22222,#8B0000);color:#FFD700;border-color:#FFD700;box-shadow:0 2px 0 #4B0082,0 4px 6px rgba(255,215,0,.4)}
@keyframes shine{0%{left:-50%}100%{left:150%}}

/* ===== 内容主容器 ===== */
.scroll-container{max-width:1300px;margin:0 auto;padding:0 0 30px 0}

/* ===== 游戏表格滚动区 ===== */
.listContainer{border:1px solid #333;border-radius:4px;margin:0 15px 20px 15px}





/* ===== 表格 ===== */
.commonTable{background:#111;overflow-x:auto;width:100%}
.commonTable table{border-collapse:collapse;width:100%;border:1px solid #444}
.commonTable .th td{border-right:1px solid #444;background:linear-gradient(180deg,#2a2a2a,#1a1a1a);padding:8px 6px;font-weight:bold;font-size:13px;border:1px solid #555;text-align:center;color:#FFD700}
.commonTable .td td{border-right:1px solid #2a2a2a;padding:6px 5px;border:1px solid #333;font-size:12px;text-align:center;color:#ccc}
.commonTable .td td:last-child{border-right:none}.commonTable .td:nth-child(even) td{background:#0d0d0d}
.commonTable .td{transition:all .2s ease}.commonTable .td:hover td{background:#1a1a0a;color:#fff}
.gname{color:#FFD700;font-weight:500}
.promo{text-align:left;max-width:320px;word-break:break-all}
.Redbtn{display:inline-block;padding:4px 12px;border-radius:3px;font-size:11px;transition:.2s}
.blueA{background:linear-gradient(180deg,#FFD700,#FFA500);color:#8B0000!important;font-weight:bold}
.blueA:hover{background:linear-gradient(180deg,#FFEA00,#FFD700)}

/* ===== 区块标题 ===== */
.section-title{margin:25px 15px 10px;padding:8px 0;border-left:4px solid #e63946;display:flex;justify-content:space-between;align-items:center}
.section-title span{color:#FFD700;font-size:18px;font-weight:bold;padding-left:10px}
.section-title b{color:#999;font-size:13px}
.section-title a{color:#e63946}
.section-title .more{color:#999;font-size:12px}
.section-title .more:hover{color:#FFD700}


/* ===== 攻略页头 ===== */
.guide-header{text-align:center;padding:25px 15px 5px}
.guide-header h1{color:#FFD700;font-size:26px;margin:0 0 6px}
.guide-header p{color:#888;font-size:13px;margin:0}
/* ===== 攻略卡片列表 ===== */
.guide-list{max-width:1300px;margin:0 auto;padding:0 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.guide-card{background:#1a1a1a;border:1px solid #333;border-radius:6px;overflow:hidden;transition:all .25s}
.guide-card:hover{border-color:#e63946;background:#1f1f1f;transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,57,70,.12)}
.guide-card-body{padding:16px 18px;display:flex;flex-direction:column;height:100%}
.guide-card-title{color:#FFD700;font-size:15px;font-weight:bold;line-height:1.4;margin-bottom:8px;text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.guide-card-title:hover{color:#fff}
.guide-card-desc{color:#999;font-size:12px;line-height:1.6;margin-bottom:12px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.guide-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #2a2a2a}
.guide-card-time{color:#666;font-size:11px}
.guide-card-more{color:#e63946;font-size:12px}
.guide-card:hover .guide-card-more{color:#FFD700}
/* ===== 攻略分页 ===== */
.guide-pager{display:flex;align-items:center;justify-content:center;gap:4px;padding:25px 15px 30px;flex-wrap:wrap}
.guide-pager a{text-decoration:none}
.guide-pager .page{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#1a1a1a;color:#ccc;border:1px solid #333;border-radius:5px;font-size:13px;transition:all .2s;padding:0 8px}
.guide-pager .page:hover{background:#2a2a2a;color:#FFD700;border-color:#FFD700;transform:translateY(-2px);box-shadow:0 4px 10px rgba(255,215,0,.1)}
.guide-pager .now-page{min-width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#e63946,#b22222);color:#fff;border:1px solid #e63946;border-radius:5px;font-size:14px;font-weight:bold;padding:0 8px;box-shadow:0 3px 8px rgba(230,57,70,.35)}

/* ===== 攻略 ===== */
.article-list{margin:0 15px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.art-item{background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:12px;transition:.2s}
.art-item:hover{border-color:#e63946;background:#1f1f1f}
.art-title{color:#FFD700;font-size:14px;font-weight:bold;display:block;margin-bottom:6px}
.art-title:hover{color:#fff}
.art-desc{color:#999;font-size:12px;line-height:1.5;margin-bottom:8px}
.art-time{color:#666;font-size:11px}

/* ===== 黑名单搜索 ===== */
.bl-search-bar{margin:0 15px 10px}
.bl-input-row{width:100%;margin-bottom:8px}
.bl-input-row input{width:100%;padding:18px 22px;border:2px solid #e63946;border-radius:6px;background:#1a1a1a;color:#fff;font-size:18px;outline:none}
.bl-input-row input:focus{border-color:#FFD700}
.bl-input-row input::placeholder{color:#666;font-size:15px}
.bl-action-row{display:flex;align-items:center;gap:10px}
.bl-btn{padding:12px 35px;border:none;border-radius:6px;background:linear-gradient(180deg,#e63946,#b22222);color:#fff;font-size:15px;font-weight:bold;cursor:pointer}
.bl-btn:hover{background:#ff4444}
.bl-clear{padding:10px 24px;border:2px solid #555;border-radius:6px;background:transparent;color:#999;font-size:13px;cursor:pointer}
.bl-clear:hover{border-color:#999;color:#fff}
.bl-action-row span{color:#999;font-size:13px;margin-left:auto}
.bl-action-row b{color:#e63946}

/* 黑名单表格 */
#blTable{margin:0 15px 20px}

/* ===== 底部 ===== */
.bottom-bar{max-width:1300px;margin:15px auto;text-align:center;color:#555;font-size:11px;line-height:1.7;padding:15px}
.bottom-bar a{color:#777}


/* ===== 分页 ===== */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:15px 0 5px;flex-wrap:wrap}
.pagination .page-btn{padding:8px 16px;background:#1a1a2e;color:#FFD700;border:1px solid #444;border-radius:4px;font-size:13px;cursor:pointer;transition:.2s;text-decoration:none}
.pagination .page-btn:hover{background:#e63946;color:#fff;border-color:#e63946}
.pagination .page-num{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#ccc;border:1px solid #444;border-radius:4px;font-size:13px;cursor:pointer;transition:.2s;text-decoration:none}
.pagination .page-num:hover{background:#333;color:#FFD700;border-color:#FFD700}
.pagination .page-num.active{background:#e63946;color:#fff;border-color:#e63946;font-weight:bold}
.pagination .page-dots{color:#666;padding:0 4px;font-size:14px}
.pagination .page-info{color:#666;font-size:12px;margin-left:12px;white-space:nowrap}




/* ===== ZBlog分页 ===== */
.bl-pager,.pagebar,.pagelist{display:flex;align-items:center;justify-content:center;gap:4px;padding:20px 0 10px;flex-wrap:wrap}
.bl-pager a,.pagebar a,.pagelist a{text-decoration:none}
.bl-pager .page,.pagebar .page,.pagelist .page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;background:#1a1a1a;color:#ccc;border:1px solid #444;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}
.bl-pager .page:hover,.pagebar .page:hover,.pagelist .page:hover{background:#333;color:#FFD700;border-color:#FFD700;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,215,0,.15)}
.bl-pager .now-page,.pagebar .now-page,.pagelist .now-page{background:linear-gradient(180deg,#e63946,#b22222);color:#fff;border-color:#e63946;font-weight:bold;box-shadow:0 3px 10px rgba(230,57,70,.4)}
.bl-pager .now-page:hover,.pagebar .now-page:hover,.pagelist .now-page:hover{background:linear-gradient(180deg,#ff4444,#e63946);color:#fff;transform:none}
/* ===== 响应式 ===== */
@media(max-width:768px){
.main-nav{flex-wrap:wrap}
.main-nav a{flex:0 0 25%;padding:8px 3px}
.main-nav .cn{font-size:11px}
.btn-bar{min-height:40px;gap:3px;padding:4px 6px}
.site-btn{padding:3px 7px;font-size:10px}
.commonTable table{min-width:650px}
.commonTable .td td{border-right:1px solid #2a2a2a;font-size:10px;padding:4px 3px}
.article-list{grid-template-columns:repeat(2,1fr)}
.listContainer{margin:0 8px 15px 8px}
.bl-input-row input{font-size:15px;padding:12px 15px}
.bl-btn{padding:10px 20px;font-size:14px}
.bl-clear{padding:10px 15px;font-size:12px}
.bl-action-row{flex-wrap:wrap}
.scroll-container{padding:0 0 20px 0}
.section-title{margin:20px 8px 8px}
.article-list{margin:0 8px}
.bl-search-bar{margin:0 8px 10px}
#blTable{margin:0 8px 15px}
}