/* gm2「背包与系统管理」页内工作台 · C 原版复刻皮肤
 * 原版取色：外框 #895a36/#2a1403，标题 #2a1407，分区 #7d4214，选中页签 #b9721d，未选 #291104，
 * 内底 #f7f6ea/#d9d2bf，格子 #d8d0b7，名条 #64401e→#fddb71，绿钮 #669734，橙钮 #965705，经验条 #fdd11b/#323232。
 * 只用 flex / 绝对定位，不使用 CSS grid 与变量；命中区 ≥44px。 */
/* 旧「背包与系统管理 / 系统一键拉满 / 清空邮件」三张深色大卡由本模块的 6 张入口卡取代。
 * 旧卡 DOM 必须保留（gm2-bag-hub.js 靠 #openSystemToolBtn 等按钮的 click() 打开原工具），只隐藏。
 * 注意 @layer 的 important 是反向优先的：public-page-slim.css 在 @layer public-a2 内用
 * `display:flex !important` 显示该网格，未分层的任何 !important 都盖不住它，必须同层同权重重写。 */
#gm2QuickTools.gbh-on .gm2-quick-tools-grid { display: none; }
@layer public-a2 {
  html body.gm2-pg-page #pageShell #gm2QuickTools.gm2-pg-tools.gbh-on .gm2-quick-tools-grid { display: none !important; }
}
.gbh { margin: 14px 0 18px; font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif; color: #2a1407; }
.gbh-frame { background: #895a36; border: 3px solid #2a1403; border-radius: 12px; padding: 8px 10px 12px; box-shadow: inset 0 1px 0 #c08a57, 0 3px 0 #2a1403; }
.gbh-titlebar { display: flex; align-items: center; gap: 10px; padding: 2px 4px 8px; }
.gbh-titlebar h2 { margin: 0; font-size: 18px; color: #fddb71; text-shadow: 0 1px 0 #2a1403, 1px 0 0 #2a1403, -1px 0 0 #2a1403, 0 -1px 0 #2a1403; }
.gbh-ver { font-size: 13px; color: #fff8d8; background: #291104; border: 1px solid #c08a57; border-radius: 10px; padding: 2px 10px; }

.gbh-entries { display: flex; flex-wrap: wrap; gap: 8px; }
.gbh-card { flex: 1 1 140px; min-width: 130px; min-height: 132px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 4px; padding: 10px 6px 8px; cursor: pointer;
  background: #f7f6ea; border: 2px solid #2a1403; border-radius: 10px; box-shadow: inset 0 0 0 2px #d9d2bf, 0 2px 0 #2a1403; color: #2a1407; font: inherit; }
.gbh-card:hover, .gbh-card:focus-visible { background: #fff8e0; outline: 3px solid #fddb71; outline-offset: 1px; }
.gbh-card[aria-selected="true"] { background: #b9721d; color: #fff8d8; box-shadow: inset 0 0 0 2px #fddb71, 0 2px 0 #2a1403; }
.gbh-card-img { width: 72px; height: 72px; display: flex; align-items: center; justify-content: center; background: #d8d0b7; border: 2px solid #8a6a3a; border-radius: 8px; box-shadow: inset 0 0 0 1px #f7f1dc; }
.gbh-card-img img { max-width: 64px; max-height: 64px; }
.gbh-card-t { font-size: 15px; font-weight: 700; }
.gbh-card-d { font-size: 12px; color: #64401e; }
.gbh-card[aria-selected="true"] .gbh-card-d { color: #fff3c0; }
.gbh-card.is-warn .gbh-card-t:after { content: "高危"; margin-left: 4px; font-size: 11px; color: #fff; background: #965705; border-radius: 4px; padding: 0 4px; vertical-align: 2px; }

.gbh-body { display: flex; gap: 10px; align-items: flex-start; margin-top: 10px; }
.gbh-body[hidden] { display: none; }
.gbh-main { flex: 1 1 auto; min-width: 0; background: #f7f6ea; border: 2px solid #2a1403; border-radius: 10px; padding: 10px; }
.gbh-side { flex: 0 0 260px; position: -webkit-sticky; position: sticky; top: 12px; background: #d9d2bf; border: 2px solid #2a1403; border-radius: 10px; padding: 10px; }
@media (max-width: 900px) { .gbh-body { flex-direction: column; } .gbh-side { position: static; flex: 1 1 auto; width: 100%; box-sizing: border-box; } }
.gbh-side-h { display: flex; align-items: center; gap: 10px; font-weight: 700; color: #7d4214; font-size: 15px; margin-bottom: 8px; }
.gbh-side-h b { display: block; font-size: 17px; color: #2a1407; }
.gbh-side-h small { display: block; font-weight: 400; color: #64401e; font-size: 12px; }
.gbh-note { font-size: 13px; color: #4a3418; line-height: 1.5; margin: 6px 0; }
.gbh-note.is-off { color: #64401e; background: #efe9d2; border: 1px dashed #8a6a3a; border-radius: 6px; padding: 6px 8px; }
.gbh-vchips { list-style: none; margin: 0 0 8px; padding: 0; }
.gbh-vchips li { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 4px 6px; border-radius: 6px; font-size: 12px; }
.gbh-vchips li.is-cur { background: #f7f6ea; box-shadow: inset 0 0 0 1px #b9721d; }
.gbh-vchips li.is-off b { color: #7a6a48; }
.gbh-vchips b { flex: 1 1 100%; font-size: 12px; color: #2a1407; }
.gbh-chip { display: inline-block; border-radius: 4px; padding: 1px 6px; font-size: 12px; color: #fff; }
.gbh-chip.is-c { background: #4f7f25; } .gbh-chip.is-m { background: #8a5a00; } .gbh-chip.is-w { background: #a5520c; } .gbh-chip.is-n { background: #8a7c5c; }
.gbh-acts { display: flex; flex-direction: column; gap: 6px; }
.gbh-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 14px; border-radius: 8px; border: 2px solid #2a1403; color: #fff; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none; background: #965705; box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 2px 0 #2a1403; }
.gbh-btn.is-green { background: #4f7f25; } .gbh-btn.is-orange { background: #965705; }
.gbh-btn:focus-visible, .gbh-tile:focus-visible, .gbh-vt:focus-visible, .gbh-fold:focus-visible, .gbh-cell:focus-visible, .gbh-seg:focus-visible { outline: 3px solid #fddb71; outline-offset: 1px; }

/* 原版格子：原素材图标放在物品格底里；无原图显示“图标暂缺” */
.gbh-slot { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; flex: none; overflow: hidden; vertical-align: middle;
  background: #d8d0b7; border: 2px solid #8a6a3a; border-radius: 6px; box-shadow: inset 0 0 0 1px #f7f1dc, inset 0 -3px 6px rgba(90,60,20,.25); }
.gbh-slot img { max-width: 88%; max-height: 88%; }
.gbh-slot.is-miss, .gbh-miss { background: #e6dfc8; border: 2px dashed #8a7c5c; color: #5a4a2a; font-size: 11px; line-height: 1.15; text-align: center; }
.gbh-miss { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; box-sizing: border-box; border-radius: 6px; }
.gbh-slot.is-ghost { filter: grayscale(1); opacity: .5; border-width: 1px; }

/* 步骤条 */
.gbh-steps { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0 0 10px; padding: 0; }
.gbh-steps[hidden] { display: none; }
.gbh-steps li { flex: 1 1 90px; display: flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 8px; border-radius: 8px; background: #d9d2bf; color: #4a3418; font-size: 13px; }
.gbh-steps li i { font-style: normal; width: 22px; height: 22px; border-radius: 50%; background: #8a7c5c; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; }
.gbh-steps li.is-done i { background: #4f7f25; }
.gbh-steps li.is-cur { background: #b9721d; color: #fff8d8; font-weight: 700; }
.gbh-steps li.is-cur i { background: #fddb71; color: #2a1407; }

/* 养成总览 */
.gbh-panel[hidden] { display: none; }
.gbh-vtabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.gbh-vt { flex: 1 1 120px; min-height: 56px; border-radius: 9px; border: 2px solid #2a1403; color: #fff8d8; font: inherit; font-weight: 700; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 4px; opacity: .78; background: #291104; }
.gbh-vt.is-on { opacity: 1; outline: 3px solid #fddb71; outline-offset: 1px; }
.gbh-vt-v1 { background: #7a4f22; } .gbh-vt-v2 { background: #2c5f96; } .gbh-vt-v4 { background: #6a32b0; } .gbh-vt-v7 { background: #9e2b24; } .gbh-vt-v8 { background: #276d73; } .gbh-vt-v9 { background: #a8456d; }
.gbh-vn { font-size: 13px; white-space: nowrap; }
.gbh-ct { font-family: Tahoma, sans-serif; font-size: 18px; color: #fff000; text-shadow: 0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000; }
.gbh-ct small { font-family: inherit; font-size: 11px; color: #fff8d8; margin-left: 3px; text-shadow: none; }
.gbh-sums { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.gbh-sum { flex: 1 1 120px; display: flex; align-items: center; gap: 8px; background: #d9d2bf; border: 2px solid #aa7f4c; border-radius: 9px; padding: 6px 10px; }
.gbh-sum b { font-family: Tahoma, sans-serif; font-size: 24px; color: #fff000; text-shadow: 0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000; }
.gbh-sum span { font-size: 13px; color: #2a1407; }
.gbh-legend { display: flex; flex-wrap: wrap; gap: 14px; font-size: 13px; color: #4a3418; margin: 0 0 8px; }
.gbh-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px rgba(42,20,3,.6); vertical-align: -2px; margin-right: 4px; }
.gbh-dot.is-c { background: #5fbf2a; } .gbh-dot.is-m { background: #f2c21b; } .gbh-dot.is-w { background: #f08a1c; } .gbh-dot.is-n { background: #b5a888; }
.gbh-groups { display: flex; flex-wrap: wrap; gap: 8px; }
.gbh-gbox { flex: 1 1 300px; background: #efe9d2; border: 2px solid #c9a46a; border-radius: 10px; padding: 6px 8px 8px; box-shadow: inset 0 0 0 1px #fff8e0; }
.gbh-gh { display: flex; align-items: center; font-weight: 700; color: #7d4214; font-size: 15px; margin-bottom: 4px; }
.gbh-gn { margin-left: auto; font-family: Tahoma, sans-serif; font-size: 13px; color: #64401e; font-weight: 400; }
.gbh-wall { display: flex; flex-wrap: wrap; gap: 4px; }
.gbh-tile { position: relative; width: 88px; min-height: 96px; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 4px 2px; background: transparent; border: 2px solid transparent; border-radius: 8px; cursor: pointer; font: inherit; color: #2a1407; }
.gbh-tile:hover { background: #fff8e0; }
.gbh-tile.is-sel { border-color: #b9721d; background: #fff3c0; }
.gbh-tile.is-ghost .gbh-slot { filter: grayscale(1); opacity: .45; }
.gbh-tile.is-ghost .gbh-tn { color: #64401e; }
.gbh-tn { font-size: 12.5px; line-height: 1.2; text-align: center; }
.gbh-dots { position: absolute; right: 8px; top: 0; display: flex; }
.gbh-dots .gbh-dot { margin: 0 0 0 -2px; width: 11px; height: 11px; }
.gbh-fold { display: flex; align-items: center; gap: 6px; width: 100%; min-height: 44px; margin-top: 4px; padding: 4px 10px; background: #d9d2bf; border: 2px dashed #aa7f4c; border-radius: 9px; color: #4a3418; font: inherit; font-size: 13px; cursor: pointer; }
.gbh-fold-mini { display: inline-flex; gap: 2px; }
.gbh-fold-x { margin-left: auto; }
.gbh-wall.is-off { margin-top: 6px; }

.gbh-tip { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: #d9d2bf; border: 2px solid #aa7f4c; border-radius: 9px; padding: 8px 10px; margin-bottom: 10px; }
.gbh-tip > div { flex: 1 1 260px; }
.gbh-tip b { color: #7d4214; font-size: 15px; }
.gbh-tip p { margin: 2px 0 0; font-size: 13px; color: #4a3418; }

/* 原工具放进页内舞台：不进入浏览器顶层，不遮挡页面 */
#gbhStage dialog.gbh-inline { position: static; inset: auto; transform: none; margin: 0; width: 100%; max-width: none; max-height: none; height: auto; padding: 0; border: 0; background: transparent; box-shadow: none; overflow: visible; }
#gbhStage dialog.gbh-inline:not([open]) { display: none; }
#gbhStage dialog.gbh-inline[open] { display: block; }
#gbhStage dialog.gbh-inline::backdrop { display: none; }
#gbhStage .gbh-sysbtn { display: flex; align-items: center; gap: 8px; min-height: 48px; text-align: left; }
#gbhStage .gbh-bi { flex: none; display: inline-flex; }

/* 物品格子视图 */
.gbh-gridbar { display: flex; align-items: center; gap: 6px; margin: 6px 0; font-size: 13px; color: #4a3418; }
.gbh-seg { min-height: 44px; min-width: 64px; border: 2px solid #2a1403; border-radius: 8px; background: #291104; color: #fff8d8; font: inherit; cursor: pointer; }
.gbh-seg[aria-pressed="true"] { background: #b9721d; }
.gbh-grid { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px; background: #d9d2bf; border: 2px solid #aa7f4c; border-radius: 9px; margin-bottom: 8px; }
.gbh-grid[hidden] { display: none; }
#gm2SystemTool.gbh-gridmode #gstTableFrame { display: none; }
.gbh-cell, .gbh-acell { position: relative; width: 84px; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 3px 2px; background: transparent; border: 2px solid transparent; border-radius: 8px; font: inherit; color: #2a1407; cursor: pointer; list-style: none; }
.gbh-cell.is-on { border-color: #965705; background: #fff3c0; }
.gbh-cell[aria-disabled="true"] { cursor: default; }
.gbh-cell-img { position: relative; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: #d8d0b7 url(assets/gm2-bag/cell/bag-cell-bg.png?v=b9c262d01a) center / 100% 100% no-repeat; border: 2px solid #8a6a3a; border-radius: 6px; box-shadow: inset 0 0 0 1px #f7f1dc; box-sizing: border-box; }
.gbh-cell-img img { max-width: 56px; max-height: 56px; }
/* 原版背包格子底图（CA-B22）：常态 bag-cell-bg.png，悬停 / 键盘聚焦换 bag-cell-over-bg.png；?v= 为图片内容哈希前 10 位，换图须同步改 */
.gbh-cell:hover .gbh-cell-img, .gbh-cell:focus .gbh-cell-img { background-image: url(assets/gm2-bag/cell/bag-cell-over-bg.png?v=3089204ecb); }
.gbh-qty { position: absolute; right: 2px; bottom: 0; font-family: Tahoma, sans-serif; font-size: 12px; color: #fff; text-shadow: 0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000; }
.gbh-cell-n { width: 100%; font-size: 12px; line-height: 1.2; text-align: center; background: #64401e; color: #fddb71; border-radius: 4px; padding: 1px 2px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.gbh-tipbox { display: none; position: absolute; left: 50%; top: 100%; z-index: 5; width: 200px; margin-left: -100px; margin-top: 4px; padding: 8px; background: #291104; color: #fff8d8; border: 2px solid #c08a57; border-radius: 8px; font-size: 12px; text-align: left; line-height: 1.45; box-shadow: 0 3px 8px rgba(0,0,0,.4); }
.gbh-tipbox strong { display: block; color: #fddb71; font-size: 13px; }
.gbh-tipbox span { display: block; }
.gbh-tipbox em { font-style: normal; color: #d9c49a; margin-right: 4px; }
.gbh-cell:hover .gbh-tipbox, .gbh-cell:focus .gbh-tipbox { display: block; }

/* 清空邮件：类别统计 + 附件格子 */
.gbh-mail { background: #f7f6ea; border: 2px solid #2a1403; border-radius: 10px; padding: 8px 10px; margin: 10px 0; color: #2a1407; font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans CJK SC", sans-serif; }
.gbh-mail[hidden] { display: none; }
.gbh-mail-h { font-weight: 700; color: #7d4214; margin: 4px 0 6px; }
.gbh-mail-h small { font-weight: 400; color: #64401e; margin-left: 6px; }
.gbh-mcats { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0 0 6px; padding: 0; }
.gbh-mcat { flex: 1 1 120px; display: flex; align-items: center; gap: 8px; background: #d9d2bf; border: 2px solid #aa7f4c; border-radius: 9px; padding: 6px 8px; font-size: 13px; }
.gbh-mcat b { font-family: Tahoma, sans-serif; font-size: 22px; color: #fff000; text-shadow: 0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000; }
.gbh-mcat.is-zero { opacity: .6; }
.gbh-mcat.is-att { border-color: #965705; }
.gbh-agrid { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 8px; background: #d9d2bf; border: 2px solid #aa7f4c; border-radius: 9px; }
.gbh-acell { cursor: default; }

/* 页内舞台解除原窗口的整页滚动锁（原窗口不在舞台里时规则不生效） */
html:has(#gbhStage dialog[open]), body:has(#gbhStage dialog[open]) { overflow: visible !important; overflow-y: visible !important; overscroll-behavior: auto; }
#gbhStage #gm2SystemTool.gbh-inline { height: auto; min-height: 640px; border: 2px solid #2a1403; border-radius: 10px; overflow: visible; z-index: auto; box-shadow: none; color-scheme: light;
  --gst-bg: #f7f6ea; --gst-panel: #efe9d2; --gst-raised: #e3dcc6; --gst-ink: #2a1407; --gst-muted: #64401e; --gst-line: #aa7f4c; --gst-soft: #d8d0b7; --gst-gold: #b9721d; --gst-danger: #a5281c; --gst-danger-light: #a5281c; --gst-success: #3f6d1c; }
#gbhStage #gm2SystemMax.gbh-inline { border: 2px solid #2a1403; border-radius: 10px; overflow: visible; }

/* 原窗口在 public-a2 层用 !important 固定定位；同层、更高特异性改回页内流式布局。 */
@layer public-a2 {
  #pageShell #gbhStage #gm2SystemTool.gbh-inline, #pageShell #gbhStage #gm2SystemMax.gbh-inline { position: static !important; inset: auto !important; margin: 0 !important; width: 100% !important; max-width: none !important; height: auto !important; max-height: none !important; transform: none !important; z-index: auto !important; }
  #pageShell #gbhStage #gm2SystemTool.gbh-inline { background: #f7f6ea !important; color: #2a1407 !important; border: 2px solid #2a1403 !important; }
}
@media (max-width: 767px) {
  #gbhStage #gm2SystemTool.gbh-inline, #gbhStage #gm2SystemTool.gbh-inline[data-maximized=true] { width: 100%; height: auto; }
  #gbhStage #gm2SystemTool.gbh-inline .gst-toolbar { position: static; height: auto; }
  #gbhStage #gm2SystemTool.gbh-inline .gst-side { position: static; inset: auto; }
}

/* C 皮肤：舞台内原工具的文字/面板取原版浅底深字（同层覆盖公开页 A2 的深色主题） */
@layer public-a2 {
  #pageShell #gm2BagHub .gbh-tip p, #pageShell #gm2BagHub .gbh-note, #pageShell #gm2BagHub .gbh-side-h small, #pageShell #gm2BagHub .gbh-card-d { color: #4a3418 !important; }
  #pageShell #gm2BagHub .gbh-card[aria-selected="true"] .gbh-card-d { color: #fff3c0 !important; }
  #pageShell #gm2BagHub .gbh-tip b, #pageShell #gm2BagHub .gbh-side-h { color: #7d4214 !important; }
  #pageShell #gm2BagHub button.gbh-cell, #pageShell #gm2BagHub .gbh-acell { background: transparent !important; box-shadow: none !important; border: 2px solid transparent !important; min-height: 0 !important; padding: 3px 2px !important; }
  #pageShell #gm2BagHub button.gbh-cell.is-on { background: #fff3c0 !important; border-color: #965705 !important; }
  #pageShell #gm2BagHub button.gbh-cell:hover, #pageShell #gm2BagHub button.gbh-cell:focus-visible { background: #fff8e0 !important; }
  #pageShell #gbhStage #gm2SystemTool.gbh-inline h2, #pageShell #gbhStage #gm2SystemTool.gbh-inline h3, #pageShell #gbhStage #gm2SystemTool.gbh-inline h4 { color: #7d4214 !important; }
  #pageShell #gbhStage #gm2SystemTool.gbh-inline p, #pageShell #gbhStage #gm2SystemTool.gbh-inline small, #pageShell #gbhStage #gm2SystemTool.gbh-inline .gst-note { color: #4a3418 !important; }
  #pageShell #gbhStage #gm2SystemMax.gsm-dialog { background: #f7f6ea !important; color: #2a1407 !important; border: 2px solid #2a1403 !important; box-shadow: none !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-head { border-color: #aa7f4c !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-head h2, #pageShell #gbhStage #gm2SystemMax .gsm-content h3 { color: #7d4214 !important; }
  #pageShell #gbhStage #gm2SystemMax p, #pageShell #gbhStage #gm2SystemMax label, #pageShell #gbhStage #gm2SystemMax .gsm-kicker, #pageShell #gbhStage #gm2SystemMax .gsm-message { color: #4a3418 !important; }
  #pageShell #gbhStage #gm2SystemMax #gsmClose { background: #d9d2bf !important; color: #2a1407 !important; border: 1px solid #8a6a3a !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-controls input, #pageShell #gbhStage #gm2SystemMax .gsm-controls select { background: #fffdf3 !important; color: #2a1407 !important; border: 1px solid #aa7f4c !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-button { background: #d9d2bf !important; color: #2a1407 !important; border: 2px solid #8a6a3a !important; min-height: 44px !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-button.gsm-primary { background: #965705 !important; color: #fff !important; border-color: #2a1403 !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-button:disabled { opacity: .55 !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-system { background: #efe9d2 !important; color: #2a1407 !important; border: 2px solid #c9a46a !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-system[aria-current=true] { background: #b9721d !important; color: #fff8d8 !important; border-color: #2a1403 !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-system span { color: #64401e !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-system[aria-current=true] span { color: #fff3c0 !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-summary { background: #d9d2bf !important; color: #2a1407 !important; border-color: #aa7f4c !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-table-wrap { border-color: #aa7f4c !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-preview table { background: #fffdf3 !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-preview th { background: #64401e !important; color: #fddb71 !important; border-color: #8a6a3a !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-preview td { color: #2a1407 !important; border-color: #d9c49a !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-decision { border-color: #aa7f4c !important; }
}
.gbh-mcat span { white-space: nowrap; }
.gbh-mcat b { white-space: nowrap; }
.gbh-cell-n { white-space: normal; max-height: 2.5em; }
@layer public-a2 {
  #pageShell #gm2BagHub .gbh-card[aria-selected="true"] { background: #b9721d !important; color: #fff8d8 !important; box-shadow: inset 0 0 0 2px #fddb71, 0 2px 0 #2a1403 !important; border-color: #2a1403 !important; }
  #pageShell #gm2BagHub .gbh-card[aria-selected="true"] .gbh-card-t { color: #fff8d8 !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-preview tr, #pageShell #gbhStage #gm2SystemMax .gsm-preview td { background: #fffdf3 !important; }
  #pageShell #gbhStage #gm2SystemMax .gsm-preview tbody tr:nth-child(even) td { background: #f3ecd6 !important; }
}
/* 公开页 A2 对按钮内 span 与窄屏按钮宽度有全局 !important 规则；本模块的格子、名条、悬停详情在同层恢复原版尺寸。 */
@layer public-a2 {
  #pageShell #gm2BagHub .gbh-tipbox { position: absolute !important; left: 50% !important; top: 100% !important; width: 200px !important; margin: 4px 0 0 -100px !important; padding: 8px !important; font-size: 12px !important; line-height: 1.45 !important; white-space: normal !important; text-align: left !important; color: #fff8d8 !important; }
  #pageShell #gm2BagHub .gbh-tipbox span, #pageShell #gm2BagHub .gbh-tipbox strong { display: block !important; margin: 0 !important; font-size: 12px !important; }
  #pageShell #gm2BagHub .gbh-tipbox strong { color: #fddb71 !important; font-size: 13px !important; }
  #pageShell #gm2BagHub .gbh-cell span, #pageShell #gm2BagHub .gbh-tile span, #pageShell #gm2BagHub .gbh-card span, #pageShell #gm2BagHub .gbh-vt span, #pageShell #gm2BagHub .gbh-fold span { margin-left: 0 !important; }
  #pageShell #gm2BagHub .gbh-cell-n { font-size: 12px !important; }
  #pageShell #gm2BagHub .gbh-tn { font-size: 12.5px !important; }
  #pageShell #gm2BagHub .gbh-tile, #pageShell #gm2BagHub button.gbh-cell { flex: none !important; width: 88px !important; min-width: 0 !important; }
  #pageShell #gm2BagHub button.gbh-cell { width: 84px !important; }
}
.gbh-cell:hover, .gbh-cell:focus { z-index: 6; }
/* 390px 下标题被版本徽章挤成两行（实测标题高 62px）；允许换行并禁止标题内部折行。 */
@media (max-width: 600px) {
  .gbh-titlebar { -webkit-flex-wrap: wrap; flex-wrap: wrap; row-gap: 6px; }
  .gbh-titlebar h2 { font-size: 16px; white-space: nowrap; }
  .gbh-ver { font-size: 12px; padding: 2px 8px; white-space: nowrap; }
}
@layer public-a2 {
  @media (max-width: 600px) {
    html body #pageShell #gm2BagHub .gbh-titlebar { -webkit-flex-wrap: wrap !important; flex-wrap: wrap !important; row-gap: 6px !important; }
    html body #pageShell #gm2BagHub .gbh-titlebar h2 { font-size: 16px !important; white-space: nowrap !important; }
    html body #pageShell #gm2BagHub .gbh-ver { font-size: 12px !important; padding: 2px 8px !important; white-space: nowrap !important; }
  }
}
@media (max-width: 600px) {
  .gbh-card { flex: 1 1 30%; min-width: 96px; min-height: 112px; }
  .gbh-card-img { width: 56px; height: 56px; }
  .gbh-card-img img { max-width: 50px; max-height: 50px; }
  .gbh-tile { width: 76px; }
  #pageShell #gm2BagHub .gbh-tile { width: 76px !important; }
  .gbh-vt { flex: 1 1 45%; }
  .gbh-frame { padding: 6px; }
  .gbh-main { padding: 6px; }
}
@layer public-a2 {
  #pageShell #gm2BagHub .gbh-cell .gbh-tipbox { max-width: none !important; min-width: 200px !important; margin: 4px 0 0 -100px !important; }
  #pageShell #gm2BagHub .gbh-cell .gbh-tipbox span, #pageShell #gm2BagHub .gbh-cell .gbh-tipbox strong { max-width: none !important; }
}
@media (max-width: 600px) {
  .gbh-vn { white-space: normal; text-align: center; font-size: 12px; }
  .gbh-card.is-warn .gbh-card-t:after { display: block; width: 32px; margin: 2px auto 0; }
}
@layer public-a2 {
  #pageShell #gbhStage #mailboxCleanupModal .cleanup-title { color: #7d4214 !important; }
  #pageShell #gbhStage #mailboxCleanupModal .cleanup-sub, #pageShell #gbhStage #mailboxCleanupModal label { color: #4a3418 !important; }
  #pageShell #gbhStage #mailboxCleanupModal .cleanup-note strong { color: #a5281c !important; }
  #pageShell #gbhStage #mailboxCleanupModal button.secondary { color: #2a1407 !important; background: #d9d2bf !important; border-color: #8a6a3a !important; }
}