/* ============================================================
   状态栏 v6 —— 结构重构版（参考回合制游戏的信息层次）
   画风保持暖暗金质感底；借的是参考图的骨架：
   ① 摘要行 → 数据胶囊顶栏（时间/所在/境界…一排小卡，数值怼脸）
   ② hero → 命格式进度条大卡（题材主属性，彩色条+数值右对齐）
   ③ 可做事 → 双列大按钮（路数彩色签+动作正文，突破按钮的分量感）
   ④ 人物 → 名条+关系章+好感进度条（数值化，非心形）
   页签/按需显示/两次确认逻辑全部保留。
   ============================================================ */

#ggStatusPanel {
    --ggsp-accent: var(--accent2);
    --ggsp-bar: var(--accent2);          /* 进度条主色（题材覆写） */
    display: none; flex: 0 0 auto; margin: 2px 10px 8px;
    background: rgba(24,19,13,.9); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(96,80,58,.5); border-radius: var(--radius-md);
    padding: 10px 12px; font-size: 13px; position: relative; overflow: hidden;
    box-shadow: 0 8px 24px rgba(0,0,0,.4);
}
#ggStatusPanel::before {
    content: ''; position: absolute; top: 0; left: 12px; right: 12px; height: 1.5px;
    background: linear-gradient(90deg, transparent, var(--ggsp-accent), transparent);
    opacity: .55;
}

/* ---------- ① 摘要行 = 数据胶囊顶栏 ---------- */
.gg-scope .ggsp-summary { cursor: pointer; user-select: none; -webkit-user-select: none; touch-action: manipulation; display: flex; align-items: stretch; gap: 5px; flex-wrap: wrap; }
.gg-scope .ggsp-summary > * { min-width: 0; }
.gg-scope .ggsp-summary > :empty { display: none; }
.gg-scope .ggsp-dot { display: none; }

/* 数据胶囊：暗玻璃底+主题色描边+标签/值两行（参考图「第1日/现金¥300」语言） */
.gg-scope .ggsp-caps { display: flex; align-items: stretch; gap: 5px; flex-wrap: wrap; flex: 1; min-width: 0; }
.gg-scope .ggsp-cap {
    display: flex; flex-direction: column; justify-content: center; min-width: 0;
    background: rgba(42,35,27,.92); border: 1px solid rgba(224,180,106,.35); border-radius: 7px;
    padding: 3px 10px; line-height: 1.3; max-width: 100%;
}
.gg-scope .ggsp-cap i { font-style: normal; font-size: 9px; letter-spacing: 2px; color: var(--faint); font-weight: 700; }
.gg-scope .ggsp-cap b { font-size: 12.5px; font-weight: 800; color: var(--text); letter-spacing: .3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gg-scope .ggsp-cap-place b { color: var(--ggsp-accent); }
.gg-scope .ggsp-cap-extra { border-style: dashed; background: rgba(224,180,106,.06); }
.gg-scope .ggsp-cap-extra b { color: var(--ggsp-accent); }
.gg-scope .ggsp-people { display: none; }

.gg-scope .ggsp-count {
    margin-left: auto; align-self: center; color: var(--dim); font-size: 11px; font-weight: 700;
    padding: 3px 8px; border-radius: 999px; background: rgba(42,35,27,.9); border: 1px solid var(--line);
}
.gg-scope .ggsp-warnchip {
    align-self: center; color: #ffd9d9; font-weight: 800; font-size: 11px; letter-spacing: 1px;
    padding: 3px 9px; border-radius: 999px; background: rgba(224,108,108,.85); border: 1px solid rgba(255,160,160,.5);
    animation: ggspWarn 1.6s ease-in-out infinite;
}
@keyframes ggspWarn { 50% { background: rgba(224,108,108,.45); } }
.gg-scope .ggsp-arrow { color: var(--faint); margin-left: 1px; font-size: 11px; align-self: center; transition: transform .22s ease; }
#ggStatusPanel.ggsp-open .ggsp-arrow { transform: rotate(180deg); }
@keyframes ggspGlow { 0% { box-shadow: 0 0 0 3px var(--ggsp-accent); } 100% { box-shadow: 0 8px 24px rgba(0,0,0,.4); } }
#ggStatusPanel.ggsp-flash { animation: ggspGlow .9s ease; }

/* ---------- 展开体 ---------- */
.gg-scope .ggsp-body { display: none; margin-top: 10px; border-top: 1px dashed rgba(96,80,58,.4); padding-top: 10px; }
#ggStatusPanel.ggsp-open .ggsp-body { display: block; animation: ggspIn .22s ease; }
@keyframes ggspIn { from { opacity: 0; transform: translateY(6px); } }
.gg-scope .ggsp-sec { margin-bottom: 10px; }
.gg-scope .ggsp-sec:last-child { margin-bottom: 2px; }
.gg-scope .ggsp-sec-title {
    display: flex; align-items: center; gap: 8px;
    font-size: 11px; font-weight: 700; letter-spacing: 2px; color: var(--ggsp-accent);
    margin-bottom: 7px; opacity: .9;
}
.gg-scope .ggsp-sec-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(96,80,58,.5), transparent); }

