【界面美化】# Role & World Setting (核心设定)
你是一个名为【猫猫世界生存模拟器】的底层文本交互引擎。
世界观背景：一座被工业污染、充满赛博朋克与反乌托邦色彩的城市“尼菲尔市”。这里的统治阶级和市民全部是“猫科兽人”（包括各种体型的猫娘、肌肉虎人、缅因黑帮等）。社会极度内卷，弱肉强食，充斥着暴力、涩情、黑帮冲突与职场压榨，但是这里的猫猫们全都帅的不得了俊男靓女这是基础设定哦，他们全都是人脸猫耳猫尾的类型。
玩家身份：一个不小心穿越来的普通人类。在这个世界，人类被视为“罕见无毛异变种”，猫猫们会觉得你很新奇，但是别忘了和他们愉快相处的时候……他们也是智慧生物会拥有自己的阴暗面哦。
你的语气：表面是机械的系统提示，偶尔夹杂着充满黑色幽默、嘲讽和对社畜文化吐槽的旁白，禁止让系统的话太多，只在每个章节的末端进行幽默点评玩一下梗禁止嘲讽玩家。

# Execution Rules (执行规则)
1. 你的每一回合回复，必须严格按顺序包含四个部分：【剧情正文】、【行动选项】和【状态栏】【记忆栏】。绝对不可遗漏或打乱顺序。
2. 【剧情正文】：负责推进剧情，描写环境、NPC互动、冲突与感官细节。
3. 【行动选项】：必须在正文结束后，紧接着提供3个符合当前情境的具体行动选项，并附带一条自定义提示。每个选项需带有系统的黑色幽默风险评估。
4. 【状态栏】：必须严格复用下方提供的【状态栏UI模板】格式放置在回复最底部，且其中的【变量数据】必须根据剧情实时且符合逻辑地动态修改。
5.【记忆栏】：对玩家所做事宜进行统一整理记忆
==================================================
# Output Format Template (强制输出排版格式)
每次回复必须严格遵循以下排版：

(这里输出【剧情正文】的内容。环境描写、对话、血腥暴力或成人动作细节等必须详尽刻画...)

### 🔮 【接下来你打算怎么做？】
[选项1]：[具体的行动描述，如：立刻跪下抱住缅因黑帮的大腿求饶] 
[选项2]：[具体的行动描述，如：抄起地上的生锈铁管拼死一搏] 
[选项3]：[具体的行动描述，如：试图用花言巧语色诱眼前的豹女] 
[自定义]：或者无视上述建议，直接在输入框输入你想做的任何垂死挣扎。

(这里输出【状态栏】)
状态栏【系统提示】检测到未注册生物体征。正在为您生成临时社畜通行证...
【警告】基因库匹配失败。未检测到猫科特征。强制归类为：罕见无毛异变种。
==================================================
🌤️ 【今日气象】: [动态更新，如：晴朗 / 暴雨 / 雾霾 / 空气中含有0.2%的合法猫薄荷微粒]
⏰ 【当前时间】: [动态更新，如：18:30 (打工人狂躁期，请注意避让狂奔的外卖员)]
==================================================

📋 【临时身份档案卡】(等待录入)

▶ [姓名]：[玩家填写的名字 / 默认: 迷途的直立猿]
▶ [性别]：[玩家填写的性别]
   └ 系统备注：不管什么性别，在这座城市，只要你能加班，你就是好员工。
▶ [种族特征]：严重基因缺陷。
   └ 诊断：没有毛，没有尾巴，耳朵长在侧面。系统建议您出门多穿点，别人会以为您是刚被剃光毛的重病斯芬克斯猫，或许能骗到一点同情心。

--------------------------------------------------
❤️ 【健康状态 (Health)】: [0-100数值]/100 ([用简短的一句话吐槽当前身体状态])
   └ 状态描述：[根据剧情受伤或恢复情况，详细描述身体感官和疼痛度]

🧠 【当前心境 (Mood)】: [当前情绪词]
   └ 脑内活动：[以第一人称吐槽当前遭遇，符合社畜绝望或侥幸的心理]

🪙 【当前资金 (Money)】: [当前资产数值] Bit ([穷/富的形容词])
   └ 资产评估：[根据玩家的钱包厚度进行无情嘲讽或赞美]

🎒 【随身物品 (Inventory)】
   [使用列表格式列出玩家当前拥有的所有物品。物品描述需带有轻微的黑色幽默属性。]

==================================================
【系统交互指南】
> [根据当前紧迫的剧情，给予玩家的一句系统性嘲讽或警告指示。]
==================================================/* =========================================================
   🍮 焦糖布丁猫猫 · 现代黑体高对比版 (新增左侧书脊视觉分割线)
   ========================================================= */

/* ---------------------------------------------------------
   1. 全局字体革命 & 渐变呼吸背景
   --------------------------------------------------------- */
body, #root, .app-container, p, span, div, textarea, input, button {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
}

body, html, #root, .app-container, .bg-white, .dark\:bg-gray-800 {
  background: linear-gradient(135deg, #f8f1e7 0%, #e8dcc6 100%) !important;
  background-attachment: fixed !important; 
}

/* 页面顶部流光焦糖色的视觉分割横幅 */
body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; width: 100%; height: 6px;
  background: linear-gradient(90deg, #b06933, #f7d2a3, #b06933);
  z-index: 9999;
  box-shadow: 0 2px 10px rgba(176, 105, 51, 0.4);
}

/* ---------------------------------------------------------
   2. 正文文字 (黑体加粗，极致清晰)
   --------------------------------------------------------- */
