/* === 原:root变量迁移至.game-ui-root === */
.game-ui-root{
  --game-bg:#050711;
  --game-panel-bg:#101321;
  --game-panel-bg-alt:#171a2a;
  --game-accent:#37ffe0;
  --game-accent-soft:rgba(55,255,224,0.2);
  --game-danger:#ff4e6a;
  --game-warning:#ffcc4d;
  --game-text-main:#f4f8ff;
  --game-text-muted:#8b92b7;
  --game-border:#2b314b;
  --game-shadow-strong:0 0 24px rgba(0,0,0,0.9);
  --game-radius-lg:14px;
  --game-radius-md:10px;
  --game-radius-sm:6px;
  --game-transition-fast:0.18s ease-out;
  --game-transition-slow:0.28s ease-out;
  /* === 原body样式迁移至此 === */
  background:radial-gradient(circle at top,#1b2140 0%,#050711 55%,#010109 100%);
  color:var(--game-text-main);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  min-height:100vh;
  padding:80px 16px 24px 16px;
  box-sizing:border-box;
}

.game-status-bar{position:fixed;top:14px;left:50%;transform:translateX(-50%);width:96%;max-width:1100px;height:64px;background:linear-gradient(135deg,rgba(8,10,22,0.95),rgba(8,10,22,0.98));border-radius:999px;border:1px solid rgba(130,152,255,0.3);box-shadow:0 0 0 1px rgba(23,30,74,0.8),0 18px 45px rgba(0,0,0,0.9);display:flex;align-items:center;justify-content:space-between;padding:8px 18px 10px 18px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-sizing:border-box;overflow:hidden;}
.game-status-bar::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(0,0,0,0.7);pointer-events:none;}
.game-status-bar::after{content:"";position:absolute;inset:1px;border-radius:inherit;background:radial-gradient(circle at top,rgba(110,140,255,0.16),transparent 55%);mix-blend-mode:screen;pointer-events:none;}
.game-status-left,.game-status-center,.game-status-right{display:flex;align-items:center;gap:10px;position:relative;z-index:1;}
.game-status-left{flex:0 0 auto;min-width:180px;}
.game-status-center{flex:1 1 auto;justify-content:center;}
.game-status-right{flex:0 0 auto;justify-content:flex-end;min-width:180px;}
.game-status-avatar{width:42px;height:42px;border-radius:18px;background:radial-gradient(circle at 30% 20%,#ffffff,rgba(200,210,255,0.4) 32%,rgba(18,22,48,1) 65%);box-shadow:0 0 0 2px rgba(55,255,224,0.15),0 0 0 1px rgba(12,15,34,1),0 10px 18px rgba(0,0,0,0.7);position:relative;overflow:hidden;}
.game-status-avatar::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,0.14);box-shadow:inset 0 0 18px rgba(0,0,0,0.7);}
.game-status-meta{display:flex;flex-direction:column;gap:3px;min-width:0;}
.game-status-name{font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#fdfcff;text-shadow:0 0 8px rgba(112,148,255,0.7);}
.game-status-role{font-size:11px;color:var(--game-text-muted);letter-spacing:0.08em;text-transform:uppercase;}
.game-status-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;border:1px solid rgba(55,255,224,0.35);background:radial-gradient(circle at 0% 0%,rgba(55,255,224,0.35),rgba(10,18,34,0.4));box-shadow:0 0 10px rgba(55,255,224,0.4);font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:rgba(218,255,248,0.95);}
.game-status-tag-dot{width:6px;height:6px;border-radius:999px;background:var(--game-accent);box-shadow:0 0 8px rgba(55,255,224,1);}
.game-status-bars{display:flex;flex-direction:column;gap:3px;min-width:220px;max-width:320px;}
.game-status-bar-row{display:flex;align-items:center;gap:6px;}
.game-status-bar-label{width:26px;font-size:9px;text-transform:uppercase;letter-spacing:0.14em;color:var(--game-text-muted);}
.game-status-bar-track{flex:1;border-radius:999px;background:radial-gradient(circle at 0 50%,rgba(255,255,255,0.06),rgba(7,9,20,0.9));box-shadow:inset 0 0 0 1px rgba(32,40,86,0.85),0 0 0 1px rgba(0,0,0,0.8);position:relative;height:14px;overflow:hidden;}
.game-status-bar-track::before{content:"";position:absolute;inset:1px;border-radius:999px;border:1px solid rgba(0,0,0,0.9);opacity:0.9;}
.game-status-bar-fill{position:absolute;inset:2px;right:auto;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0.6),rgba(255,255,255,0.9));mix-blend-mode:soft-light;opacity:0.55;pointer-events:none;}
.game-status-bar-value{position:absolute;inset:2px;border-radius:999px;display:flex;align-items:center;justify-content:flex-end;padding-right:8px;box-sizing:border-box;font-size:9px;font-weight:600;text-shadow:0 0 6px rgba(0,0,0,0.9);}
.game-status-bar-value span{opacity:0.86;}
.game-status-bar-track.game-hp{background:radial-gradient(circle at 0 50%,rgba(255,121,135,0.28),rgba(18,4,9,0.95));box-shadow:inset 0 0 0 1px rgba(142,36,54,0.9),0 0 0 1px rgba(0,0,0,0.9);}
.game-status-bar-track.game-hp .game-status-bar-value{background:linear-gradient(90deg,#ff375f,#ff4e6a,#ff7a45);color:#ffeef4;box-shadow:0 0 16px rgba(255,71,112,0.9);}
.game-status-bar-track.game-mp{background:radial-gradient(circle at 0 50%,rgba(126,217,255,0.3),rgba(4,14,26,0.96));box-shadow:inset 0 0 0 1px rgba(41,109,175,0.9),0 0 0 1px rgba(0,0,0,0.9);}
.game-status-bar-track.game-mp .game-status-bar-value{background:linear-gradient(90deg,#46a2ff,#6b7dff,#37ffe0);color:#f1f8ff;box-shadow:0 0 16px rgba(85,158,255,0.9);}
.game-status-bar-track.game-xp{background:radial-gradient(circle at 0 50%,rgba(255,241,158,0.3),rgba(24,16,4,0.96));box-shadow:inset 0 0 0 1px rgba(185,129,40,0.9),0 0 0 1px rgba(0,0,0,0.9);}
.game-status-bar-track.game-xp .game-status-bar-value{background:linear-gradient(90deg,#ffb347,#ffe66d,#37ffe0);color:#fffaf0;box-shadow:0 0 18px rgba(255,198,79,0.9);}
.game-status-pips{display:flex;align-items:center;gap:4px;margin-left:6px;}
.game-status-pip{width:8px;height:8px;border-radius:3px;border:1px solid rgba(165,181,255,0.9);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,0.95),rgba(138,163,255,0.8) 36%,rgba(7,10,24,1) 70%);box-shadow:0 0 8px rgba(119,145,255,0.9);}
.game-status-pip.game-status-pip--empty{background:radial-gradient(circle at 30% 20%,rgba(31,35,64,1),rgba(7,10,24,1));box-shadow:none;opacity:0.4;}
.game-status-clock{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--game-text-muted);text-shadow:0 0 8px rgba(0,0,0,0.8);}
.game-status-clock-icon{width:18px;height:18px;border-radius:6px;border:1px solid rgba(97,116,178,0.9);background:radial-gradient(circle at 30% 10%,rgba(255,255,255,0.75),rgba(96,124,214,0.6) 40%,rgba(6,9,24,1) 75%);box-shadow:0 0 12px rgba(114,139,235,0.9);}
.game-status-resource{display:flex;align-items:center;gap:8px;padding:4px 9px 4px 7px;border-radius:999px;border:1px solid rgba(55,255,224,0.4);background:radial-gradient(circle at 0 0,rgba(55,255,224,0.35),rgba(5,8,24,0.95));box-shadow:0 0 16px rgba(55,255,224,0.7);font-size:11px;color:rgba(210,255,244,0.98);text-shadow:0 0 10px rgba(0,0,0,0.9);}
.game-status-resource-dot{width:7px;height:7px;border-radius:999px;background:var(--game-accent);box-shadow:0 0 12px rgba(55,255,224,1);}
.game-status-resource-value{font-variant-numeric:tabular-nums;}
.game-status-buttons{display:flex;align-items:center;gap:8px;margin-left:10px;}
.game-status-chip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(125,141,222,0.9);background:radial-gradient(circle at 0 0,rgba(151,168,255,0.35),rgba(9,11,30,0.95));box-shadow:0 0 18px rgba(112,139,255,0.9);font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:#f6f2ff;cursor:default;}
.game-status-chip::after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(0,0,0,0.85);mix-blend-mode:multiply;pointer-events:none;}
.game-status-chip-key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:14px;padding:0 4px;border-radius:5px;border:1px solid rgba(247,250,255,0.9);background:linear-gradient(to bottom,#ffffff,#b9c7ff);box-shadow:0 2px 0 rgba(40,46,98,1),0 0 10px rgba(171,187,255,0.9);font-size:9px;font-weight:700;color:#161a3a;}
.game-status-chip-label{opacity:0.95;}
.game-status-indicator{display:flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;border:1px solid rgba(235,190,92,0.9);background:radial-gradient(circle at 0 0,rgba(255,221,140,0.4),rgba(21,18,6,0.95));box-shadow:0 0 18px rgba(255,194,79,0.9);font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:#fff5da;}
.game-status-indicator-light{width:7px;height:7px;border-radius:999px;background:var(--game-warning);box-shadow:0 0 10px rgba(255,199,102,1);}
.game-dialog-layer{position:relative;width:100%;max-width:900px;margin:0 auto;display:flex;justify-content:center;align-items:flex-end;z-index:0;}
.game-dialog-panel{position:relative;width:100%;background:linear-gradient(145deg,rgba(6,8,20,0.96),rgba(13,16,34,0.98));border-radius:var(--game-radius-lg);border:1px solid rgba(118,138,228,0.9);box-shadow:var(--game-shadow-strong),0 0 0 1px rgba(0,0,0,0.85),0 0 40px rgba(79,108,255,0.7);padding:14px 16px 13px 16px;box-sizing:border-box;overflow:hidden;}
.game-dialog-panel::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 0 0,rgba(69,113,255,0.42),transparent 52%),radial-gradient(circle at 100% 100%,rgba(55,255,224,0.32),transparent 52%);mix-blend-mode:screen;opacity:0.8;pointer-events:none;}
.game-dialog-panel::after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(0,0,0,0.9);box-shadow:inset 0 0 30px rgba(0,0,0,0.96);pointer-events:none;}
.game-dialog-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,2.1fr);column-gap:18px;align-items:stretch;z-index:1;}
.game-dialog-character{display:flex;flex-direction:column;gap:10px;}
.game-dialog-character-header{display:flex;align-items:center;gap:10px;}
.game-dialog-character-avatar{width:60px;height:60px;border-radius:22px;background:radial-gradient(circle at 20% 10%,#ffffff,rgba(186,203,255,0.9) 35%,rgba(19,25,68,1) 65%);box-shadow:0 0 0 3px rgba(55,255,224,0.55),0 0 0 1px rgba(6,10,30,1),0 18px 25px rgba(0,0,0,0.9);position:relative;overflow:hidden;}
.game-dialog-character-avatar::before{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(255,255,255,0.22);box-shadow:inset 0 0 18px rgba(0,0,0,0.7);}
.game-dialog-character-meta{display:flex;flex-direction:column;gap:4px;min-width:0;}
.game-dialog-character-name{font-size:15px;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:#ffffff;text-shadow:0 0 16px rgba(55,255,224,0.9);}
.game-dialog-character-title{font-size:11px;color:var(--game-text-muted);text-transform:uppercase;letter-spacing:0.14em;}
.game-dialog-character-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px;}
.game-dialog-character-tag{padding:3px 7px;border-radius:999px;border:1px solid rgba(130,149,255,0.95);background:linear-gradient(120deg,rgba(139,162,255,0.3),rgba(8,10,26,0.96));box-shadow:0 0 14px rgba(130,151,255,0.95);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:#edf2ff;}
.game-dialog-character-frame{position:relative;flex:1;border-radius:var(--game-radius-md);border:1px solid rgba(63,79,158,0.95);background:radial-gradient(circle at 0 0,rgba(89,121,255,0.28),transparent 60%),radial-gradient(circle at 100% 100%,rgba(37,255,206,0.25),transparent 55%),radial-gradient(circle at 50% 120%,rgba(2,4,13,1),rgba(2,4,13,1));box-shadow:0 0 0 1px rgba(0,0,0,0.85),0 18px 35px rgba(0,0,0,0.95);overflow:hidden;display:flex;align-items:flex-end;justify-content:center;padding:10px 8px;box-sizing:border-box;}
.game-dialog-character-frame::before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(9,12,32,1);box-shadow:inset 0 0 30px rgba(0,0,0,0.96);pointer-events:none;}
.game-dialog-character-silhouette{position:relative;width:90%;max-width:230px;height:140px;border-radius:999px;background:radial-gradient(circle at 50% 0,rgba(216,230,255,0.45),rgba(55,255,224,0.25) 22%,rgba(8,14,30,1) 60%);opacity:0.98;filter:drop-shadow(0 22px 40px rgba(0,0,0,0.95));}
.game-dialog-character-silhouette::after{content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:82%;height:18px;border-radius:999px;background:radial-gradient(circle at 50% 0,rgba(0,0,0,0.8),transparent 72%);opacity:0.95;}
.game-dialog-main{display:flex;flex-direction:column;gap:8px;min-width:0;}
.game-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 6px 4px 8px;border-radius:var(--game-radius-sm);border:1px solid rgba(77,94,168,0.95);background:linear-gradient(120deg,rgba(42,53,116,0.96),rgba(25,32,82,0.98));box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 10px 24px rgba(0,0,0,0.85);}
.game-dialog-header-left{display:flex;align-items:center;gap:8px;}
.game-dialog-header-title{font-size:11px;text-transform:uppercase;letter-spacing:0.22em;color:#f5f6ff;}
.game-dialog-header-status{display:flex;align-items:center;gap:4px;font-size:10px;text-transform:uppercase;letter-spacing:0.16em;color:var(--game-text-muted);}
.game-dialog-header-status-dot{width:8px;height:8px;border-radius:999px;border:1px solid rgba(55,255,224,0.9);background:radial-gradient(circle at 30% 20%,#ffffff,#37ffe0 40%,#022620 78%);box-shadow:0 0 12px rgba(55,255,224,1);}
.game-dialog-header-right{display:flex;align-items:center;gap:6px;}
.game-dialog-phase-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border-radius:999px;border:1px solid rgba(138,153,255,0.95);background:linear-gradient(135deg,rgba(142,159,255,0.9),rgba(88,109,232,0.98));box-shadow:0 0 14px rgba(128,146,255,0.95);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:#0b0f2c;}
.game-dialog-phase-pill span:last-child{opacity:0.8;}
.game-dialog-phase-indicator{width:12px;height:12px;border-radius:999px;border:1px solid rgba(9,11,33,0.95);background:conic-gradient(from 220deg,#37ffe0,#6a8dff,#ffe66d,#ff7a45,#37ffe0);box-shadow:0 0 12px rgba(131,159,255,1);}
.game-dialog-body{position:relative;flex:1;display:flex;flex-direction:column;gap:8px;padding:8px 9px 8px 9px;border-radius:var(--game-radius-md);border:1px solid rgba(72,90,175,0.96);background:radial-gradient(circle at 0 0,rgba(86,117,255,0.25),transparent 55%),radial-gradient(circle at 100% 0,rgba(55,255,224,0.17),transparent 55%),radial-gradient(circle at 50% 150%,rgba(3,5,15,1),rgba(3,5,15,1));box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 18px 32px rgba(0,0,0,0.95);overflow:hidden;}
.game-dialog-body::before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(0,0,0,0.9);box-shadow:inset 0 0 22px rgba(0,0,0,0.96);pointer-events:none;}
.game-dialog-body-header{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.game-dialog-body-tagline{font-size:10px;text-transform:uppercase;letter-spacing:0.2em;color:rgba(181,195,255,0.98);}
.game-dialog-body-metrics{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--game-text-muted);}
.game-dialog-body-metric{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;border:1px solid rgba(76,97,178,0.96);background:linear-gradient(135deg,rgba(18,23,61,0.96),rgba(15,20,51,0.98));box-shadow:0 0 10px rgba(52,72,146,0.9);}
.game-dialog-body-metric-label{opacity:0.72;text-transform:uppercase;letter-spacing:0.12em;}
.game-dialog-body-metric-value{font-variant-numeric:tabular-nums;color:rgba(214,222,255,0.98);}
.game-dialog-text-shell{position:relative;flex:1;display:flex;flex-direction:column;gap:6px;padding:7px 8px;border-radius:var(--game-radius-sm);border:1px solid rgba(67,85,167,0.96);background:radial-gradient(circle at 0 0,rgba(63,89,190,0.35),rgba(9,11,27,1));box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 14px 24px rgba(0,0,0,0.95);overflow:hidden;}
.game-dialog-text-shell::before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(0,0,0,0.85);box-shadow:inset 0 0 18px rgba(0,0,0,0.96);pointer-events:none;}
.game-dialog-text-title-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:1px;}
.game-dialog-text-title{font-size:11px;text-transform:uppercase;letter-spacing:0.22em;color:#f6f7ff;}
.game-dialog-text-stage{display:inline-flex;align-items:center;gap:5px;font-size:9px;text-transform:uppercase;letter-spacing:0.18em;color:var(--game-text-muted);}
.game-dialog-text-stage-dot{width:6px;height:6px;border-radius:999px;background:radial-gradient(circle at 30% 10%,rgba(255,255,255,0.95),rgba(179,196,255,0.95) 45%,rgba(31,40,82,1));box-shadow:0 0 10px rgba(137,158,255,1);}
.game-dialog-text-scroll{position:relative;flex:1;overflow-y:auto;max-height:150px;padding-right:4px;margin-right:2px;}
.game-dialog-text{font-size:13px;line-height:1.6;color:rgba(225,233,255,0.98);text-shadow:0 0 11px rgba(0,0,0,0.9);}
.game-dialog-text span.game-dialog-text-em{color:#ffffff;font-weight:600;}
.game-dialog-text span.game-dialog-text-key{padding:1px 5px;border-radius:4px;border:1px solid rgba(148,166,255,0.95);background:linear-gradient(135deg,rgba(144,164,255,0.55),rgba(30,44,110,0.98));box-shadow:0 0 10px rgba(121,145,255,0.95);font-size:11px;color:#0b0f2c;}
.game-dialog-text-scroll::-webkit-scrollbar{width:7px;}
.game-dialog-text-scroll::-webkit-scrollbar-track{background:radial-gradient(circle at 0 0,rgba(41,56,127,0.65),rgba(14,16,35,0.95));border-radius:999px;}
.game-dialog-text-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:linear-gradient(180deg,#37ffe0,#6b7dff);box-shadow:0 0 12px rgba(88,133,255,0.95);}
.game-dialog-text-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6b7dff,#37ffe0);}
.game-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;}
.game-dialog-hints{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--game-text-muted);}
.game-dialog-hints-key{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:14px;padding:0 4px;border-radius:5px;border:1px solid rgba(201,212,255,0.98);background:linear-gradient(180deg,#fdfdff,#c0cef8);box-shadow:0 2px 0 rgba(41,50,108,1),0 0 10px rgba(164,179,255,1);font-size:9px;font-weight:700;color:#151938;}
.game-dialog-hints-label{text-transform:uppercase;letter-spacing:0.16em;}
.game-dialog-actions{display:flex;align-items:center;gap:6px;}
.game-dialog-action{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:5px 12px;border-radius:999px;border:1px solid rgba(132,149,255,0.98);background:linear-gradient(135deg,rgba(145,164,255,0.98),rgba(100,124,246,0.98));box-shadow:0 0 16px rgba(131,150,255,0.98);font-size:11px;text-transform:uppercase;letter-spacing:0.18em;color:#050719;cursor:pointer;user-select:none;transition:transform var(--game-transition-fast),box-shadow var(--game-transition-fast),background var(--game-transition-fast);}
.game-dialog-action::before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,0.4);mix-blend-mode:soft-light;pointer-events:none;}
.game-dialog-action:hover{transform:translateY(-1px);box-shadow:0 0 20px rgba(136,154,255,1);}
.game-dialog-action:active{transform:translateY(0);box-shadow:0 0 12px rgba(92,113,231,0.95);background:linear-gradient(135deg,rgba(110,131,244,0.98),rgba(83,106,228,0.98));}
.game-dialog-action-secondary{border-color:rgba(92,111,191,0.96);background:linear-gradient(135deg,rgba(32,43,103,0.98),rgba(23,31,80,0.98));box-shadow:0 0 14px rgba(63,82,161,0.96);color:#e0e6ff;}
.game-dialog-action-secondary:active{background:linear-gradient(135deg,rgba(25,34,84,0.98),rgba(17,24,68,0.98));}
.game-dialog-choices{margin-top:7px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.game-dialog-choice{position:relative;padding:7px 9px;border-radius:var(--game-radius-sm);border:1px solid rgba(68,85,170,0.96);background:radial-gradient(circle at 0 0,rgba(52,76,176,0.55),rgba(12,16,38,0.98));box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 12px 22px rgba(0,0,0,0.95);font-size:11px;color:rgba(216,225,255,0.98);cursor:pointer;transition:transform var(--game-transition-fast),box-shadow var(--game-transition-fast),border-color var(--game-transition-fast),background var(--game-transition-fast);}
.game-dialog-choice::before{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(0,0,0,0.9);box-shadow:inset 0 0 18px rgba(0,0,0,0.96);opacity:0.86;pointer-events:none;}
.game-dialog-choice-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:0.18em;color:#f5f6ff;margin-bottom:2px;}
.game-dialog-choice-body{display:block;font-size:11px;line-height:1.5;color:rgba(201,212,255,0.98);}
.game-dialog-choice:hover{transform:translateY(-1px);border-color:rgba(117,143,255,0.98);background:radial-gradient(circle at 0 0,rgba(86,115,255,0.7),rgba(18,23,60,1));box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 16px 26px rgba(0,0,0,0.98);}
.game-dialog-choice:active{transform:translateY(0);box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 10px 18px rgba(0,0,0,0.96);}
.game-dialog-choice--highlight{border-color:rgba(255,206,109,0.98);background:radial-gradient(circle at 0 0,rgba(255,221,147,0.82),rgba(35,26,6,0.98));box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 18px 30px rgba(0,0,0,0.98);}
.game-dialog-choice--danger{border-color:rgba(255,122,130,0.98);background:radial-gradient(circle at 0 0,rgba(255,131,149,0.8),rgba(34,8,16,0.98));box-shadow:0 0 0 1px rgba(0,0,0,0.9),0 18px 30px rgba(0,0,0,0.98);}
.game-dialog-choice-key{position:absolute;top:4px;right:6px;min-width:16px;height:14px;border-radius:4px;border:1px solid rgba(193,205,255,0.98);background:linear-gradient(180deg,#fdfdff,#c0cef8);box-shadow:0 2px 0 rgba(41,53,111,1),0 0 10px rgba(162,179,255,0.96);font-size:9px;font-weight:700;color:#151938;display:flex;align-items:center;justify-content:center;}
/* ============================================
   🎮 平台界面美化 - 赛博朋克主题
   ============================================ */

/* === 输入框区域 === */
textarea,
textarea.el-textarea__inner,
.el-textarea__inner,
.chat-input textarea,
.input-box textarea{
  background:linear-gradient(145deg,rgba(6,8,20,0.96),rgba(13,16,34,0.98)) !important;
  border:1px solid rgba(72,90,175,0.7) !important;
  border-radius:12px !important;
  color:rgba(225,233,255,0.98) !important;
  font-size:14px !important;
  line-height:1.6 !important;
  padding:12px 14px !important;
  box-shadow:0 0 0 1px rgba(0,0,0,0.6),0 8px 24px rgba(0,0,0,0.5),inset 0 0 20px rgba(0,0,0,0.4) !important;
  transition:border-color 0.28s ease-out,box-shadow 0.28s ease-out !important;
  caret-color:#37ffe0 !important;
  resize:none !important;
}
textarea:focus,
textarea.el-textarea__inner:focus,
.el-textarea__inner:focus,
.chat-input textarea:focus,
.input-box textarea:focus{
  border-color:rgba(55,255,224,0.6) !important;
  box-shadow:0 0 0 1px rgba(55,255,224,0.15),0 0 24px rgba(55,255,224,0.15),0 8px 24px rgba(0,0,0,0.6),inset 0 0 20px rgba(0,0,0,0.4) !important;
  outline:none !important;
}
textarea::placeholder,
.el-textarea__inner::placeholder{
  color:rgba(139,146,183,0.6) !important;
  font-style:italic !important;
}

/* === 输入框容器 === */
.el-textarea,
.chat-input,
.input-box{
  background:transparent !important;
}

/* === 通用按钮基础样式 === */
button,
.el-button,
[class*="btn"],
[class*="button"]{
  position:relative !important;
  border-radius:999px !important;
  border:1px solid rgba(118,138,228,0.7) !important;
  background:linear-gradient(135deg,rgba(32,43,103,0.95),rgba(23,31,80,0.95)) !important;
  color:rgba(225,233,255,0.98) !important;
  font-size:10px !important;
  letter-spacing:0.06em !important;
  padding:6px 15px !important;
  cursor:pointer !important;
  transition:transform 0.18s ease-out,box-shadow 0.18s ease-out,border-color 0.18s ease-out,background 0.18s ease-out !important;
  box-shadow:0 0 10px rgba(79,108,255,0.3),0 4px 12px rgba(0,0,0,0.5) !important;
  text-shadow:0 0 6px rgba(0,0,0,0.5) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  overflow:hidden !important;
}
button:hover,
.el-button:hover,
[class*="btn"]:hover,
[class*="button"]:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(55,255,224,0.6) !important;
  box-shadow:0 0 20px rgba(55,255,224,0.3),0 6px 18px rgba(0,0,0,0.6) !important;
  background:linear-gradient(135deg,rgba(42,56,130,0.98),rgba(30,40,105,0.98)) !important;
}
button:active,
.el-button:active,
[class*="btn"]:active,
[class*="button"]:active{
  transform:translateY(0) scale(0.98) !important;
  box-shadow:0 0 10px rgba(55,255,224,0.2),0 2px 8px rgba(0,0,0,0.5) !important;
  background:linear-gradient(135deg,rgba(25,34,84,0.98),rgba(17,24,68,0.98)) !important;
}

/* === 发送按钮 - 主要操作高亮 === */
button[class*="send"],
[class*="send-btn"],
.el-button--primary,
button.primary{
  border-color:rgba(55,255,224,0.7) !important;
  background:linear-gradient(135deg,rgba(20,60,55,0.95),rgba(10,40,45,0.95)) !important;
  color:#37ffe0 !important;
  box-shadow:0 0 16px rgba(55,255,224,0.35),0 4px 14px rgba(0,0,0,0.5) !important;
  text-shadow:0 0 10px rgba(55,255,224,0.5) !important;
}
button[class*="send"]:hover,
[class*="send-btn"]:hover,
.el-button--primary:hover,
button.primary:hover{
  border-color:rgba(55,255,224,0.9) !important;
  background:linear-gradient(135deg,rgba(25,75,68,0.98),rgba(15,55,58,0.98)) !important;
  box-shadow:0 0 24px rgba(55,255,224,0.5),0 6px 18px rgba(0,0,0,0.6) !important;
}

/* === 对话消息区域 === */
[class*="message-list"],
[class*="chat-list"],
[class*="msg-list"],
[class*="conversation"]{
  background:transparent !important;
}

/* === AI消息气泡 === */
[class*="message"][class*="ai"],
[class*="message"][class*="bot"],
[class*="message"][class*="assistant"],
[class*="msg-item"]:nth-child(even),
[class*="reply-content"],
[class*="ai-message"]{
  background:linear-gradient(145deg,rgba(10,13,30,0.9),rgba(16,19,40,0.95)) !important;
  border:1px solid rgba(72,90,175,0.4) !important;
  border-radius:14px !important;
  box-shadow:0 0 0 1px rgba(0,0,0,0.4),0 8px 24px rgba(0,0,0,0.4) !important;
  color:rgba(225,233,255,0.98) !important;
  position:relative !important;
}

/* === 用户消息气泡 === */
[class*="message"][class*="user"],
[class*="message"][class*="self"],
[class*="user-message"],
[class*="msg-item"]:nth-child(odd){
  background:linear-gradient(145deg,rgba(20,30,70,0.9),rgba(25,35,85,0.95)) !important;
  border:1px solid rgba(55,255,224,0.25) !important;
  border-radius:14px !important;
  box-shadow:0 0 0 1px rgba(0,0,0,0.4),0 0 12px rgba(55,255,224,0.08),0 8px 24px rgba(0,0,0,0.4) !important;
  color:rgba(225,233,255,0.98) !important;
}

/* === 对话区域滚动条 === */
[class*="message-list"]::-webkit-scrollbar,
[class*="chat-list"]::-webkit-scrollbar,
[class*="conversation"]::-webkit-scrollbar{
  width:6px !important;
}
[class*="message-list"]::-webkit-scrollbar-track,
[class*="chat-list"]::-webkit-scrollbar-track,
[class*="conversation"]::-webkit-scrollbar-track{
  background:rgba(14,16,35,0.8) !important;
  border-radius:999px !important;
}
[class*="message-list"]::-webkit-scrollbar-thumb,
[class*="chat-list"]::-webkit-scrollbar-thumb,
[class*="conversation"]::-webkit-scrollbar-thumb{
  border-radius:999px !important;
  background:linear-gradient(180deg,#37ffe0,#6b7dff) !important;
  box-shadow:0 0 8px rgba(55,255,224,0.5) !important;
}

/* === 下拉菜单 / 弹窗 === */
.el-dropdown-menu,
.el-select-dropdown,
.el-popover,
[class*="dropdown"],
[class*="popover"],
[class*="popup"]{
  background:linear-gradient(145deg,rgba(10,13,30,0.98),rgba(16,19,40,0.99)) !important;
  border:1px solid rgba(72,90,175,0.6) !important;
  border-radius:12px !important;
  box-shadow:0 0 0 1px rgba(0,0,0,0.7),0 18px 40px rgba(0,0,0,0.8),0 0 30px rgba(79,108,255,0.15) !important;
  backdrop-filter:blur(20px) !important;
  -webkit-backdrop-filter:blur(20px) !important;
  color:rgba(225,233,255,0.98) !important;
}

/* === 下拉菜单选项 === */
.el-dropdown-menu__item,
.el-select-dropdown__item,
[class*="dropdown"] li,
[class*="dropdown"] a,
[class*="menu-item"]{
  color:rgba(200,210,255,0.9) !important;
  transition:background 0.18s ease-out,color 0.18s ease-out !important;
  border-radius:8px !important;
}
.el-dropdown-menu__item:hover,
.el-select-dropdown__item:hover,
[class*="dropdown"] li:hover,
[class*="dropdown"] a:hover,
[class*="menu-item"]:hover{
  background:linear-gradient(135deg,rgba(55,255,224,0.12),rgba(79,108,255,0.15)) !important;
  color:#37ffe0 !important;
}

/* === 模态框 / 对话框 === */
.el-dialog,
.el-message-box,
[class*="modal"],
[class*="dialog"]:not(.game-dialog-panel):not(.game-dialog-layer):not(.game-dialog-inner):not(.game-dialog-main):not(.game-dialog-body):not(.game-dialog-header):not(.game-dialog-footer):not(.game-dialog-text-shell):not(.game-dialog-text-scroll):not(.game-dialog-character):not(.game-dialog-choice):not(.game-dialog-choices):not(.game-dialog-action):not(.game-dialog-actions):not(.game-dialog-hints):not([class*="game-dialog"]){
  background:linear-gradient(145deg,rgba(8,10,24,0.98),rgba(14,17,38,0.99)) !important;
  border:1px solid rgba(118,138,228,0.5) !important;
  border-radius:16px !important;
  box-shadow:0 0 0 1px rgba(0,0,0,0.7),0 24px 60px rgba(0,0,0,0.85),0 0 40px rgba(79,108,255,0.2) !important;
  color:rgba(225,233,255,0.98) !important;
}

/* === 模态框遮罩 === */
.el-overlay,
.el-dialog__wrapper,
[class*="modal-overlay"],
[class*="mask"]{
  background:rgba(2,3,8,0.85) !important;
  backdrop-filter:blur(6px) !important;
  -webkit-backdrop-filter:blur(6px) !important;
}

/* === 模态框标题 === */
.el-dialog__title,
.el-message-box__title,
[class*="modal"] [class*="title"],
[class*="dialog"] [class*="title"]{
  color:#ffffff !important;
  text-shadow:0 0 12px rgba(55,255,224,0.5) !important;
  letter-spacing:0.06em !important;
}

/* === 快捷回复按钮 === */
[class*="quick"],
[class*="shortcut"]{
  border:1px solid rgba(118,138,228,0.5) !important;
  background:linear-gradient(135deg,rgba(25,33,80,0.9),rgba(18,24,65,0.95)) !important;
  border-radius:999px !important;
  color:rgba(200,210,255,0.95) !important;
  box-shadow:0 0 10px rgba(79,108,255,0.2),0 3px 10px rgba(0,0,0,0.4) !important;
  transition:all 0.18s ease-out !important;
}
[class*="quick"]:hover,
[class*="shortcut"]:hover{
  border-color:rgba(55,255,224,0.6) !important;
  background:linear-gradient(135deg,rgba(32,43,103,0.98),rgba(25,35,90,0.98)) !important;
  box-shadow:0 0 18px rgba(55,255,224,0.25),0 4px 14px rgba(0,0,0,0.5) !important;
  color:#37ffe0 !important;
  transform:translateY(-1px) !important;
}

/* === 底部工具栏 === */
[class*="toolbar"],
[class*="bottom-bar"],
[class*="action-bar"]{
  background:linear-gradient(180deg,rgba(8,10,22,0.95),rgba(5,7,17,0.98)) !important;
  border-top:1px solid rgba(72,90,175,0.3) !important;
  box-shadow:0 -4px 20px rgba(0,0,0,0.5) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

/* === 图标按钮（小型圆形按钮） === */
[class*="icon-btn"],
button[class*="icon"],
[class*="toolbar"] button,
[class*="action-bar"] button{
  border-radius:50% !important;
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(72,90,175,0.5) !important;
  background:linear-gradient(145deg,rgba(20,25,55,0.9),rgba(14,18,45,0.95)) !important;
  box-shadow:0 0 8px rgba(79,108,255,0.2),0 3px 8px rgba(0,0,0,0.4) !important;
}
[class*="icon-btn"]:hover,
button[class*="icon"]:hover,
[class*="toolbar"] button:hover,
[class*="action-bar"] button:hover{
  border-color:rgba(55,255,224,0.5) !important;
  box-shadow:0 0 14px rgba(55,255,224,0.25),0 4px 12px rgba(0,0,0,0.5) !important;
  background:linear-gradient(145deg,rgba(28,35,75,0.95),rgba(20,26,60,0.98)) !important;
}

/* === SVG图标颜色统一 === */
[class*="toolbar"] svg,
[class*="action-bar"] svg,
[class*="icon-btn"] svg,
button svg{
  fill:rgba(180,195,255,0.8) !important;
  transition:fill 0.18s ease-out !important;
}
[class*="toolbar"] button:hover svg,
[class*="action-bar"] button:hover svg,
[class*="icon-btn"]:hover svg,
button:hover svg{
  fill:#37ffe0 !important;
}

/* === 标签/Tab切换 === */
[class*="tab"],
.el-tabs__item{
  color:rgba(139,146,183,0.8) !important;
  transition:color 0.18s ease-out,text-shadow 0.18s ease-out !important;
}
[class*="tab"]:hover,
.el-tabs__item:hover{
  color:rgba(200,210,255,0.95) !important;
}
[class*="tab"][class*="active"],
[class*="tab"].active,
.el-tabs__item.is-active{
  color:#37ffe0 !important;
  text-shadow:0 0 12px rgba(55,255,224,0.5) !important;
}
.el-tabs__active-bar{
  background:#37ffe0 !important;
  box-shadow:0 0 10px rgba(55,255,224,0.6) !important;
}

/* === 输入框 input（单行） === */
input[type="text"],
input[type="search"],
input[type="number"],
.el-input__inner{
  background:linear-gradient(145deg,rgba(6,8,20,0.95),rgba(13,16,34,0.98)) !important;
  border:1px solid rgba(72,90,175,0.5) !important;
  border-radius:10px !important;
  color:rgba(225,233,255,0.98) !important;
  padding:8px 12px !important;
  box-shadow:inset 0 0 14px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.4) !important;
  transition:border-color 0.28s ease-out,box-shadow 0.28s ease-out !important;
  caret-color:#37ffe0 !important;
}
input[type="text"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
.el-input__inner:focus{
  border-color:rgba(55,255,224,0.5) !important;
  box-shadow:inset 0 0 14px rgba(0,0,0,0.3),0 0 0 1px rgba(55,255,224,0.1),0 0 16px rgba(55,255,224,0.1) !important;
  outline:none !important;
}

/* === 开关/Toggle === */
.el-switch__core,
[class*="toggle"],
[class*="switch"]{
  border:1px solid rgba(72,90,175,0.5) !important;
  background:rgba(14,18,42,0.9) !important;
  border-radius:999px !important;
  box-shadow:inset 0 0 8px rgba(0,0,0,0.4) !important;
}
.el-switch.is-checked .el-switch__core,
[class*="toggle"][class*="active"],
[class*="switch"][class*="on"]{
  border-color:rgba(55,255,224,0.6) !important;
  background:linear-gradient(135deg,rgba(20,60,55,0.9),rgba(10,40,45,0.95)) !important;
  box-shadow:inset 0 0 8px rgba(0,0,0,0.3),0 0 12px rgba(55,255,224,0.3) !important;
}

/* === 提示/Toast === */
.el-message,
[class*="toast"],
[class*="notification"]{
  background:linear-gradient(145deg,rgba(10,13,30,0.98),rgba(16,19,40,0.99)) !important;
  border:1px solid rgba(72,90,175,0.5) !important;
  border-radius:12px !important;
  box-shadow:0 0 0 1px rgba(0,0,0,0.6),0 12px 32px rgba(0,0,0,0.7),0 0 20px rgba(79,108,255,0.15) !important;
  color:rgba(225,233,255,0.98) !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

/* === 选中文本颜色 === */
::selection{
  background:rgba(55,255,224,0.3) !important;
  color:#ffffff !important;
}

/* === 链接 === */
a:not([class*="game-"]){
  color:rgba(107,125,255,0.95) !important;
  text-decoration:none !important;
  transition:color 0.18s ease-out,text-shadow 0.18s ease-out !important;
}
a:not([class*="game-"]):hover{
  color:#37ffe0 !important;
  text-shadow:0 0 10px rgba(55,255,224,0.4) !important;
}

@media (max-width:768px){.game-status-bar{height:60px;padding-inline:12px;}.game-status-left{min-width:0;}.game-status-center{display:none;}.game-status-right{min-width:0;}.game-dialog-inner{grid-template-columns:minmax(0,1fr);row-gap:10px;}.game-dialog-character-frame{display:none;}.game-dialog-text-scroll{max-height:140px;}.game-dialog-choices{grid-template-columns:minmax(0,1fr);}}
@media (max-width:480px){.game-status-bar{width:98%;}.game-status-meta{display:none;}.game-dialog-panel{padding-inline:10px;}.game-dialog-body{padding-inline:7px;}.game-dialog-footer{flex-direction:column;align-items:flex-start;}.game-dialog-actions{align-self:flex-end;}}

/* ============================================
   📋 状态面板 <details> 折叠区域美化
   ============================================ */

/* === details 容器基础 === */
details {
  position: relative;
  margin: 10px 0;
  border-radius: 14px;
  border: 1px solid rgba(72, 90, 175, 0.55);
  background: linear-gradient(145deg, rgba(8, 10, 24, 0.96), rgba(14, 17, 38, 0.98));
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.7), 0 12px 32px rgba(0, 0, 0, 0.6), 0 0 24px rgba(79, 108, 255, 0.1);
  overflow: hidden;
  transition: border-color 0.28s ease-out, box-shadow 0.28s ease-out;
}

details::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 0 0, rgba(69, 113, 255, 0.12), transparent 50%), radial-gradient(circle at 100% 100%, rgba(55, 255, 224, 0.08), transparent 50%);
  mix-blend-mode: screen;
  pointer-events: none;
  opacity: 0.7;
}

details::after {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5);
  pointer-events: none;
}

details[open] {
  border-color: rgba(55, 255, 224, 0.4);
  box-shadow: 0 0 0 1px rgba(55, 255, 224, 0.08), 0 16px 40px rgba(0, 0, 0, 0.7), 0 0 30px rgba(55, 255, 224, 0.1);
}

/* === summary 触发器 === */
details > summary {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 18px;
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(225, 233, 255, 0.95);
  text-shadow: 0 0 10px rgba(112, 148, 255, 0.5);
  background: linear-gradient(135deg, rgba(25, 32, 72, 0.9), rgba(18, 23, 58, 0.95));
  border-bottom: 1px solid rgba(72, 90, 175, 0.35);
  transition: background 0.28s ease-out, color 0.28s ease-out, text-shadow 0.28s ease-out;
  -webkit-user-select: none;
  user-select: none;
}

details > summary::-webkit-details-marker {
  display: none;
}

details > summary::before {
  content: "▸";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid rgba(118, 138, 228, 0.6);
  background: linear-gradient(135deg, rgba(32, 43, 103, 0.9), rgba(18, 24, 65, 0.95));
  box-shadow: 0 0 8px rgba(79, 108, 255, 0.3);
  font-size: 11px;
  color: rgba(180, 195, 255, 0.9);
  transition: transform 0.28s ease-out, background 0.28s ease-out, color 0.28s ease-out, box-shadow 0.28s ease-out;
  flex-shrink: 0;
}

details[open] > summary::before {
  content: "▾";
  background: linear-gradient(135deg, rgba(20, 60, 55, 0.9), rgba(10, 40, 45, 0.95));
  border-color: rgba(55, 255, 224, 0.5);
  color: #37ffe0;
  box-shadow: 0 0 10px rgba(55, 255, 224, 0.4);
}

details > summary:hover {
  background: linear-gradient(135deg, rgba(32, 40, 88, 0.95), rgba(24, 30, 72, 0.98));
  color: #37ffe0;
  text-shadow: 0 0 14px rgba(55, 255, 224, 0.6);
}

details > summary:hover::before {
  border-color: rgba(55, 255, 224, 0.5);
  color: #37ffe0;
  box-shadow: 0 0 12px rgba(55, 255, 224, 0.35);
}

details[open] > summary {
  color: #37ffe0;
  text-shadow: 0 0 14px rgba(55, 255, 224, 0.6);
  background: linear-gradient(135deg, rgba(15, 35, 45, 0.9), rgba(12, 28, 40, 0.95));
  border-bottom-color: rgba(55, 255, 224, 0.25);
}

/* === summary 右侧状态指示灯 === */
details > summary::after {
  content: "";
  margin-left: auto;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  border: 1px solid rgba(139, 146, 183, 0.5);
  background: radial-gradient(circle at 30% 20%, rgba(80, 90, 140, 0.8), rgba(20, 24, 50, 1));
  box-shadow: 0 0 4px rgba(79, 108, 255, 0.2);
  transition: background 0.28s ease-out, border-color 0.28s ease-out, box-shadow 0.28s ease-out;
  flex-shrink: 0;
}

details[open] > summary::after {
  border-color: rgba(55, 255, 224, 0.7);
  background: radial-gradient(circle at 30% 20%, #ffffff, #37ffe0 40%, #022620 78%);
  box-shadow: 0 0 10px rgba(55, 255, 224, 0.8);
}

/* === details 内容区域 === */
details > *:not(summary) {
  position: relative;
  z-index: 1;
}

/* === summary 点击反馈 === */
details > summary:active {
  background: linear-gradient(135deg, rgba(12, 28, 40, 0.98), rgba(8, 22, 34, 0.99));
}

/* === 嵌套 details === */
details details {
  margin: 6px 10px;
  border-color: rgba(55, 70, 140, 0.4);
  background: linear-gradient(145deg, rgba(6, 8, 18, 0.95), rgba(11, 14, 32, 0.97));
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 6px 18px rgba(0, 0, 0, 0.4);
}

details details > summary {
  padding: 9px 14px;
  font-size: 12px;
  background: linear-gradient(135deg, rgba(20, 26, 60, 0.9), rgba(14, 18, 48, 0.95));
}

/* === 面板间距 === */
details + details {
  margin-top: 6px;
}


/* ============================================
   📋 面板内 Markdown 代码块美化
   ============================================ */

details pre {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  border: 1px solid rgba(55, 70, 140, 0.45);
  background: linear-gradient(160deg, rgba(6, 8, 20, 0.97), rgba(10, 13, 30, 0.99));
  box-shadow: inset 0 0 24px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(0, 0, 0, 0.6), 0 8px 20px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

details pre::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(55, 255, 224, 0.2), rgba(107, 125, 255, 0.2), transparent);
  pointer-events: none;
}

details pre code {
  display: block;
  padding: 14px 16px;
  font-family: "JetBrains Mono", "Fira Code", "SF Mono", "Cascadia Code", Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.75;
  color: rgba(210, 220, 255, 0.95);
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-x: auto;
}

/* === 代码块滚动条 === */
details pre code::-webkit-scrollbar {
  height: 5px;
  width: 5px;
}

details pre code::-webkit-scrollbar-track {
  background: rgba(14, 16, 35, 0.6);
  border-radius: 999px;
}

details pre code::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: linear-gradient(90deg, #37ffe0, #6b7dff);
  box-shadow: 0 0 6px rgba(55, 255, 224, 0.4);
}

/* === 行内代码 === */
details code:not(pre code) {
  padding: 2px 6px;
  border-radius: 5px;
  border: 1px solid rgba(107, 125, 255, 0.35);
  background: linear-gradient(135deg, rgba(30, 40, 95, 0.7), rgba(18, 24, 60, 0.85));
  box-shadow: 0 0 6px rgba(107, 125, 255, 0.15);
  font-family: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;
  font-size: 0.9em;
  color: #37ffe0;
  text-shadow: 0 0 6px rgba(55, 255, 224, 0.3);
}


/* ============================================
   📋 面板内文本美化
   ============================================ */

details h1,
details h2,
details h3,
details h4,
details h5,
details h6 {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  color: rgba(240, 245, 255, 0.98);
  letter-spacing: 0.04em;
}

details p {
  position: relative;
  z-index: 1;
  margin: 3px 0;
  font-size: 12.5px;
  line-height: 1.7;
  color: rgba(200, 210, 245, 0.92);
}

details strong,
details b {
  color: rgba(240, 245, 255, 0.98);
  text-shadow: 0 0 6px rgba(112, 148, 255, 0.25);
}

details em,
details i {
  color: rgba(55, 255, 224, 0.85);
  font-style: italic;
}


/* ============================================
   📋 面板内表格美化
   ============================================ */

details table {
  position: relative;
  z-index: 1;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 8px 0;
  border-radius: 10px;
  border: 1px solid rgba(55, 70, 140, 0.5);
  background: linear-gradient(160deg, rgba(6, 8, 20, 0.97), rgba(10, 13, 30, 0.99));
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5), 0 8px 20px rgba(0, 0, 0, 0.4);
  overflow: hidden;
  font-size: 11.5px;
}

details table thead {
  background: linear-gradient(135deg, rgba(25, 32, 72, 0.95), rgba(18, 23, 58, 0.98));
}

details table th {
  padding: 8px 10px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(180, 195, 255, 0.9);
  text-shadow: 0 0 6px rgba(112, 148, 255, 0.3);
  border-bottom: 1px solid rgba(55, 70, 140, 0.5);
  text-align: left;
  white-space: nowrap;
}

details table th:not(:last-child) {
  border-right: 1px solid rgba(55, 70, 140, 0.25);
}

details table td {
  padding: 7px 10px;
  color: rgba(200, 210, 245, 0.9);
  border-bottom: 1px solid rgba(40, 50, 110, 0.3);
  line-height: 1.6;
  vertical-align: top;
}

details table td:not(:last-child) {
  border-right: 1px solid rgba(40, 50, 110, 0.2);
}

details table tbody tr {
  transition: background 0.18s ease-out;
}

details table tbody tr:hover {
  background: linear-gradient(135deg, rgba(55, 255, 224, 0.04), rgba(79, 108, 255, 0.06));
}

details table tbody tr:nth-child(even) {
  background: rgba(15, 18, 40, 0.4);
}

details table tbody tr:nth-child(even):hover {
  background: linear-gradient(135deg, rgba(55, 255, 224, 0.06), rgba(79, 108, 255, 0.08));
}

details table tbody tr:last-child td {
  border-bottom: none;
}

details table td:first-child {
  color: rgba(107, 125, 255, 0.9);
  font-weight: 600;
  white-space: nowrap;
}

details table td:nth-child(2) {
  color: rgba(139, 146, 183, 0.85);
  font-size: 11px;
  white-space: nowrap;
}

details table thead th:first-child {
  border-radius: 10px 0 0 0;
}

details table thead th:last-child {
  border-radius: 0 10px 0 0;
}


/* ============================================
   📋 面板内列表美化
   ============================================ */

details ul,
details ol {
  position: relative;
  z-index: 1;
  margin: 4px 0;
  padding-left: 20px;
}

details li {
  font-size: 12.5px;
  line-height: 1.7;
  color: rgba(200, 210, 245, 0.9);
  margin: 2px 0;
}

details ul li::marker {
  color: rgba(55, 255, 224, 0.6);
}

details ol li::marker {
  color: rgba(107, 125, 255, 0.7);
}


/* ============================================
   📋 面板内分隔线
   ============================================ */

details hr {
  position: relative;
  z-index: 1;
  border: none;
  height: 1px;
  margin: 10px 16px;
  background: linear-gradient(90deg, transparent, rgba(55, 255, 224, 0.2), rgba(107, 125, 255, 0.2), transparent);
}


/* ============================================
   📋 面板内引用块
   ============================================ */

details blockquote {
  position: relative;
  z-index: 1;
  margin: 6px 12px;
  padding: 8px 14px;
  border-left: 3px solid rgba(55, 255, 224, 0.5);
  border-radius: 0 6px 6px 0;
  background: linear-gradient(135deg, rgba(55, 255, 224, 0.05), rgba(10, 13, 30, 0.9));
  box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.3);
  color: rgba(210, 220, 255, 0.9);
  font-size: 12.5px;
  line-height: 1.7;
}


/* ============================================
   📋 展开动画
   ============================================ */

details[open] > *:not(summary) {
  animation: panelFadeIn 0.32s ease-out;
}

@keyframes panelFadeIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* ============================================
   📋 响应式适配
   ============================================ */

@media (max-width: 768px) {
  details > summary {
    padding: 10px 14px;
    font-size: 12px;
    letter-spacing: 0.08em;
  }

  details pre code {
    padding: 10px 12px;
    font-size: 11.5px;
    line-height: 1.65;
  }

  details table {
    font-size: 10.5px;
  }

  details table th {
    padding: 6px 8px;
    font-size: 9px;
  }

  details table td {
    padding: 5px 8px;
  }

  details details {
    margin: 4px 6px;
  }
}

@media (max-width: 480px) {
  details {
    border-radius: 10px;
  }

  details > summary {
    padding: 8px 12px;
    font-size: 11px;
  }

  details > summary::before {
    width: 16px;
    height: 16px;
    font-size: 9px;
    border-radius: 4px;
  }

  details pre code {
    padding: 8px 10px;
    font-size: 11px;
  }

  details table {
    font-size: 10px;
    display: block;
    overflow-x: auto;
  }

  details blockquote {
    margin: 4px 8px;
    padding: 6px 10px;
  }
}