/* ==============================================
   【主神空间 · 赛博终端】全局美化 V2
   强制提亮 + 瘦金字体 + 霓虹光效
   采用通用选择器，彻底告别昏暗
   [基础字号已调整为 17px · 强制继承版]
============================================== */

:root {
  --bg-main: #1a2433;
  --bg-card: rgba(26, 36, 51, 0.92);
  --bg-input: rgba(20, 30, 45, 0.95);
  --text-primary: #f0f4ff;
  --text-secondary: #b0c5dd;
  --neon-cyan: #00f0ff;
  --neon-blue: #4ab0ff;
  --neon-pink: #ff6ab0;
  --neon-gold: #ffd740;
  --glow-soft: 0 0 12px rgba(0, 240, 255, 0.3);
  --glow-strong: 0 0 20px rgba(255, 106, 176, 0.3);
  --font-display: "瘦金体", "STKaiti", "KaiTi", "Microsoft YaHei", sans-serif;
  --font-mono: 'Courier New', monospace;
}

* {
  scrollbar-width: thin !important;
  scrollbar-color: var(--neon-cyan) transparent !important;
}

body {
  background: var(--bg-main) !important;
  color: var(--text-primary) !important;
  font-family: var(--font-display) !important;
  font-size: 17px !important;          /* 基础字号 17px */
  line-height: 1.6 !important;
  background-image: 
    radial-gradient(circle at 20% 20%, rgba(0, 240, 255, 0.15) 0%, transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(255, 106, 176, 0.1) 0%, transparent 30%) !important;
}

/* ===== 0. 强制所有常规文本元素继承 body 字号 ===== */
p, div, span, li, a, td, th, label, button,
input, select, textarea, .form-title, .regret-title,
.panel-title, .title, h1, h2, h3, h4, h5, h6,
.tab-btn, .event-content, .config-input, .config-select,
.chat-container, .container, .card, .box, .wrapper,
.content, .sidebar, .footer {
  font-size: inherit !important;      /* 强制继承，不另设字号 */
}

/* 对于原本依赖固定字号的个别图标或特殊数字，可用更具体覆盖 */
/* （如需微调，可自行添加例外，例如 .icon { font-size: 14px !important; }） */

/* ===== 1. 所有主要的块级容器：霓虹边框 ===== */
div[class*="container"],
div[class*="panel"],
div[class*="card"],
div[class*="box"],
div[class*="wrapper"],
.tab-container,
.chat-container {
  background: var(--bg-card) !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background-image: linear-gradient(var(--bg-card), var(--bg-card)), 
                    linear-gradient(135deg, var(--neon-cyan), var(--neon-blue), var(--neon-pink)) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  box-shadow: var(--glow-soft) !important;
  padding: 16px !important;
  margin: 10px 0 !important;
}

/* ===== 2. 标签/按钮的激活态 ===== */
button.active,
.tab-btn.active,
div[class*="active"] {
  color: var(--neon-cyan) !important;
  font-weight: bold !important;
  background: rgba(0, 240, 255, 0.12) !important;
  text-shadow: 0 0 10px var(--neon-cyan) !important;
  border-bottom: 2px solid var(--neon-cyan) !important;
  box-shadow: 0 2px 12px rgba(0, 240, 255, 0.4) !important;
}

button:hover,
.tab-btn:hover,
div[class*="card"]:hover,
div[class*="option"]:hover {
  border-color: var(--neon-cyan) !important;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.5) !important;
  transform: translateY(-1px) !important;
}

/* ===== 3. 输入框和下拉框 ===== */
input,
select,
textarea,
.config-input,
.config-select {
  background: var(--bg-input) !important;
  border: 1px solid rgba(74, 176, 255, 0.35) !important;
  color: var(--text-primary) !important;
  border-radius: 6px !important;
  padding: 10px !important;
}

input:focus,
select:focus,
textarea:focus,
.config-input:focus,
.config-select:focus {
  border-color: var(--neon-cyan) !important;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.4), inset 0 0 8px rgba(0, 240, 255, 0.1) !important;
}

select option {
  background: #162030 !important;
  color: #e8f0f8 !important;
}
select option:hover,
select option:checked {
  background: rgba(0, 240, 255, 0.2) !important;
  color: var(--neon-cyan) !important;
}

/* ===== 4. 提交按钮 ===== */
button[type="submit"],
button[class*="submit"],
.config-submit,
.send-btn {
  background: linear-gradient(135deg, #0a3040, #0a4560) !important;
  border: 1px solid var(--neon-cyan) !important;
  color: var(--neon-cyan) !important;
  font-weight: bold !important;
  letter-spacing: 2px !important;
  text-shadow: 0 0 6px var(--neon-cyan) !important;
  border-radius: 6px !important;
  transition: all 0.3s ease !important;
}

button[type="submit"]:hover,
button[class*="submit"]:hover,
.config-submit:hover,
.send-btn:hover {
  background: linear-gradient(135deg, #0f5068, #126880) !important;
  border-color: var(--neon-pink) !important;
  color: var(--neon-pink) !important;
  box-shadow: 0 0 20px rgba(255, 106, 176, 0.6) !important;
}

/* ===== 5. 信息展示区域 ===== */
.event-content,
div[class*="content"] {
  background: rgba(15, 25, 38, 0.85) !important;
  border: 1px dashed rgba(0, 240, 255, 0.3) !important;
  border-radius: 8px !important;
  color: #c8ddf0 !important;
  font-family: var(--font-mono) !important;
  box-shadow: inset 0 0 15px rgba(0, 180, 220, 0.06) !important;
  padding: 14px !important;
  line-height: 1.8 !important;
}

/* ===== 6. 标题文字 ===== */
h1, h2, h3,
.form-title,
.regret-title,
.panel-title,
.title {
  color: var(--neon-cyan) !important;
  text-shadow: 0 0 10px rgba(0, 240, 255, 0.5) !important;
  letter-spacing: 2px !important;
}

/* ===== 7. 底部/侧边栏的分隔 ===== */
.regret-wrap,
div[class*="sidebar"],
div[class*="footer"] {
  border-top: 1px solid rgba(0, 240, 255, 0.3) !important;
  background: rgba(0, 0, 0, 0.2) !important;
}

/* ===== 8. 滚动条 ===== */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a1520; }
::-webkit-scrollbar-thumb {
  background: var(--neon-cyan);
  border-radius: 3px;
  box-shadow: 0 0 8px var(--neon-cyan);
}