/* ==============================================
   【霓虹光效】增强魔化版（已移除扫描线）
   流光边框 · 呼吸光晕 · 渐变标题 · 按钮闪光
   霓虹灯管光标 · 选中辉光 · 多色动感
   直接复制全部代码即可使用
============================================== */

: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;
  font-size: 17px;
}

* {
  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;
  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;
  position: relative;
  overflow-x: hidden;
}

/* 移动光点（漂浮霓虹粒子） */
body::before {
  content: "";
  position: fixed;
  width: 150px;
  height: 150px;
  background: radial-gradient(circle, rgba(0, 240, 255, 0.2) 0%, transparent 70%);
  border-radius: 50%;
  z-index: -1;
  pointer-events: none;
  animation: floatParticle 12s ease-in-out infinite;
}

@keyframes floatParticle {
  0% { top: 10%; left: 10%; transform: scale(1); }
  25% { top: 60%; left: 80%; transform: scale(1.3); background: radial-gradient(circle, rgba(255, 106, 176, 0.2) 0%, transparent 70%); }
  50% { top: 80%; left: 30%; transform: scale(0.9); background: radial-gradient(circle, rgba(74, 176, 255, 0.2) 0%, transparent 70%); }
  75% { top: 20%; left: 70%; transform: scale(1.2); background: radial-gradient(circle, rgba(0, 240, 255, 0.2) 0%, transparent 70%); }
  100% { top: 10%; left: 10%; transform: scale(1); }
}

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;
}

/* ===== 容器：霓虹边框 + 流光 ===== */
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), var(--neon-cyan)) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  box-shadow: var(--glow-soft) !important;
  padding: 17px !important;
  margin: 10px 0 !important;
  animation: borderFlow 6s linear infinite;
}

@keyframes borderFlow {
  0% { background-image: linear-gradient(var(--bg-card), var(--bg-card)), 
       linear-gradient(135deg, var(--neon-cyan), var(--neon-blue), var(--neon-pink), var(--neon-cyan)); }
  50% { background-image: linear-gradient(var(--bg-card), var(--bg-card)), 
       linear-gradient(135deg, var(--neon-pink), var(--neon-cyan), var(--neon-blue), var(--neon-pink)); }
  100% { background-image: linear-gradient(var(--bg-card), var(--bg-card)), 
       linear-gradient(135deg, var(--neon-cyan), var(--neon-blue), var(--neon-pink), var(--neon-cyan)); }
}

div[class*="container"]:hover,
div[class*="card"]:hover {
  box-shadow: 0 0 25px rgba(0, 240, 255, 0.5), 0 0 15px rgba(255, 106, 176, 0.3) !important;
  transform: translateY(-2px) !important;
  transition: all 0.3s ease;
}

/* ===== 按钮激活态 ===== */
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;
  animation: activePulse 1.5s ease-in-out infinite;
}

@keyframes activePulse {
  0%, 100% { box-shadow: 0 2px 12px rgba(0, 240, 255, 0.4); }
  50% { box-shadow: 0 2px 20px rgba(0, 240, 255, 0.7), 0 0 10px rgba(255, 106, 176, 0.4); }
}

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), 0 0 5px rgba(255, 106, 176, 0.3) !important;
  transform: translateY(-1px) !important;
}

/* ===== 输入框 ===== */
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;
  caret-color: var(--neon-pink) !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;
  animation: inputGlow 2s ease-in-out infinite;
  caret-color: var(--neon-cyan) !important;
}

@keyframes inputGlow {
  0%, 100% { box-shadow: 0 0 12px rgba(0, 240, 255, 0.4), inset 0 0 8px rgba(0, 240, 255, 0.1); }
  50% { box-shadow: 0 0 20px rgba(0, 240, 255, 0.7), inset 0 0 12px rgba(255, 106, 176, 0.2); }
}

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;
}

/* ===== 提交按钮 ===== */
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;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

button[type="submit"]::after,
button[class*="submit"]::after,
.config-submit::after,
.send-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 300%;
  height: 100%;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(0, 240, 255, 0.3), 
    rgba(255, 106, 176, 0.3), 
    rgba(0, 240, 255, 0.3), 
    transparent);
  transform: skewX(-25deg);
  transition: 0.5s;
  z-index: -1;
  animation: btnShimmer 3s linear infinite;
}

@keyframes btnShimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

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), 0 0 10px rgba(0, 240, 255, 0.4) !important;
  text-shadow: 0 0 10px var(--neon-pink);
}

/* ===== 信息展示区 ===== */
.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;
  animation: contentBreath 4s ease-in-out infinite;
}

@keyframes contentBreath {
  0%, 100% { box-shadow: inset 0 0 15px rgba(0, 180, 220, 0.06); }
  50% { box-shadow: inset 0 0 25px rgba(0, 240, 255, 0.1), inset 0 0 10px rgba(255, 106, 176, 0.05); }
}

/* ===== 标题 ===== */
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;
  background: linear-gradient(90deg, var(--neon-cyan), var(--neon-blue), var(--neon-pink), var(--neon-cyan));
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  animation: titleGradient 4s linear infinite;
}

@keyframes titleGradient {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

/* ===== 侧边栏/底部 ===== */
.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;
  box-shadow: 0 -2px 10px rgba(0, 240, 255, 0.1);
}

/* ===== 滚动条 ===== */
::-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);
  animation: scrollGlow 2s ease-in-out infinite;
}