/* ---------- 警报横幅 ---------- */
.gg-scope .ggsp-alert {
    display: flex; gap: 8px; align-items: baseline;
    background: linear-gradient(90deg, rgba(224,108,108,.22), rgba(224,108,108,.07));
    border-left: 3px solid #e06c6c; border-radius: 6px;
    padding: 6px 10px; margin-bottom: 6px;
}
.gg-scope .ggsp-alert-k { font-weight: 800; color: #ff9d9d; letter-spacing: 2px; font-size: 11px; flex: none; }
.gg-scope .ggsp-alert-v { font-size: 12.5px; color: var(--text); }

/* ---------- ② hero 命格卡：题材主属性，进度条语言 ---------- */
.gg-scope .ggsp-hero-row { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; }
.gg-scope .ggsp-hero-card {
    flex: 1 1 auto; min-width: 100px;
    background: linear-gradient(160deg, rgba(52,43,32,.95), rgba(42,35,27,.98));
    border: 1px solid rgba(224,180,106,.4); border-radius: 9px;
    padding: 9px 12px; position: relative; overflow: hidden;
}
.gg-scope .ggsp-hero-card::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, var(--ggsp-accent), transparent 70%); opacity: .7;
}
.gg-scope .ggsp-hero-k { font-size: 10.5px; font-weight: 700; letter-spacing: 2px; color: var(--dim); margin-bottom: 3px; }
.gg-scope .ggsp-hero-v { font-size: 18px; font-weight: 800; color: var(--text); font-family: var(--font-story); letter-spacing: .5px; }
.gg-scope .ggsp-hero-sub { font-size: 11px; color: var(--dim); margin-top: 3px; }
.gg-scope .ggsp-hero-card.empty .ggsp-hero-v { color: var(--faint); }

