/* 契机库统一顶栏（子页面用）：顶栏/抽屉/搜索，无全局 reset */
:root {
  --qj-primary: #1C60F3; --qj-primary-dark: #1250D6; --qj-deep: #0B2A6B; --qj-mist: #EAF1FE;
  --qj-accent: #6fcf1f; --qj-accent-d: #4d9400;
  --qj-ink: #161A23; --qj-gray: #5A6472; --qj-line: #E6EAF2; --qj-bg: #F5F7FA;
  --qj-gradient-hero: linear-gradient(135deg, #1C60F3 0%, #0B2A6B 100%);
  --qj-radius-card: 12px;
  --qj-shadow-card: 0 8px 24px rgba(28,96,243,.12);
  --qj-font: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif;
}
/* 子页面隐藏主题自带顶栏（兜底，HTML 层已删除） */
body.qj-unified-nav #header { display: none !important; }
/* ---- 顶栏 ---- */
.qj-topbar { position: sticky; top: 0; z-index: 50; background: #FFFFFF; box-shadow: 0 1px 6px rgba(20,40,80,0.08); }
.qj-topbar-in { max-width: 1200px; margin: 0 auto; padding: 0 16px; height: 48px; display: flex; align-items: center; gap: 10px; }
.qj-logo { display: inline-flex; align-items: center; flex: none; }
.qj-logo-combined { height: 34px; width: auto; display: block; flex: none; }
.qj-logo.sm .qj-logo-combined { height: 27px; }
/* 桌面端导航（移动端默认隐藏） */
.qj-nav { display: none; margin-left: 8px; }
.qj-nav > a, .qj-nav-drop > a { font-size: 14.5px; font-weight: 700; color: #2A3542; padding: 8px 10px; white-space: nowrap; text-decoration: none; }
.qj-nav > a:hover, .qj-nav-drop > a:hover { color: var(--qj-primary); }
.qj-nav-drop { position: relative; }
.qj-nav-sub { display: none; position: absolute; top: 100%; left: 0; background: #FFFFFF; border-radius: 10px; box-shadow: 0 8px 24px rgba(20,40,80,0.14); padding: 8px; min-width: 130px; z-index: 60; }
.qj-nav-drop:hover .qj-nav-sub { display: block; }
.qj-nav-sub a { display: block; font-size: 13.5px; padding: 8px 12px; border-radius: 6px; color: #2A3542; text-decoration: none; }
.qj-nav-sub a:hover { background: var(--qj-mist); color: var(--qj-primary-dark); }
/* 搜索图标按钮 */
.qj-search-ic { margin-left: auto; font-size: 22px; color: #2A3542; line-height: 1; background: none; border: 0; padding: 8px; cursor: pointer; }
/* 汉堡按钮（移动端显示） */
.qj-burger { display: inline-flex; flex-direction: column; gap: 5px; background: none; border: 0; padding: 8px; cursor: pointer; }
.qj-burger i { display: block; width: 22px; height: 2.5px; background: #2A3542; border-radius: 2px; }
/* 桌面端：显示导航，隐藏汉堡 */
@media (min-width: 900px) {
  .qj-nav { display: flex; align-items: center; }
  .qj-burger { display: none; }
}
/* 移动端 logo 缩小 */
@media (max-width: 480px) {
  .qj-logo-combined { height: 24px; }
}
/* ---- 搜索下拉条 ---- */
.qj-searchbar { display: none; background: #FFFFFF; box-shadow: 0 8px 24px rgba(20,40,80,0.12); padding: 14px 16px; position: sticky; top: 48px; z-index: 49; }
.qj-searchbar.open { display: block; }
.qj-searchbar form { display: flex; gap: 10px; max-width: 1200px; margin: 0 auto; }
.qj-searchbar input { flex: 1; border: 0; background: var(--qj-mist); border-radius: 999px; padding: 11px 18px; font-size: 16px; outline: none; min-width: 0; } /* 16px 防 iOS 聚焦自动放大 */
.qj-searchbar input:focus { box-shadow: 0 0 0 2px var(--qj-primary); }
.qj-searchbar button { border: 0; background: var(--qj-primary); color: #FFFFFF; border-radius: 999px; padding: 11px 28px; font-size: 14px; font-weight: 700; cursor: pointer; white-space: nowrap; }
/* ---- 抽屉菜单 ---- */
/* 抽屉样式已移至 drawer.css（v1.14.1），此处仅保留 drawer-open 状态 */
body.drawer-open { overflow: hidden; }
/* 子页面：去掉主题为固定顶栏预留的内容区顶部空白 */
body.qj-unified-nav #content { padding-top: 0 !important; margin-top: 0 !important; }
body.qj-unified-nav .cat-top-info { padding-top: 14px !important; padding-bottom: 14px !important; }

/* 评论提交按钮避让右下角浮动按钮组（移动端） */
@media (max-width: 899px) {
  #comment-submit { margin-right: 54px; }
}