机娘改造大师：战场上的肉便器

/* ===== 风月平台优化版CSS - 正文背景+状态栏高亮 ===== */

/* ===== 思维链隐藏 ===== */
.thinking,
.ai-thinking,
[class*="thought"] {
  display: none !important;
}

/* ===== 正文区域 - 仅正文有背景 ===== */
/* 角色消息正文 */
.mes:not(.you) .mes_text,
.character-message .message-text,
[class*="character"] .message-body {
  display: block !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
  color: #e0e0ff !important;
  padding: 14px 18px !important;
  margin: 8px 12px 12px 12px !important;
  border-left: 4px solid #4dabf7 !important;
  background: linear-gradient(135deg, rgba(30, 25, 55, 0.95), rgba(20, 15, 40, 0.9)) !important;
  backdrop-filter: blur(2px) !important;
  border-radius: 0 10px 10px 0 !important;
  font-family: 'Microsoft YaHei', 'Segoe UI', sans-serif !important;
  letter-spacing: 0.3px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* 用户消息正文 */
.mes.you .mes_text,
.user-message .message-text,
[class*="user"] .message-body {
  border-left: 4px solid #9c36b5 !important;
  background: linear-gradient(135deg, rgba(40, 35, 60, 0.95), rgba(30, 25, 50, 0.9)) !important;
}

.mes_text p,
.message-text p {
  margin: 0 0 16px 0 !important;
  text-indent: 2em !important;
}

.mes_text p:last-child,
.message-text p:last-child {
  margin-bottom: 0 !important;
}

/* ===== 状态栏/角色卡标题 - 高亮边框 ===== */
/* 角色标题 */
.mes:not(.you) .ch_name,
.character-message .character-name,
[class*="character"] .sender-name {
  padding: 14px 18px !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  cursor: pointer !important;
  user-select: none !important;
  background: linear-gradient(90deg, rgba(54, 161, 214, 0.9), rgba(40, 120, 180, 0.8)) !important;
  border: 2px solid #36a1d6 !important;
  border-radius: 12px 12px 0 0 !important;
  transition: all 0.3s ease !important;
  list-style: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9) !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 8px rgba(54, 161, 214, 0.3) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 用户标题 */
.mes.you .ch_name,
.user-message .user-name,
[class*="user"] .sender-name {
  background: linear-gradient(90deg, rgba(156, 54, 181, 0.9), rgba(120, 40, 140, 0.8)) !important;
  border: 2px solid #9c36b5 !important;
  box-shadow: 0 4px 8px rgba(156, 54, 181, 0.3) !important;
}

/* 标题图标 */
.mes:not(.you) .ch_name::before,
.character-message .character-name::before {
  content: "▶" !important;
  display: inline-block !important;
  font-size: 14px !important;
  color: #ffffff !important;
  transition: transform 0.3s ease !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

/* 悬停效果 */
.mes:not(.you) .ch_name:hover,
.character-message .character-name:hover {
  background: linear-gradient(90deg, rgba(70, 180, 230, 0.95), rgba(50, 140, 200, 0.85)) !important;
  border-color: #8a8aff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 12px rgba(54, 161, 214, 0.4) !important;
  color: #ffff00 !important;
}

.mes.you .ch_name:hover {
  background: linear-gradient(90deg, rgba(180, 80, 200, 0.95), rgba(140, 60, 160, 0.85)) !important;
  border-color: #ff8aff !important;
  box-shadow: 0 6px 12px rgba(156, 54, 181, 0.4) !important;
}

/* ===== 状态栏外框 - 透明背景，仅边框 ===== */
.mes:not(.you) .mes_block,
.character-message .message-content,
[class*="character"] .chat-bubble {
  margin: 12px 0 !important;
  border: 2px solid rgba(54, 161, 214, 0.4) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  background: transparent !important;
  transition: all 0.3s ease !important;
}

.mes.you .mes_block,
.user-message .message-content,
[class*="user"] .chat-bubble {
  border: 2px solid rgba(156, 54, 181, 0.4) !important;
}

/* 悬停时边框增强 */
.mes:not(.you) .mes_block:hover,
.character-message .message-content:hover {
  border-color: rgba(54, 161, 214, 0.8) !important;
  box-shadow: 0 0 0 3px rgba(54, 161, 214, 0.2) !important;
}

/* ====== 高亮样式 ====== */
/* 科技/机械相关高亮 */
.mes_text em,
.message-text em,
.text-block em,
.chat-message em {
  color: #00ffcc !important; /* 更亮的薄荷青 */
  font-style: italic !important;
  font-weight: 700 !important;
  background-color: rgba(0, 255, 204, 0.15) !important;
  padding: 2px 8px 2px 6px !important;
  border-radius: 4px 0 0 4px !important;
  border-left: 4px solid #00ffcc !important;
  border-right: 1px solid rgba(0, 255, 204, 0.4) !important;
  margin: 0 2px !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
  box-decoration-break: clone !important;
  -webkit-box-decoration-break: clone !important;
  box-shadow: 0 0 6px rgba(0, 255, 204, 0.4) !important;
}

/* 武器/战斗相关高亮 */
.mes_text strong,
.message-text strong,
.text-block strong,
.chat-message strong {
  color: #ff4444 !important; /* 更亮的红色 */
  background-color: rgba(255, 68, 68, 0.15) !important;
  padding: 1px 6px !important;
  border-radius: 4px !important;
  font-weight: 800 !important;
  border: 1px solid rgba(255, 68, 68, 0.3) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
}

/* 情感/心理高亮 */
.mes_text i,
.message-text i,
.text-block i,
.chat-message i {
  color: #ffaa33 !important; /* 更亮的橙色 */
  font-style: italic !important;
  background-color: rgba(255, 170, 51, 0.15) !important;
  padding: 2px 8px !important;
  border-radius: 4px !important;
  border: 1px dashed rgba(255, 170, 51, 0.4) !important;
}

/* ===== 聊天区域 - 完全透明 ===== */
#chat,
.chat-container,
.message-list,
.chat-history {
  background: transparent !important;
  padding: 15px !important;
}

/* ===== 输入框 ===== */
#send_textarea,
.message-input,
textarea.input-box,
.chat-input textarea {
  background: rgba(30, 30, 60, 0.9) !important;
  border: 2px solid rgba(120, 130, 255, 0.6) !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  padding: 14px !important;
  font-family: 'Microsoft YaHei', sans-serif !important;
  min-height: 85px !important;
  resize: vertical !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

#send_textarea:focus,
.message-input:focus,
textarea.input-box:focus {
  border-color: #8a8aff !important;
  box-shadow: 0 0 12px rgba(138, 138, 255, 0.6) !important;
  outline: none !important;
  background: rgba(30, 30, 60, 0.95) !important;
}

/* ===== 发送按钮 - 高亮边框 ===== */
#send_but,
.send-button,
.chat-send-button {
  background: linear-gradient(135deg, rgba(138, 138, 255, 0.95), rgba(102, 102, 255, 0.9)) !important;
  color: white !important;
  border: 2px solid #8a8aff !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  transition: all 0.2s !important;
  backdrop-filter: blur(4px) !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  box-shadow: 0 4px 12px rgba(138, 138, 255, 0.4) !important;
  margin-top: 10px !important;
}

#send_but:hover,
.send-button:hover {
  background: linear-gradient(135deg, rgba(102, 102, 255, 0.98), rgba(77, 77, 255, 0.95)) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 6px 16px rgba(102, 102, 255, 0.6) !important;
  border-color: #ffff88 !important;
  color: #ffff88 !important;
}

/* ===== 其他按钮 - 高亮边框 ===== */
button:not(#send_but):not(.send-button),
.btn,
.action-button {
  border: 2px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  background: rgba(40, 40, 80, 0.8) !important;
  color: #e0e0ff !important;
  font-weight: 600 !important;
  transition: all 0.2s !important;
}

button:not(#send_but):not(.send-button):hover,
.btn:hover {
  border-color: #8a8aff !important;
  background: rgba(50, 50, 100, 0.9) !important;
  box-shadow: 0 0 8px rgba(138, 138, 255, 0.4) !important;
}

/* ===== 滚动条美化 ===== */
#chat::-webkit-scrollbar,
.chat-container::-webkit-scrollbar {
  width: 10px !important;
}

#chat::-webkit-scrollbar-track,
.chat-container::-webkit-scrollbar-track {
  background: rgba(20, 20, 40, 0.3) !important;
  border-radius: 5px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

#chat::-webkit-scrollbar-thumb,
.chat-container::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #8a8aff, #6666ff) !important;
  border-radius: 5px !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

#chat::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #6666ff, #4d4dff) !important;
}

/* ===== 响应式适配 ===== */
@media (max-width: 768px) {
  .mes:not(.you) .mes_text,
  .character-message .message-text {
    padding: 12px 14px !important;
    font-size: 14.5px !important;
    margin: 6px 10px 10px 10px !important;
  }
  
  .mes:not(.you) .ch_name,
  .character-message .character-name {
    padding: 12px 16px !important;
    font-size: 15px !important;
  }
  
  #send_textarea {
    font-size: 13.5px !important;
    padding: 12px !important;
    min-height: 75px !important;
  }
  
  #send_but {
    padding: 10px 20px !important;
    font-size: 14px !important;
  }
}

/* ===== 特殊修复 ===== */
/* 确保页面背景不受影响 */
body,
#root,
.app-container {
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* 聊天区域透明 */
.chat-area,
.message-area {
  background: transparent !important;
}

/* 隐藏默认系统提示 */
.system-prompt,
[class*="system"] {
  display: none !important;
}

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。