/* 1. 小丑配色：碳黑与罪恶红 */
:root {
  --joker-black: #050505;
  --blood-red: #990000;
  --neon-red: #ff0000;
  --bone-gray: #b0b0b0;
}

/* 隐藏思维链 */
think { display: none; }

/* 2. 主聊天容器：裂纹与血迹质感 */
.joker-container {
  background: var(--joker-black) !important;
  border: 1px solid var(--blood-red);
  padding: 25px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 30px rgba(153, 0, 0, 0.4);
  border-radius: 2px;
}

/* 3. 动态光效：像伤口在跳动 */
.blood-line {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 2px;
  background: linear-gradient(90deg, transparent, var(--neon-red), transparent);
  animation: scanning 4s linear infinite;
  pointer-events: none;
}

@keyframes scanning {
  0% { top: 0%; opacity: 0; }
  50% { opacity: 1; }
  100% { top: 100%; opacity: 0; }
}

/* 4. 正文：高对比度阅读体验 */
.joker-body {
  color: var(--bone-gray);
  line-height: 1.8;
  font-family: "Courier New", monospace;
  position: relative;
  z-index: 2;
}

b, strong {
  color: var(--neon-red) !important;
  text-shadow: 0 0 5px rgba(255, 0, 0, 0.6);
}

/* 5. 状态栏：磨砂黑胶感 */
.joker-card {
  background: rgba(20, 20, 20, 0.9) !important;
  backdrop-filter: blur(5px);
  border-bottom: 1px solid #220000;
  margin-top: 5px;
  border-radius: 0;
}

summary {
  padding: 12px;
  color: var(--blood-red);
  font-weight: bold;
  letter-spacing: 2px;
  cursor: pointer;
  list-style: none;
  background: linear-gradient(90deg, #1a0000, transparent);
  transition: 0.3s;
}

summary:hover {
  color: var(--neon-red);
  background: #2a0000;
}

/* 6. 高亮文字：红光闪烁 */
.joker-red-glow {
  color: var(--neon-red);
  font-weight: 900;
  animation: glow-pulse 2s infinite;
}

@keyframes glow-pulse {
  0%, 100% { text-shadow: 0 0 5px var(--blood-red); }
  50% { text-shadow: 0 0 15px var(--neon-red); }
}

/* 7. 行动项按钮美化 */
.sc-action summary {
  color: #fff;
  border-top: 1px solid var(--blood-red);
  background: linear-gradient(180deg, #330000, transparent);
}