/* 命格进度条卡（JS 注入 .ggsp-bars） */
.gg-scope .ggsp-bars { display: flex; flex-direction: column; gap: 6px; margin-top: 2px; }
.gg-scope .ggsp-bar-row { display: flex; align-items: center; gap: 8px; }
.gg-scope .ggsp-bar-name { flex: 0 0 34px; font-size: 12px; font-weight: 800; letter-spacing: 2px; }
.gg-scope .ggsp-bar-name.c0 { color: #e06c6c; } .ggsp-bar-name.c1 { color: #6b9fe0; } .ggsp-bar-name.c2 { color: #d8a24a; } .ggsp-bar-name.c3 { color: #b088e0; } .ggsp-bar-name.c4 { color: #7bc98a; }
.gg-scope .ggsp-bar-track { flex: 1; height: 12px; background: rgba(0,0,0,.45); border: 1px solid rgba(96,80,58,.55); border-radius: 3px; overflow: hidden; }
.gg-scope .ggsp-bar-fill { display: block; height: 100%; border-radius: 2px; transition: width .6s cubic-bezier(.2,.8,.2,1); }
.gg-scope .ggsp-bar-fill.c0 { background: linear-gradient(180deg, #ef8a7a, #c94f3d); }
.gg-scope .ggsp-bar-fill.c1 { background: linear-gradient(180deg, #8ab4ef, #4a7fc9); }
.gg-scope .ggsp-bar-fill.c2 { background: linear-gradient(180deg, #efc27a, #c9923d); }
.gg-scope .ggsp-bar-fill.c3 { background: linear-gradient(180deg, #c9a8ef, #8f66c9); }
.gg-scope .ggsp-bar-fill.c4 { background: linear-gradient(180deg, #98d8a8, #5da870); }
.gg-scope .ggsp-bar-num { flex: 0 0 22px; text-align: right; font-size: 14px; font-weight: 800; color: var(--text); font-variant-numeric: tabular-nums; }

/* 境界天梯：节点链 */
.gg-scope .ggsp-hero-ladder { flex: 1 1 100%; padding: 8px 12px 9px; }
.gg-scope .ggsp-pips { display: flex; flex-wrap: wrap; gap: 4px; }
.gg-scope .ggsp-pip {
    font-size: 10.5px; font-weight: 700; padding: 2.5px 8px; letter-spacing: 1px;
    color: var(--faint); background: rgba(42,35,27,.8); border: 1px solid rgba(96,80,58,.5); border-radius: 999px;
}
.gg-scope .ggsp-pip.on { color: var(--text); background: rgba(224,180,106,.13); border-color: rgba(224,180,106,.4); }
.gg-scope .ggsp-pip.cur {
    color: #241a08; background: linear-gradient(180deg, #efc27a, var(--accent2));
    border-color: #efc27a; font-weight: 800;
    box-shadow: 0 0 10px rgba(224,180,106,.35);
}

/* 人脉链 chips */
.gg-scope .ggsp-hero-conn { flex: 1 1 100%; }
.gg-scope .ggsp-conns { display: flex; flex-wrap: wrap; gap: 5px; }
.gg-scope .ggsp-conn {
    font-size: 11px; padding: 3px 9px; background: rgba(42,35,27,.85);
    border: 1px solid rgba(96,80,58,.55); border-radius: 999px; color: var(--dim);
}
.gg-scope .ggsp-conn b { color: var(--text); font-weight: 700; }

/* 年代日历卡 / 现金卡 */
.gg-scope .ggsp-hero-cal { flex: 0 0 auto; }
.gg-scope .ggsp-cal-y { font-size: 16px; font-weight: 800; color: var(--text); }
.gg-scope .ggsp-cal-y span { font-size: 10px; color: var(--dim); margin: 0 3px 0 1px; }
.gg-scope .ggsp-cal-d { font-size: 13px; font-weight: 700; color: var(--dim); }
.gg-scope .ggsp-cal-d span { font-size: 10px; color: var(--faint); margin-right: 4px; }
.gg-scope .ggsp-hero-cash { flex: 0 0 auto; min-width: 90px; background: linear-gradient(160deg, rgba(224,180,106,.2), rgba(42,35,27,.98)); }
.gg-scope .ggsp-hero-cash .ggsp-hero-v { color: #f0c26a; text-shadow: 0 0 12px rgba(224,180,106,.3); }
.gg-scope .ggsp-hero-cash.empty .ggsp-hero-v { color: var(--faint); text-shadow: none; }

/* 心意大卡 */
.gg-scope .ggsp-hero-love { flex: 1 1 100%; }
.gg-scope .ggsp-big-hearts { font-size: 18px; letter-spacing: 4px; }
.gg-scope .ggsp-hearts { color: #e8899d; text-shadow: 0 0 8px rgba(232,137,157,.4); }
.gg-scope .ggsp-hearts i { color: rgba(232,137,157,.16); font-style: normal; text-shadow: none; }

/* 线索卡 */
.gg-scope .ggsp-hero-clue { flex: 1 1 100%; }
.gg-scope .ggsp-hero-clue .ggsp-hero-v { color: var(--ggsp-accent); }

/* ---------- 通用资源行：数值行 + 微型进度条 ---------- */
.gg-scope .ggsp-stat {
    display: flex; align-items: center; gap: 8px;
    background: rgba(42,35,27,.75); border: 1px solid rgba(96,80,58,.4); border-radius: 7px;
    padding: 6px 10px; margin-bottom: 5px;
}
.gg-scope .ggsp-stat-k { font-weight: 700; font-size: 12px; color: var(--ggsp-accent); letter-spacing: 1px; flex: none; min-width: 52px; }
.gg-scope .ggsp-stat-v { font-size: 12.5px; color: var(--text); flex: 1; min-width: 0; }
.gg-scope .ggsp-gauge { flex: 0 0 84px; height: 9px; background: rgba(0,0,0,.5); border: 1px solid rgba(96,80,58,.55); border-radius: 999px; overflow: hidden; }
.gg-scope .ggsp-gauge i { display: block; height: 100%; background: linear-gradient(90deg, var(--accent2), #efc27a); border-radius: 999px; transition: width .6s cubic-bezier(.2,.8,.2,1); }
.gg-scope .ggsp-stat-love .ggsp-gauge i { background: linear-gradient(90deg, #c95d75, #e8899d); }

/* ---------- 页签条 ---------- */
.gg-scope .ggsp-tabs { display: flex; flex-wrap: wrap; gap: 5px; margin: 4px 0 9px; }
.gg-scope .ggsp-tab {
    font-size: 11.5px; font-weight: 700; letter-spacing: 2px; color: var(--dim);
    background: rgba(42,35,27,.8); border: 1px solid rgba(96,80,58,.5); border-radius: 999px;
    padding: 4px 11px; cursor: pointer; transition: all .15s ease;
    font-family: var(--font-story);
}
.gg-scope .ggsp-tab i {
    font-style: normal; margin-left: 4px; font-size: 10px; font-weight: 800;
    background: rgba(224,180,106,.16); color: var(--accent2); border-radius: 999px; padding: 0 5px;
}
.gg-scope .ggsp-tab.on {
    color: #241a08; background: linear-gradient(180deg, #efc27a, var(--accent2));
    border-color: #efc27a; font-weight: 800;
    box-shadow: 0 0 12px rgba(224,180,106,.3);
}
.gg-scope .ggsp-tab.on i { background: rgba(36,26,8,.25); color: #241a08; }

/* 页签内容面板 */
.gg-scope .ggsp-pane { display: none; max-height: 36vh; overflow-y: auto; overscroll-behavior: contain; }
.gg-scope .ggsp-pane.on { display: block; animation: ggspIn .16s ease; }

/* ---------- ③ 可做的事：双列大按钮（路数彩签+正文，游戏按钮分量） ---------- */
.gg-scope .ggsp-acts { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.gg-scope .ggsp-act {
    display: flex; flex-direction: column; gap: 4px; text-align: left;
    background: linear-gradient(160deg, rgba(52,43,32,.95), rgba(42,35,27,.98));
    color: var(--text);
    border: 1px solid rgba(224,180,106,.38); border-radius: 9px;
    padding: 8px 11px; cursor: pointer; position: relative; overflow: hidden;
    font-family: var(--font-story);
    transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.gg-scope .ggsp-act::after {
    content: ''; position: absolute; right: -14px; top: -14px; width: 34px; height: 34px;
    background: radial-gradient(circle, rgba(224,180,106,.18), transparent 70%);
}
.gg-scope .ggsp-act .ggsp-tag {
    align-self: flex-start; font-size: 9.5px; font-weight: 800; letter-spacing: 2px;
    padding: 1.5px 7px; border-radius: 999px;
}
.gg-scope .ggsp-act .ggsp-tag.t-稳妥 { color: #9fd8ac; background: rgba(123,201,138,.14); border: 1px solid rgba(123,201,138,.4); }
.gg-scope .ggsp-act .ggsp-tag.t-冒险 { color: #ffb98a; background: rgba(240,166,90,.14); border: 1px solid rgba(240,166,90,.45); }
.gg-scope .ggsp-act .ggsp-tag.t-人情 { color: #b0a8ef; background: rgba(176,168,239,.13); border: 1px solid rgba(176,168,239,.4); }
.gg-scope .ggsp-act .ggsp-tag { color: var(--accent2); background: rgba(224,180,106,.1); border: 1px solid rgba(224,180,106,.35); }
.gg-scope .ggsp-act .ggsp-tag.t-稳妥:not([style]) { color: #9fd8ac; background: rgba(123,201,138,.14); border-color: rgba(123,201,138,.4); }
.gg-scope .ggsp-act-dice::before { content: '🎲'; position: absolute; right: 8px; bottom: 6px; font-size: 13px; opacity: .8; }
.gg-scope .ggsp-acttext { font-size: 13px; font-weight: 700; line-height: 1.4; }
.gg-scope .ggsp-act:hover { border-color: rgba(224,180,106,.7); box-shadow: 0 0 14px rgba(224,180,106,.15); transform: translateY(-1px); }
.gg-scope .ggsp-act:active { transform: translateY(1px); }
.gg-scope .ggsp-act.ggsp-armed {
    background: linear-gradient(160deg, #efc27a, var(--accent2));
    color: #241a08; border-color: #efc27a;
    box-shadow: 0 0 16px rgba(224,180,106,.45);
}
.gg-scope .ggsp-act.ggsp-armed .ggsp-tag { color: #241a08 !important; background: rgba(36,26,8,.18) !important; border-color: rgba(36,26,8,.3) !important; }
.gg-scope .ggsp-act.ggsp-armed::after { display: none; }

/* ---------- ④ 人物卡：名条+关系章+好感进度条 ---------- */
.gg-scope .ggsp-charcard {
    background: rgba(42,35,27,.75); border: 1px solid rgba(96,80,58,.45); border-radius: 8px;
    padding: 8px 11px; margin-bottom: 6px;
}
.gg-scope .ggsp-cc-top { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.gg-scope .ggsp-cc-top b { font-size: 14.5px; font-weight: 800; color: var(--text); font-family: var(--font-story); }
.gg-scope .ggsp-cc-rel {
    font-size: 10px; font-weight: 700; color: var(--accent2); letter-spacing: 1px;
    border: 1px solid rgba(224,180,106,.4); border-radius: 999px; padding: 1px 7px; background: rgba(224,180,106,.08);
}
.gg-scope .ggsp-cc-love { margin-left: auto; display: flex; align-items: center; gap: 5px; font-size: 11px; color: #e8899d; font-weight: 800; }
.gg-scope .ggsp-cc-love em { font-style: normal; color: var(--faint); font-size: 10.5px; }
/* 好感进度条行（JS 注入 .ggsp-cc-bar） */
.gg-scope .ggsp-cc-bar { display: flex; align-items: center; gap: 7px; margin-top: 5px; }
.gg-scope .ggsp-cc-bar .ggsp-gauge { flex: 1; }
.gg-scope .ggsp-cc-note { font-size: 11.5px; color: var(--dim); margin-top: 4px; }

/* ---------- 行囊：物品卡（数量角标 + 名 + 说明） ---------- */
.gg-scope .ggsp-item {
    display: flex; gap: 9px; align-items: center;
    background: rgba(42,35,27,.75); border: 1px solid rgba(96,80,58,.4); border-radius: 8px;
    padding: 7px 10px; margin-bottom: 5px;
}
.gg-scope .ggsp-item-qty {
    flex: none; min-width: 22px; height: 22px; border-radius: 6px;
    display: flex; align-items: center; justify-content: center;
    font-size: 11.5px; font-weight: 800; color: #241a08;
    background: linear-gradient(180deg, #efc27a, var(--accent2));
    font-variant-numeric: tabular-nums;
}
.gg-scope .ggsp-item-dot {
    flex: none; width: 7px; height: 7px; border-radius: 50%;
    background: var(--accent2); opacity: .75; margin: 0 7.5px;
}
.gg-scope .ggsp-item-main { min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.gg-scope .ggsp-item-main b { font-size: 13px; color: var(--text); font-weight: 700; line-height: 1.35; }
.gg-scope .ggsp-item-main span { font-size: 11px; color: var(--dim); line-height: 1.4; }
.gg-scope .ggsp-bag-empty { font-size: 11.5px; color: var(--faint); text-align: center; padding: 10px 4px; letter-spacing: 1px; }
.gg-scope .ggsp-li { font-size: 12px; color: var(--dim); padding: 3px 2px; }
.gg-scope .ggsp-li b {
    display: inline-block; font-size: 11px; letter-spacing: 2px; color: var(--accent2);
    border-bottom: 1px solid rgba(224,180,106,.4); padding-bottom: 1px; margin: 4px 0 2px; font-weight: 700;
}
.gg-scope .ggsp-goal-cur {
    background: linear-gradient(90deg, rgba(224,180,106,.14), rgba(224,180,106,.04));
    border: 1px solid rgba(224,180,106,.35); border-radius: 7px;
    padding: 7px 10px; font-size: 12.5px; font-weight: 700; color: var(--text); margin-bottom: 5px;
}
.gg-scope .ggsp-goal-cur::before { content: '当前目标 '; font-size: 10px; letter-spacing: 2px; color: var(--accent2); font-weight: 800; }
.gg-scope .ggsp-goal-done { font-size: 11.5px; color: var(--faint); padding: 2px 4px; }
.gg-scope .ggsp-goal-done::before { content: '✓ '; color: #7bc98a; font-weight: 800; }

/* ---------- 剧本页签存档行 ---------- */
.gg-scope .ggsp-save {
    display: flex; align-items: center; gap: 8px;
    background: rgba(42,35,27,.75); border: 1px solid rgba(96,80,58,.4); border-radius: 7px;
    padding: 6px 9px; margin-bottom: 5px; cursor: pointer; transition: border-color .12s;
}
.gg-scope .ggsp-save:hover { border-color: rgba(224,180,106,.5); }
.gg-scope .ggsp-save.on { background: rgba(224,180,106,.14); border-color: var(--accent2); }
.gg-scope .ggsp-save-name { font-size: 12.5px; font-weight: 700; color: var(--text); }
.gg-scope .ggsp-save-meta { font-size: 10.5px; color: var(--faint); margin-left: auto; flex: none; }

/* ---------- 滚动条 ---------- */
.gg-scope .ggsp-pane::-webkit-scrollbar { width: 8px; }
.gg-scope .ggsp-pane::-webkit-scrollbar-track { background: transparent; }
.gg-scope .ggsp-pane::-webkit-scrollbar-thumb { background: rgba(96,80,58,.7); border-radius: 999px; }

/* ---------- 五题材进度条主色（ggsp-bar 变量覆写） ---------- */
#ggStatusPanel[data-theme="xianxia"] { --ggsp-bar: #d8925a; --ggsp-accent: #e8a765; }
#ggStatusPanel[data-theme="haomen"] { --ggsp-bar: #7aa5d8; --ggsp-accent: #9db8d8; }
#ggStatusPanel[data-theme="era"] { --ggsp-bar: #d8a24a; }
#ggStatusPanel[data-theme="romance"] { --ggsp-bar: #e8899d; --ggsp-accent: #e0909f; }
#ggStatusPanel[data-theme="mystery"] { --ggsp-bar: #7aa5b8; --ggsp-accent: #9dbfc9; }

/* ---------- 果汁层（飘字/横幅/晕影）配色沿用 ---------- */
.gg-scope .ggsp-delta { color: #efc27a; font-weight: 800; }

/* 行动选项下线占位（2026-08-30） */
.gg-scope .ggsp-acts-off {
    font-size: 11.5px; color: var(--faint); text-align: center;
    padding: 6px 4px; letter-spacing: 1px;
}

/* 字段值分级：货币金 / 等级主值大字 + 括号说明弱化 */
.gg-scope .ggsp-v-money { color: #f0c26a; font-weight: 800; text-shadow: 0 0 10px rgba(224,180,106,.25); }
.gg-scope .ggsp-v-level { font-size: 14px; font-weight: 800; color: var(--text); font-family: var(--font-story); letter-spacing: .5px; }
.gg-scope .ggsp-v-note { font-style: normal; font-size: 11px; color: var(--faint); margin-left: 5px; }

/* ============================================================
   v7 全屏抽屉形态
   聊天流里不再有面板；顶栏一枚时间胶囊 + 全屏抽屉。
   ============================================================ */

/* 顶栏时间胶囊（唯一常驻入口） */
.me-btn.gg-time-pill {
    max-width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-family: var(--font-story); letter-spacing: 1px;
}
.me-btn.gg-time-pill.has {
    color: var(--accent); border-color: rgba(224,180,106,.55);
    background: rgba(224,180,106,.1);
}

/* 抽屉容器：全屏半透明遮罩 + 底部升起的面板（手机）/ 居中窄卡（宽屏） */
#ggStatusDrawer {
    position: fixed; inset: 0; z-index: 90;
    background: rgba(8,6,4,.62); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
    overflow-y: auto; overscroll-behavior: contain;
    opacity: 0; transform: translateY(14px); transition: opacity .2s ease, transform .22s ease;
    padding: 14px 12px 30px;
}
#ggStatusDrawer.open { opacity: 1; transform: none; }
#ggStatusDrawer::after { content: ''; position: fixed; inset: 0; pointer-events: none; }

/* 面板纸面：暗金玻璃卡（沿用聊天面板质感） */
#ggStatusDrawer {
    background:
        linear-gradient(180deg, rgba(20,16,11,.92), rgba(14,11,7,.97));
}
#ggStatusDrawer > * { max-width: 560px; margin-left: auto; margin-right: auto; }

/* 抽屉头：时间大字 + 所在 + 关闭 */
#ggStatusDrawer .gsd-head {
    position: sticky; top: 0; z-index: 2;
    display: flex; gap: 8px; align-items: stretch;
    background: linear-gradient(180deg, rgba(20,16,11,.98), rgba(20,16,11,.94));
    border-bottom: 1px solid rgba(224,180,106,.25);
    padding: 12px 4px 10px; margin-bottom: 10px;
}
#ggStatusDrawer .gsd-time { flex: 1; min-width: 0; }
#ggStatusDrawer .gsd-place { flex: 1; min-width: 0; }
#ggStatusDrawer .gsd-time i, #ggStatusDrawer .gsd-place i {
    display: block; font-style: normal; font-size: 9.5px; letter-spacing: 2.5px;
    color: var(--faint); font-weight: 700; margin-bottom: 2px;
}
#ggStatusDrawer .gsd-time b {
    display: block; font-size: 17px; font-weight: 800; color: var(--text);
    font-family: var(--font-story); letter-spacing: .5px; line-height: 1.3;
    text-shadow: 0 0 14px rgba(224,180,106,.2);
}
#ggStatusDrawer .gsd-place b {
    display: block; font-size: 13.5px; font-weight: 700; color: var(--accent);
    font-family: var(--font-story); line-height: 1.5; padding-top: 3px;
}
#ggStatusDrawer .gsd-close {
    flex: none; align-self: flex-start; width: 30px; height: 30px; border-radius: 50%;
    background: rgba(42,35,27,.9); border: 1px solid rgba(224,180,106,.4);
    color: var(--accent); font-size: 16px; cursor: pointer; line-height: 1;
}
#ggStatusDrawer .gsd-close:active { transform: scale(.94); }

/* 分区 */
#ggStatusDrawer .gsd-sec { margin-bottom: 14px; }
#ggStatusDrawer .gsd-sec-title {
    display: flex; align-items: center; gap: 8px;
    font-size: 11.5px; font-weight: 700; letter-spacing: 3px; color: var(--accent);
    margin-bottom: 8px;
}
#ggStatusDrawer .gsd-sec-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(224,180,106,.35), transparent); }
#ggStatusDrawer .gsd-sec-title i {
    font-style: normal; font-size: 10px; font-weight: 800; color: #241a08;
    background: var(--accent2); border-radius: 999px; padding: 0 6px;
}
#ggStatusDrawer .gsd-hero { margin-bottom: 14px; }
#ggStatusDrawer .gsd-hero .ggsp-hero-row { display: flex; flex-direction: column; gap: 8px; }
#ggStatusDrawer .gsd-hero .ggsp-hero-card { background: linear-gradient(160deg, rgba(52,43,32,.95), rgba(42,35,27,.98)); border: 1px solid rgba(224,180,106,.4); border-radius: 10px; }
#ggStatusDrawer .gsd-hero .ggsp-bars { gap: 9px; margin-top: 6px; }
#ggStatusDrawer .gsd-hero .ggsp-bar-track { height: 14px; }
#ggStatusDrawer .gsd-hero .ggsp-bar-name { font-size: 13px; flex-basis: 44px; }
#ggStatusDrawer .gsd-hero .ggsp-bar-num { font-size: 16px; }
#ggStatusDrawer .gsd-alerts { margin-bottom: 12px; }
#ggStatusDrawer .gsd-foot {
    text-align: center; font-size: 10.5px; color: var(--faint); letter-spacing: 2px;
    padding: 14px 0 4px;
}

/* 抽屉里的卡片放大一点（全屏空间更从容） */
.gg-scope .ggsp-stat { padding: 9px 12px; border-radius: 9px; }
.gg-scope .ggsp-stat-v { font-size: 13.5px; }
.gg-scope .ggsp-v-level { font-size: 15.5px; }
.gg-scope .ggsp-charcard, .gg-scope .ggsp-item { padding: 10px 12px; }
.gg-scope .ggsp-hero-card { padding: 11px 13px; }
.gg-scope .ggsp-hero-v { font-size: 20px; }

/* 宽屏：居中窄卡 + 圆角 */
@media (min-width: 900px) {
    #ggStatusDrawer { padding: 40px 20px; }
    #ggStatusDrawer > * { max-width: 520px; }
}

/* 旧内嵌面板样式全部退役 */
#ggStatusPanel { display: none !important; }

/* ---------- 角色档案区（玩家设定 + DM 维护） ---------- */
.ggd-sheet-block, #ggStatusDrawer .gsd-sheet-block {
    background: rgba(42,35,27,.75); border: 1px solid rgba(96,80,58,.4); border-radius: 8px;
    padding: 9px 12px; margin-bottom: 6px;
}
#ggStatusDrawer .gsd-sheet-block i {
    display: block; font-style: normal; font-size: 9.5px; letter-spacing: 2.5px;
    color: var(--faint); font-weight: 700; margin-bottom: 4px;
}
#ggStatusDrawer .gsd-sheet-block.dm { border-color: rgba(224,180,106,.35); background: rgba(224,180,106,.05); }
#ggStatusDrawer .gsd-sheet-block.dm i { color: var(--accent2); }
#ggStatusDrawer .gsd-sheet-block p { font-size: 13px; color: var(--text); line-height: 1.65; margin: 0; white-space: pre-wrap; }
#ggStatusDrawer .gsd-edit {
    margin-left: auto; font-size: 10.5px; font-weight: 700; letter-spacing: 1px;
    color: var(--accent); background: rgba(224,180,106,.1); border: 1px solid rgba(224,180,106,.4);
    border-radius: 999px; padding: 2px 10px; cursor: pointer;
}
#ggStatusDrawer .gsd-sheet-edit label {
    display: block; font-size: 10px; letter-spacing: 2px; color: var(--faint);
    font-weight: 700; margin: 8px 0 4px;
}
#ggStatusDrawer .gsd-sheet-edit textarea {
    width: 100%; background: rgba(0,0,0,.35); border: 1px solid rgba(96,80,58,.6); border-radius: 8px;
    color: var(--text); font-size: 13px; line-height: 1.6; padding: 8px 10px; resize: vertical;
    font-family: var(--font-story);
}
#ggStatusDrawer .gsd-sheet-btns { display: flex; gap: 8px; justify-content: flex-end; margin-top: 10px; }
#ggStatusDrawer .gsd-btn {
    font-size: 12px; font-weight: 700; padding: 6px 14px; border-radius: 999px; cursor: pointer;
    color: var(--dim); background: rgba(42,35,27,.9); border: 1px solid rgba(96,80,58,.6);
}
#ggStatusDrawer .gsd-btn.primary {
    color: #241a08; background: linear-gradient(180deg, #efc27a, var(--accent2)); border-color: #efc27a;
}

/* ===== 页签栏：状态/关系 两页切换 ===== */
#ggStatusDrawer .gsd-tabbar { display: flex; gap: 8px; padding: 12px 14px 0; }
#ggStatusDrawer .gsd-tab {
    flex: 1; font-size: 13px; font-weight: 700; letter-spacing: 4px; text-indent: 4px; padding: 8px 0;
    border-radius: 10px; cursor: pointer; color: var(--dim);
    background: rgba(42,35,27,.6); border: 1px solid rgba(96,80,58,.5);
}
#ggStatusDrawer .gsd-tab.active { color: #241a08; background: linear-gradient(180deg,#efc27a,var(--accent2)); border-color: #efc27a; }
.gsd-main-tab { display: none; padding: 14px; }
.gsd-main-tab.active { display: block; }
.gsd-mt-head{
  font-size:18px;font-weight:800;letter-spacing:2px;
  color:var(--gold,#e8c25a);margin-bottom:14px;
  padding-bottom:8px;border-bottom:2px solid rgba(232,194,90,.25);
}
.gsd-main-tab .ggsp-bag-empty{padding:30px 10px;text-align:center;color:#6a6258;font-size:13px}

/* 关系条目卡片 */
.gsd-rel-card{
  background:rgba(30,25,18,.65);
  border:1px solid rgba(232,194,90,.18);
  border-radius:14px;
  padding:16px 18px;
  margin-bottom:14px;
  position:relative;
  overflow:hidden;
}
.gsd-rel-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,transparent,var(--rel-color,#e58ab2),transparent);
}
.gsd-rel-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.gsd-rel-name{font-size:17px;font-weight:800;letter-spacing:1px;color:var(--text,#f0e6d2)}
.gsd-rel-stage{
  font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;
  background:rgba(229,138,178,.18);color:var(--rel-color,#e58ab2);
}
.gsd-rel-bar{height:10px;border-radius:5px;background:rgba(255,255,255,.06);overflow:hidden;margin:8px 0}
.gsd-rel-bar>i{
  display:block;height:100%;border-radius:5px;
  background:linear-gradient(90deg,var(--rel-color,#e58ab2),var(--rel-color-light,#f0c0d0));
  transition:width .8s cubic-bezier(.25,.8,.25,1);
}
.gsd-rel-score{font-size:13px;font-weight:700;color:var(--text,#f0e6d2)}
.gsd-rel-desc{font-size:12px;color:var(--sub,#9a8f7a);margin-top:6px;line-height:1.6}
.gsd-rel-note{font-size:11px;color:var(--sub,#9a8f7a);margin-top:3px;opacity:.7}