/* ════════════════════════════════════════════════════════════════════════
   绀碧资源站 · 全站统一顶栏导航  §  2026-09-13
   ────────────────────────────────────────────────────────────────────────
   8 个页面共用同一份结构与样式，分 4 组：阅读 / 创作 / 投稿 / 管理，
   品牌区即「总览」（当前页在主页时品牌高亮）。
   各页面原有的工具控件（保存 / 提交 / 登录…）不再混进导航，另起第二行。
   单独成文件的原因：主页没有引入 绀碧星图UI.css（引了会与它自己的
   卡片栅格冲突），而本文件只作用于 .gb-* 命名空间，任何页面引入都安全。
   ════════════════════════════════════════════════════════════════════════ */

.gb-nav{
  position:sticky; top:0; z-index:600;
  background:#0a1120f2; border-bottom:1px solid var(--gb-line,#253451);
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  font-family:var(--gb-sans,"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif);
}
.gb-nav-inner{max-width:1440px;margin:0 auto;padding:9px 20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}

/* 品牌区 = 总览 */
.gb-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--gb-text,#edf4ff)!important;flex:none}
.gb-brand-mark{width:29px;height:29px;flex:none;display:grid;place-items:center;border:1px solid var(--gb-gold,#e7b86d);color:var(--gb-blue,#64c8ff);font-size:13px;transform:rotate(45deg);transition:.2s}
.gb-brand-mark b{transform:rotate(-45deg);font-weight:400;font-style:normal}
.gb-brand:hover .gb-brand-mark{box-shadow:0 0 16px #64c8ff55}
.gb-brand-text strong{display:block;font-size:13.5px;letter-spacing:1.5px;line-height:1.25;color:inherit!important}
.gb-brand-text small{display:block;font:9.5px var(--gb-mono,"Cascadia Code",Consolas,monospace);letter-spacing:1.4px;color:var(--gb-muted,#94a6c2)}
.gb-brand.current .gb-brand-text strong{color:var(--gb-blue,#64c8ff)!important}
.gb-brand.current .gb-brand-mark{border-color:var(--gb-blue,#64c8ff);box-shadow:0 0 16px #64c8ff44}

/* 四个分组 */
.gb-menu{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.gb-group{display:flex;align-items:center;gap:3px;padding-left:12px;border-left:1px solid #1e2c45}
.gb-group-label{font:9.5px var(--gb-mono,"Cascadia Code",Consolas,monospace);letter-spacing:1.6px;color:#5f7596;margin-right:3px}
.gb-item{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:7px;color:var(--gb-muted,#94a6c2)!important;font-size:13px;text-decoration:none;white-space:nowrap;transition:.16s}
.gb-item i{font-style:normal;color:var(--gb-blue,#64c8ff);width:15px;text-align:center}
.gb-item:hover{background:#17253c;color:var(--gb-text,#edf4ff)!important}
.gb-item.active{background:#17253c;color:var(--gb-text,#edf4ff)!important;box-shadow:inset 0 -2px var(--gb-blue,#64c8ff)}
.gb-nav-side{margin-left:auto;display:flex;align-items:center;gap:10px;flex:none}
.gb-menu-btn{display:none;margin-left:auto;background:transparent;border:1px solid var(--gb-line,#253451);color:var(--gb-text,#edf4ff);border-radius:7px;padding:6px 11px;font-size:15px;line-height:1;cursor:pointer;font-family:inherit}
.gb-menu-btn:hover{border-color:var(--gb-blue,#64c8ff);color:var(--gb-blue,#64c8ff)}

@media(max-width:1240px){
  .gb-group-label{display:none}
  .gb-group{padding-left:8px}
  .gb-item{padding:7px 8px;font-size:12.5px}
}
@media(max-width:1000px){
  .gb-nav-inner{padding:8px 14px;gap:10px}
  .gb-menu-btn{display:inline-flex}
  .gb-menu{position:fixed;top:0;left:0;right:0;max-height:82vh;overflow:auto;background:#0a1120fa;border-bottom:1px solid var(--gb-line,#253451);padding:60px 14px 16px;flex-direction:column;align-items:stretch;gap:10px;transform:translateY(-102%);transition:transform .25s ease;z-index:599}
  body.gb-nav-open .gb-menu{transform:translateY(0)}
  .gb-group{flex-direction:column;align-items:stretch;padding:8px 0 0;border-left:0;border-top:1px solid #1e2c45}
  .gb-group:first-child{border-top:0;padding-top:0}
  .gb-group-label{display:block;margin:0 0 3px 4px}
  .gb-item{padding:11px 12px;font-size:14px;border-radius:8px}
  .gb-nav-side{margin-left:0}
  .gb-brand-text small{display:none}
}

/* 文档页（规则书 / 资源库）原本 top:0 的固定元素要整体下移，避免被顶栏压住 */
body.gb-has-nav #sidebar{top:52px}
body.gb-has-nav #searchbar{top:52px}
body.gb-has-nav #searchResults{top:106px}
body.gb-has-nav #sideOpen{top:52px}
@media(max-width:1000px){
  body.gb-has-nav #sidebar{top:50px}
  body.gb-has-nav #searchbar{top:50px}
  body.gb-has-nav #searchResults{top:104px}
  body.gb-has-nav #sideOpen{top:50px}
}
/* 窄屏：品牌只留图标、主题下拉收窄，避免右侧被裁 */
@media(max-width:700px){
  .gb-brand-text strong{display:none}
  .gb-nav-side #themeSel{max-width:104px;font-size:10.5px;padding:5px 6px}
}

/* ════════════════════════════════════════════════════════════════════════
   第二行工具条里的「更多 ▾」下拉  §  2026-09-13
   用于收纳低频/危险操作（导出 JSON、导出 Word、新建…），把顶栏腾干净。
   选择器带 .gb-more 前缀是为了盖过各页面自己的 `.topbar button` 规则。
   ════════════════════════════════════════════════════════════════════════ */
.gb-more{position:relative;display:inline-flex;flex:none}
.gb-more .gb-more-btn{cursor:pointer}
.gb-more.open .gb-more-btn{border-color:var(--gb-blue,#64c8ff)}
.gb-more .gb-more-menu{
  position:absolute;top:calc(100% + 7px);right:0;z-index:700;
  display:none;flex-direction:column;gap:2px;min-width:176px;padding:6px;
  background:#10182a;border:1px solid var(--gb-line,#253451);border-radius:11px;
  box-shadow:0 16px 36px rgba(2,5,16,.6);
}
.gb-more.open .gb-more-menu{display:flex}
.gb-more .gb-more-menu button{
  display:block;width:100%;text-align:left;white-space:nowrap;
  padding:9px 12px;border:1px solid transparent;border-radius:7px;
  background:transparent;color:var(--gb-muted,#94a6c2);
  font-size:13px;font-family:inherit;cursor:pointer;
}
.gb-more .gb-more-menu button:hover{background:#17253c;border-color:#345071;color:var(--gb-text,#edf4ff)}
.gb-more .gb-more-menu .gb-more-sep{height:1px;margin:5px 6px;background:var(--gb-line,#253451)}
.gb-more .gb-more-menu button.danger{color:var(--gb-red,#ff8e9b)}
.gb-more .gb-more-menu button.danger:hover{background:#44222c;border-color:#8e4656;color:#ffc1c7}

/* ════════════════════════════════════════════════════════════════════════
   第二行工具条容器  §  2026-09-13
   承载各页面自己的分区切换 / 工具控件（投稿中心的分区按钮、人物卡的工具行…），
   与第一行站点导航分开，避免两者混在一起。
   ════════════════════════════════════════════════════════════════════════ */
.gb-subbar{background:#0b1322f2;border-bottom:1px solid var(--gb-line,#253451);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.gb-subbar-inner{max-width:1440px;margin:0 auto;padding:7px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html[data-theme="sos"] .gb-subbar{background:#fbfaf7!important;border-bottom:1px solid #d8d8d8!important}
/* 窄屏：第二行的分区按钮横向排列，不要被页面原有的「移动端全宽按钮」规则拉成竖排 */
@media(max-width:1000px){
  .gb-subbar-inner{padding:6px 14px;gap:6px}
  .gb-subbar .nav-btn{width:auto!important;padding:8px 12px!important;border-bottom:0!important;font-size:12.5px!important;flex:0 0 auto!important}
  .gb-subbar .nav-btn.active{border-bottom:2px solid var(--gb-blue,#64c8ff)!important}
}
html[data-theme="sos"] .gb-more .gb-more-menu{background:#fff!important;border-color:#d8d8d8!important;box-shadow:0 12px 28px rgba(0,0,0,.12)!important}
html[data-theme="sos"] .gb-more .gb-more-menu button{color:#3a3a3a!important;background:transparent!important;border-color:transparent!important}
html[data-theme="sos"] .gb-more .gb-more-menu button:hover{background:#fff7ee!important;color:#b85d2a!important;border-color:#e6cdb4!important}
html[data-theme="sos"] .gb-more .gb-more-menu .gb-more-sep{background:#e2e2e2!important}
html[data-theme="sos"] .gb-more .gb-more-menu button.danger{color:#c0392b!important}
html[data-theme="sos"] .gb-more .gb-more-menu button.danger:hover{background:#fdeceb!important;border-color:#eab6b2!important;color:#c0392b!important}

/* ── 破晓自救团（浅色主题） ── */
html[data-theme="sos"] .gb-nav{background:#ffffff!important;border-bottom:1px solid #d8d8d8!important}
html[data-theme="sos"] .gb-brand,html[data-theme="sos"] .gb-brand-text strong{color:#111!important}
html[data-theme="sos"] .gb-brand-text small{color:#777!important}
html[data-theme="sos"] .gb-brand-mark{border-color:#b85d2a!important;color:#b85d2a!important}
html[data-theme="sos"] .gb-brand.current .gb-brand-text strong{color:#b85d2a!important}
html[data-theme="sos"] .gb-brand.current .gb-brand-mark{border-color:#b85d2a!important;box-shadow:none!important}
html[data-theme="sos"] .gb-group{border-left-color:#e2e2e2!important;border-top-color:#e2e2e2!important}
html[data-theme="sos"] .gb-group-label{color:#8a8a8a!important}
html[data-theme="sos"] .gb-item{color:#3a3a3a!important}
html[data-theme="sos"] .gb-item i{color:#b85d2a!important}
html[data-theme="sos"] .gb-item:hover{background:#fff7ee!important;color:#b85d2a!important}
html[data-theme="sos"] .gb-item.active{background:#fff7ee!important;color:#b85d2a!important;box-shadow:inset 0 -2px #b85d2a!important}
html[data-theme="sos"] .gb-menu-btn{color:#111!important;border-color:#c9c9c9!important}
html[data-theme="sos"] .gb-menu{background:#fffffffa!important;border-bottom:1px solid #d8d8d8!important}

/* 绀碧空间默认主题：主神协议 / 深空终端 */
html:not([data-theme="sos"]) .gb-nav{background:rgba(8,11,16,.98)!important;border-bottom:1px solid #303944!important;backdrop-filter:blur(14px)!important}
html:not([data-theme="sos"]) .gb-brand{color:#e2e8ed!important}
html:not([data-theme="sos"]) .gb-brand-mark{transform:none!important;border-color:#8e9ba8!important;color:#d5dde5!important;box-shadow:none!important}
html:not([data-theme="sos"]) .gb-brand.current .gb-brand-text strong{color:#f1f4f7!important}
html:not([data-theme="sos"]) .gb-brand.current .gb-brand-mark{border-color:#c4ced8!important;box-shadow:inset 0 0 0 3px rgba(196,206,216,.08)!important}
html:not([data-theme="sos"]) .gb-brand-text small{color:#8995a2!important}
html:not([data-theme="sos"]) .gb-group{border-left-color:#303944!important;border-top-color:#303944!important}
html:not([data-theme="sos"]) .gb-group-label{color:#778391!important}
html:not([data-theme="sos"]) .gb-item{border-radius:2px!important;color:#aeb8c2!important}
html:not([data-theme="sos"]) .gb-item i{color:#9aa6b2!important}
html:not([data-theme="sos"]) .gb-item:hover,html:not([data-theme="sos"]) .gb-item.active{background:#151c25!important;color:#f0f3f6!important}
html:not([data-theme="sos"]) .gb-item.active{box-shadow:inset 0 -2px #aebac6!important}
html:not([data-theme="sos"]) .gb-menu-btn{color:#d6dfe7!important;border:1px solid #3a4550!important;border-radius:2px!important}
html:not([data-theme="sos"]) .gb-menu-btn:hover{border-color:#aebac6!important;color:#f1f4f7!important}
html:not([data-theme="sos"]) .gb-nav-side #themeSel{border:1px solid #3a4550!important;border-radius:2px!important;background:#10161e!important;color:#dbe2e8!important}
html:not([data-theme="sos"]) .gb-subbar{background:rgba(12,16,22,.98)!important;border-bottom:1px solid #303944!important}
html:not([data-theme="sos"]) .gb-subbar .nav-btn.active{border-bottom-color:#aebac6!important}
html:not([data-theme="sos"]) .gb-more.open .gb-more-btn{border-color:#aebac6!important}
html:not([data-theme="sos"]) .gb-more .gb-more-menu{background:#111720!important;border:1px solid #39434e!important;border-radius:2px!important;box-shadow:0 14px 36px rgba(0,0,0,.45)!important}
html:not([data-theme="sos"]) .gb-more .gb-more-menu button{color:#aeb8c2!important;border-radius:2px!important}
html:not([data-theme="sos"]) .gb-more .gb-more-menu button:hover{background:#1b232d!important;border-color:#39434e!important;color:#f1f4f7!important}
html:not([data-theme="sos"]) .gb-more .gb-more-menu .gb-more-sep{background:#303944!important}
html:not([data-theme="sos"]) .gb-more .gb-more-menu button.danger{color:#dc7774!important}
html:not([data-theme="sos"]) .gb-more .gb-more-menu button.danger:hover{background:#29191b!important;border-color:#754143!important;color:#f0a09b!important}
html:not([data-theme="sos"]) .gb-nav a:focus-visible,html:not([data-theme="sos"]) .gb-nav button:focus-visible,html:not([data-theme="sos"]) .gb-nav select:focus-visible{outline:2px solid #c84e4b!important;outline-offset:2px!important}