.zhibo-container {
  background: linear-gradient(135deg, #1a1209 0%, #2d1f14 50%, #1a1209 100%) !important;
  border: 2px solid #8b4513 !important;
  border-radius: 12px !important;
  padding: 18px !important;
  margin: 20px 0 !important;
  box-shadow: 0 0 25px rgba(139, 69, 19, 0.4), inset 0 0 40px rgba(0, 0, 0, 0.6) !important;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif !important;
  position: relative !important;
  overflow: hidden !important;
}

.zhibo-container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, transparent, #d4a574, #e74c3c, #d4a574, transparent) !important;
  animation: tuwei-scan 4s linear infinite !important;
}

@keyframes tuwei-scan {
  0% { opacity: 0.4; }
  50% { opacity: 1; }
  100% { opacity: 0.4; }
}

.zhibo-header {
  background: linear-gradient(90deg, #3d2817, #5c3a21, #3d2817) !important;
  border: 1px solid #d4a574 !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  margin-bottom: 16px !important;
  color: #f5deb3 !important;
  font-size: 15px !important;
  text-shadow: 0 0 8px rgba(212, 165, 116, 0.5) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.zhibo-screen {
  background: rgba(20, 12, 8, 0.85) !important;
  border: 1px solid #a0522d !important;
  border-radius: 8px !important;
  padding: 22px !important;
  margin-bottom: 16px !important;
  color: #faebd7 !important;
  line-height: 1.9 !important;
  font-size: 16px !important;
  min-height: 220px !important;
  box-shadow: inset 0 0 30px rgba(160, 82, 45, 0.15) !important;
}

.zhibo-zhubo {
  background: linear-gradient(180deg, #2a1a10 0%, #3d2817 100%) !important;
  border: 1px solid #cd853f !important;
  border-radius: 8px !important;
  padding: 14px 18px !important;
  margin-bottom: 16px !important;
  color: #ffdead !important;
  font-size: 14px !important;
  font-family: "Consolas", "Microsoft YaHei", monospace !important;
  text-shadow: 0 0 5px rgba(255, 222, 173, 0.3) !important;
}

.zhibo-fengxian {
  background: linear-gradient(90deg, rgba(139, 0, 0, 0.3), rgba(139, 0, 0, 0.15)) !important;
  border: 1px solid #dc143c !important;
  border-left: 4px solid #ff4444 !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  margin-bottom: 16px !important;
  color: #ff6b6b !important;
  font-size: 13px !important;
  animation: fengxian-pulse 2s ease-in-out infinite !important;
}

@keyframes fengxian-pulse {
  0%, 100% { border-left-color: #ff4444; }
  50% { border-left-color: #ff8888; }
}

.zhibo-danmu {
  background: rgba(15, 10, 5, 0.9) !important;
  border: 1px solid #6b4423 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
  max-height: 320px !important;
  overflow-y: auto !important;
}

.zhibo-danmu::-webkit-scrollbar {
  width: 8px !important;
}

.zhibo-danmu::-webkit-scrollbar-track {
  background: #1a1209 !important;
}

.zhibo-danmu::-webkit-scrollbar-thumb {
  background: #8b4513 !important;
  border-radius: 4px !important;
}

.dm-jinchang {
  color: #a89076 !important;
  font-size: 12px !important;
  padding: 5px 0 !important;
  border-bottom: 1px dashed #4a3728 !important;
  margin: 4px 0 !important;
}

.dm-jinchang::before {
  content: "➤ " !important;
  color: #7a6a5a !important;
}

.dm-putong {
  color: #e8dcc8 !important;
  font-size: 14px !important;
  padding: 6px 0 !important;
  margin: 5px 0 !important;
  border-left: 2px solid transparent !important;
  padding-left: 10px !important;
  transition: all 0.2s !important;
}

.dm-putong:hover {
  border-left-color: #d4a574 !important;
  background: rgba(212, 165, 116, 0.08) !important;
}

.dm-liwu {
  background: linear-gradient(90deg, rgba(255, 185, 15, 0.25), rgba(255, 185, 15, 0.08)) !important;
  color: #ffc125 !important;
  font-size: 14px !important;
  padding: 10px 14px !important;
  margin: 8px 0 !important;
  border-radius: 6px !important;
  border: 1px solid rgba(255, 193, 37, 0.5) !important;
  text-shadow: 0 0 10px rgba(255, 193, 37, 0.4) !important;
  animation: liwu-glow 2s ease-in-out infinite !important;
}

.dm-liwu::before {
  content: "🎁 " !important;
}

@keyframes liwu-glow {
  0%, 100% { box-shadow: 0 0 8px rgba(255, 193, 37, 0.3); }
  50% { box-shadow: 0 0 18px rgba(255, 193, 37, 0.6); }
}

.dm-jinzhu {
  background: linear-gradient(135deg, #5c1a1a 0%, #3d1010 100%) !important;
  color: #ff6b6b !important;
  font-size: 16px !important;
  font-weight: bold !important;
  padding: 14px 18px !important;
  margin: 12px 0 !important;
  border-radius: 8px !important;
  border: 2px solid #ff4444 !important;
  box-shadow: 0 0 25px rgba(255, 68, 68, 0.4), inset 0 0 20px rgba(255, 68, 68, 0.15) !important;
  text-shadow: 0 0 12px #ff4444 !important;
  animation: jinzhu-pulse 2.5s ease-in-out infinite !important;
}

.dm-jinzhu::before {
  content: "👑 " !important;
  font-size: 18px !important;
}

@keyframes jinzhu-pulse {
  0%, 100% { border-color: #ff4444; }
  50% { border-color: #ff8888; }
}

.dm-xitong {
  background: linear-gradient(90deg, rgba(210, 180, 140, 0.2), rgba(210, 180, 140, 0.08)) !important;
  color: #deb887 !important;
  font-size: 13px !important;
  padding: 10px 14px !important;
  margin: 8px 0 !important;
  border-radius: 6px !important;
  border-left: 3px solid #d2b48c !important;
  font-family: "Consolas", monospace !important;
}

.dm-xitong::before {
  content: "📢 " !important;
}

.zhibo-shouyi {
  background: linear-gradient(90deg, #1a2e1a, #2d4a2d, #1a2e1a) !important;
  border: 1px solid #228b22 !important;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  color: #7cfc00 !important;
  font-size: 17px !important;
  font-weight: bold !important;
  text-align: center !important;
  text-shadow: 0 0 12px rgba(124, 252, 0, 0.6) !important;
  font-family: "Consolas", monospace !important;
}

.zhibo-shouyi::before {
  content: "💰 " !important;
}

.coser-panel {
  background: #1a1209 !important;
  border: 1px solid #8b4513 !important;
  border-radius: 8px !important;
  margin: 12px 0 !important;
  overflow: hidden !important;
}

.coser-panel summary {
  background: linear-gradient(90deg, #3d2817, #5c3a21) !important;
  color: #f5deb3 !important;
  padding: 14px 18px !important;
  cursor: pointer !important;
  font-weight: bold !important;
  font-size: 15px !important;
  text-shadow: 0 0 8px rgba(245, 222, 179, 0.5) !important;
  border-bottom: 1px solid #6b4423 !important;
  list-style: none !important;
}

.coser-panel summary::-webkit-details-marker {
  display: none !important;
}

.coser-panel summary::before {
  content: "▶ " !important;
  font-size: 12px !important;
  margin-right: 8px !important;
  transition: transform 0.3s !important;
}

.coser-panel[open] summary::before {
  content: "▼ " !important;
}

.coser-panel summary:hover {
  background: linear-gradient(90deg, #4d3520, #6c4a2a) !important;
}

.coser-panel[open] summary {
  border-bottom: 2px solid #d4a574 !important;
}

.coser-panel > *:not(summary) {
  color: #faebd7 !important;
}

.coser-panel pre,
.coser-panel code {
  background: #0f0a05 !important;
  color: #faebd7 !important;
  padding: 16px !important;
  margin: 0 !important;
  font-family: "Consolas", "Microsoft YaHei", monospace !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  white-space: pre-wrap !important;
  word-break: break-word !important;
  display: block !important;
}

.coser-panel table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
  background: #0f0a05 !important;
}

.coser-panel th,
.coser-panel td {
  border: 1px solid #6b4423 !important;
  padding: 10px 12px !important;
  text-align: left !important;
  color: #faebd7 !important;
  font-size: 13px !important;
}

.coser-panel th {
  background: #2a1a10 !important;
  color: #d4a574 !important;
  font-weight: bold !important;
}

.thinking-panel summary {
  background: linear-gradient(90deg, #2a2a3a, #3a3a4a) !important;
  color: #a0a0c0 !important;
}

.thinking-panel summary:hover {
  background: linear-gradient(90deg, #3a3a4a, #4a4a5a) !important;
}

.memory-panel summary {
  background: linear-gradient(90deg, #1a2a3a, #2a3a4a) !important;
  color: #87ceeb !important;
}

.streamer-panel summary {
  background: linear-gradient(90deg, #3a1a2a, #4a2a3a) !important;
  color: #ffb6c1 !important;
}

.relation-panel summary {
  background: linear-gradient(90deg, #3a2a3a, #4a3a4a) !important;
  color: #dda0dd !important;
}

.resource-panel summary {
  background: linear-gradient(90deg, #2a3a1a, #3a4a2a) !important;
  color: #90ee90 !important;
}

.shop-panel summary {
  background: linear-gradient(90deg, #3a3a1a, #4a4a2a) !important;
  color: #f0e68c !important;
}

.choice-panel {
  border: 2px solid #d4a574 !important;
  box-shadow: 0 0 15px rgba(212, 165, 116, 0.3) !important;
}

.choice-panel summary {
  background: linear-gradient(90deg, #5c3a21, #7a4a2a, #5c3a21) !important;
  color: #ffe4b5 !important;
  font-size: 16px !important;
}

.choice-panel > div,
.choice-panel > p {
  padding: 14px 18px !important;
  color: #faebd7 !important;
  font-size: 15px !important;
  line-height: 2.2 !important;
}

.rev-main {
  background: #1a1209 !important;
  border-radius: 8px !important;
  padding: 18px 22px !important;
  margin: 12px 0 !important;
  color: #faebd7 !important;
  font-size: 16px !important;
  line-height: 2 !important;
}

.char-dialogue {
  color: #ffc125 !important;
  font-weight: normal !important;
}

.inner-thought {
  color: #c9a0dc !important;
  font-style: italic !important;
}

.system-alert {
  background: linear-gradient(90deg, rgba(255, 69, 0, 0.2), rgba(255, 69, 0, 0.08)) !important;
  border: 1px solid #ff4500 !important;
  border-left: 4px solid #ff6347 !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  margin: 12px 0 !important;
  color: #ff7f50 !important;
  font-size: 14px !important;
}

.system-alert::before {
  content: "⚠️ " !important;
}