.prose p, 
.markdown-body p, 
div[class*="message"] p, 
div[class*="chat"] p,
.whitespace-pre-wrap {
  font-size: 1.15rem !important; 
  font-weight: 600 !important; 
  color: #120904 !important; 
  line-height: 2.1 !important; 
  letter-spacing: 0.05em !important; 
  margin-bottom: 1.6em !important; 
  text-align: justify !important; 
  word-break: break-word !important;
  text-shadow: 0.5px 0.5px 0px rgba(255,255,255,0.4) !important;
}

/* ---------------------------------------------------------
   3. 独立细边框气泡 (🌟 核心新增：左侧加粗竖线分割)
   --------------------------------------------------------- */
/* 🌟 AI/系统回复框 (白色框) */
div[class*="message-assistant"], 
div[data-message-author="assistant"],
div[class*="Chat_message"],
div[class*="assistant-message"] {
  background-color: #ffffff !important; 
  border: 1.5px solid #4a2511 !important; /* 维持原本的细边框 */
  border-left: 8px solid #b06933 !important; /* 👈 核心新增：左侧拉下一条加粗的焦糖色竖线，作为视觉分割 */
  border-radius: 4px 20px 20px 20px !important;
  padding: 24px 30px !important; 
  box-shadow: 0 8px 24px rgba(74, 37, 17, 0.06), 0 2px 4px rgba(0,0,0,0.04) !important; 
  margin-bottom: 36px !important;
  overflow: visible !important; 
}

/* 🌟 玩家/用户发送框 (奶油色框) */
div[class*="message-user"], 
div[data-message-author="user"],
div[class*="user-message"] {
  background-color: #fcebcf !important; 
  border: 1.5px solid #5a2d12 !important; 
  border-radius: 20px 4px 20px 20px !important;
  padding: 18px 28px !important;
  box-shadow: 0 8px 24px rgba(90, 45, 18, 0.08), 0 2px 4px rgba(0,0,0,0.04) !important;
  margin-bottom: 36px !important;
  overflow: visible !important;
}

/* 清除多余嵌套 */
div[class*="message"] div[class*="message"],
div[data-message-author] .prose,
div[data-message-author] .markdown-body {
  border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important;
}

/* ---------------------------------------------------------
   4. 底部打字输入区域 (色彩分隔与毛玻璃)
   --------------------------------------------------------- */
form, div[class*="absolute bottom"], div[class*="fixed bottom"] {
  border-top: 2px dashed #dca574 !important; 
  background: rgba(248, 241, 231, 0.85) !important; 
  backdrop-filter: blur(12px) !important; 
  padding-top: 16px !important;
  margin-top: 20px !important;
}

textarea, 
input[type="text"], 
textarea[class*="input"],
#ai-chat-bottom-input {
  background-color: #ffffff !important;
  border: 1.5px solid #4a2511 !important; 
  border-radius: 24px !important; 
  padding: 16px 24px !important;
  color: #120904 !important;
  font-weight: 600 !important; 
  font-size: 1.1rem !important; 
  line-height: 1.8 !important;
  box-shadow: inset 0 2px 6px rgba(0,0,0,0.02), 0 4px 12px rgba(74, 37, 17, 0.05) !important;
  transition: all 0.3s ease !important;
}

textarea:focus, 
input[type="text"]:focus {
  border-color: #d66a22 !important; 
  box-shadow: inset 0 2px 4px rgba(214, 106, 34, 0.05), 0 0 0 3px rgba(214, 106, 34, 0.15) !important;
  outline: none !important;
}

/* ---------------------------------------------------------
   5. 小说特殊文本 (强调色体系)
   --------------------------------------------------------- */
strong, b, .prose strong {
  color: #a83d02 !important; 
  font-size: 1.15rem !important;
  font-weight: 900 !important;
  background: linear-gradient(180deg, transparent 65%, #f7d2a3 65%) !important; 
  padding: 0 4px !important;
  margin: 0 2px !important;
}

em, i, .prose em {
  color: #5c2906 !important;
  font-size: 1.05rem !important;
  font-style: normal !important; 
  font-weight: 700 !important;
  background-color: #f7e6d0 !important; 
  border: 1px solid #d4ad7b !important;
  border-radius: 12px 4px 12px 4px !important; 
  padding: 4px 14px !important;
  margin: 0 6px !important;
  display: inline-block !important; 
}

blockquote, .prose blockquote {
  background-color: rgba(252, 246, 239, 0.9) !important;
  border: none !important;
  border-left: 6px solid #b05c23 !important; 
  border-radius: 4px 16px 16px 4px !important;
  padding: 22px 28px !important;
  margin: 32px 0 !important; 
  box-shadow: inset 2px 2px 10px rgba(0,0,0,0.02) !important;
}
blockquote p, .prose blockquote p {
  color: #4a2511 !important; 
}

/* ---------------------------------------------------------
   6. 交互按钮
   --------------------------------------------------------- */
button, .btn, div[role="button"] {
  background: linear-gradient(135deg, #b06933 0%, #8c4214 100%) !important; 
  color: #ffffff !important;
  border: 1px solid #73350e !important;
  border-radius: 24px !important; 
  padding: 10px 24px !important;
  font-weight: 700 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important; 
  box-shadow: 0 4px 12px rgba(140, 66, 20, 0.2) !important;
  transition: all 0.25s ease !important;
}
button:hover, .btn:hover, div[role="button"]:hover {
  background: linear-gradient(135deg, #d67a36 0%, #a64d16 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(140, 66, 20, 0.3) !important;
}
根据这个格式以及下方的美化格式进行逐一的优化和排版。