/* ===== 页头：下拉 & 移动端 ===== */
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.6rem;cursor:pointer;}
.nav-parent{position:relative;display:inline-flex;}
.caret{font-size:.8em;opacity:.8;}
.submenu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:170px;flex-direction:column;
  background:#141a2e;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px;box-shadow:var(--shadow);z-index:200;}
.nav-parent:hover .submenu,.nav-parent:focus-within .submenu{display:flex;}
.submenu a{padding:7px 10px;border-radius:8px;color:var(--muted);white-space:nowrap;}
.submenu a:hover{background:rgba(255,255,255,.08);color:#fff;}

/* ===== 页脚 ===== */
footer{margin-top:40px;border-top:1px solid rgba(255,255,255,.08);background:rgba(8,10,20,.6);padding:34px 0;}
.footer-wrap{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;color:var(--muted);font-size:.92rem;}
.footer-links{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-bottom:6px;}
.footer-links a{color:var(--muted);}
.footer-links a:hover{color:#fff;}
.footer-copy{color:var(--text);font-weight:600;}
.footer-meta{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;}
.footer-meta a{color:var(--muted);}
.footer-meta a:hover{color:#fff;}
.footer-disclaim{font-size:.85rem;opacity:.75;}

/* ===== 面包屑 / 标题 ===== */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;margin-bottom:18px;}
.crumb a{color:var(--muted);}
.crumb a:hover{color:#fff;}
.crumb .sep{opacity:.6;}
.page-h1{font-size:1.8rem;margin:6px 0 26px;}

/* ===== 动态文章卡片微调 ===== */
.game-card{display:flex;flex-direction:column;}
.game-card h3 a{color:inherit;}
.game-card .game-meta{margin-top:auto;}
.card-cat{color:#ffd2b8;}

/* ===== 分页 ===== */
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:34px;}
.pager a,.pager span{padding:8px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:var(--muted);font-size:.92rem;}
.pager a:hover{color:#fff;background:rgba(255,255,255,.1);}
.pager .current{color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-2));border-color:transparent;}
.pager .disabled{opacity:.45;}

/* ===== 文章详情 ===== */
.article-container{max-width:900px;}
.article-panel{padding:34px;}
.article-h1{font-size:1.9rem;line-height:1.3;margin-bottom:16px;}
.article-info{display:flex;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:.9rem;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:24px;}
.article-info a{color:var(--muted);}
.article-info a:hover{color:#fff;}
.article-content{line-height:1.9;font-size:1rem;word-break:break-word;}
.article-content h2{font-size:1.4rem;margin:30px 0 14px;}
.article-content h3{font-size:1.2rem;margin:26px 0 12px;}
.article-content p{margin:14px 0;}
.article-content img{max-width:100%;height:auto;border-radius:12px;margin:16px 0;}
.article-content ul,.article-content ol{margin:14px 0;padding-left:26px;}
.article-content li{margin:7px 0;}
.article-content a{color:#ffb072;text-decoration:underline;}
.article-content blockquote{border-left:4px solid var(--primary-2);padding:6px 18px;margin:18px 0;color:var(--muted);background:rgba(255,255,255,.04);border-radius:0 10px 10px 0;}
.article-content table{max-width:100%;border-collapse:collapse;margin:18px 0;display:block;overflow-x:auto;}
.article-content th,.article-content td{border:1px solid rgba(255,255,255,.15);padding:8px 12px;}
.article-tags{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);}
.tags-label{color:var(--muted);}
.article-tags a{padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.08);color:#ffe8d6;font-size:.88rem;}
.article-tags a:hover{background:rgba(255,255,255,.16);}

/* ===== 上下篇 ===== */
.post-nav{display:flex;flex-direction:column;gap:12px;margin:26px 0;}
.post-nav-item{display:flex;gap:12px;align-items:center;padding:14px 18px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--text);}
.post-nav-item:hover{background:rgba(255,255,255,.1);}
.pn-label{color:var(--primary-2);font-weight:700;white-space:nowrap;}

/* ===== 相关文章 ===== */
.related{margin-top:30px;}

/* ===== 标签云 ===== */
.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;}
a.tag-pill{padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#ffe8d6;}
a.tag-pill:hover{background:rgba(255,255,255,.16);color:#fff;}

/* ===== 关于 ===== */
.about-panel{padding:30px;line-height:2;}
.about-panel p{margin:12px 0;}

/* ===== 响应式 ===== */
@media (max-width: 860px){
  .nav-toggle{display:block;}
  .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;
    background:#121830;border-top:1px solid rgba(255,255,255,.1);padding:10px 16px;z-index:150;}
  .nav-links.open{display:flex;}
  .nav-links a,.nav-parent{padding:12px 4px;width:100%;}
  .nav-parent{flex-direction:column;align-items:flex-start;}
  .submenu{position:static;display:flex;min-width:0;background:none;border:none;box-shadow:none;padding-left:14px;}
  .nav-cta{display:none;}
  .article-panel{padding:22px;}
}