@keyframes scrollGlow {
  0%, 100% { box-shadow: 0 0 8px var(--neon-cyan); }
  50% { box-shadow: 0 0 15px var(--neon-pink), 0 0 8px var(--neon-cyan); }
}

/* ===== 选中文字 ===== */
::selection {
  background: var(--neon-cyan);
  color: #0a1520;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
::-moz-selection {
  background: var(--neon-cyan);
  color: #0a1520;
}

/* ==============================================
   【霓虹光标系统】
============================================== */

/* 默认十字霓虹光标 */
body {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%2300f0ff' stroke-width='1.5' opacity='0.8'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='%23ff6ab0' stroke-width='1.2'/%3E%3Cline x1='12' y1='0' x2='12' y2='6' stroke='%2300f0ff' stroke-width='2'/%3E%3Cline x1='12' y1='18' x2='12' y2='24' stroke='%2300f0ff' stroke-width='2'/%3E%3Cline x1='0' y1='12' x2='6' y2='12' stroke='%2300f0ff' stroke-width='2'/%3E%3Cline x1='18' y1='12' x2='24' y2='12' stroke='%2300f0ff' stroke-width='2'/%3E%3C/svg%3E") 12 12, crosshair;
}

/* 可点击元素：多彩脉冲光标 */
a, button, [role="button"],
input[type="submit"], input[type="button"],
.tab-btn, .btn, .button, [onclick],
label, select, summary,
[tabindex]:not([tabindex="-1"]),
.link, .nav-link, .menu-item {
  animation: neonCursorPulse 1.5s ease-in-out infinite;
}

@keyframes neonCursorPulse {
  0%, 100% {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='12' fill='none' stroke='%2300f0ff' stroke-width='2' opacity='0.9'/%3E%3Ccircle cx='14' cy='14' r='6' fill='rgba(255,106,176,0.3)' stroke='%23ff6ab0' stroke-width='1.5'/%3E%3Ccircle cx='14' cy='14' r='2' fill='%23ffd740'/%3E%3C/svg%3E") 14 14, pointer;
  }
  50% {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='14' fill='none' stroke='%23ff6ab0' stroke-width='2.5' opacity='1'/%3E%3Ccircle cx='16' cy='16' r='7' fill='rgba(0,240,255,0.4)' stroke='%2300f0ff' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='3' fill='%23ffd740'/%3E%3C/svg%3E") 16 16, pointer;
  }
}

/* 输入框：霓虹灯管光标 */
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
[contenteditable="true"],
.config-input {
  animation: none !important;
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='32' viewBox='0 0 16 32'%3E%3Cdefs%3E%3ClinearGradient id='grad' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%2300f0ff'/%3E%3Cstop offset='50%25' stop-color='%23ff6ab0'/%3E%3Cstop offset='100%25' stop-color='%234ab0ff'/%3E%3C/linearGradient%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='1.5' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23glow)'%3E%3Crect x='5' y='2' width='6' height='28' rx='3' fill='url(%23grad)'/%3E%3Crect x='6' y='4' width='4' height='24' rx='2' fill='%23fff' opacity='0.35'/%3E%3C/g%3E%3C/svg%3E") 8 16, text !important;
}

/* 拖拽元素 */
[draggable="true"], .draggable, .resizable, .grab {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='6' r='3' fill='%2300f0ff'/%3E%3Ccircle cx='18' cy='6' r='3' fill='%2300f0ff'/%3E%3Ccircle cx='6' cy='18' r='3' fill='%23ff6ab0'/%3E%3Ccircle cx='18' cy='18' r='3' fill='%23ff6ab0'/%3E%3C/svg%3E") 12 12, grab;
}

/* 禁用状态 */
:disabled, [disabled], .disabled {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%234ab0ff' stroke-width='2' opacity='0.5'/%3E%3Cline x1='5' y1='5' x2='19' y2='19' stroke='%23ff6ab0' stroke-width='3'/%3E%3C/svg%3E") 12 12, not-allowed;
}

/* 加载状态 */
@keyframes loadingSpin {
  0% { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='11' fill='none' stroke='%2300f0ff' stroke-width='2' stroke-dasharray='8 24'/%3E%3Ccircle cx='14' cy='14' r='5' fill='none' stroke='%23ff6ab0' stroke-width='1.5' stroke-dasharray='6 12'/%3E%3C/svg%3E") 14 14, progress; }
  100% { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='11' fill='none' stroke='%2300f0ff' stroke-width='2' stroke-dasharray='8 24'/%3E%3Ccircle cx='14' cy='14' r='5' fill='none' stroke='%23ff6ab0' stroke-width='1.5' stroke-dasharray='6 12'/%3E%3C/svg%3E") 14 14, progress; }
}
.wait, .loading, [aria-busy="true"] {
  animation: loadingSpin 1s linear infinite;
}

/* ===== 引用块 ===== */
blockquote {
  border-left: 3px solid var(--neon-cyan);
  background: rgba(0, 240, 255, 0.05);
  padding: 10px 16px;
  margin: 10px 0;
  border-radius: 0 6px 6px 0;
  box-shadow: 0 0 8px rgba(0, 240, 255, 0.1);
}

/* ===== 表格 ===== */
table {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
}
th {
  background: rgba(0, 240, 255, 0.15);
  color: var(--neon-cyan);
  padding: 8px 12px;
  text-align: left;
  border-bottom: 2px solid var(--neon-cyan);
}
td {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 106, 176, 0.15);
}
tr:hover td {
  background: rgba(0, 240, 255, 0.08);
}