{"id":"85777e6d-3dcd-4a3d-87a8-7b85107696c0","authorId":"CesjBb7GXdh94pMbEXozj3v7PxrfHvvh","title":"后街那个嚣张逞强的色小鬼","description":"欢迎加入群聊927794252喵。你因工作暂居这座城市的边缘地带。某个午后迷路闯入老街区，在涂鸦墙下遇见了凉太——一个穿着骷髅T恤、卡其色短裤的十二岁少年。他本该对陌生人冷淡，却莫名黏了上来，扯着你的衣角带你穿街走巷，絮絮叨叨介绍哪面墙是新喷的、哪家便利店的关东煮最好吃。分别时他红着脸别过头，手指却死死攥着你的袖口，小声说\"还要再见\"。你留下了联系方式，本以为只是孩子一时兴起，直到那个周末，他发来消息：\"来后街，给你看个好玩的。\"","background":"fg015tjhk3p5g14twjcr7v5m.webp","backgroundWidth":2400,"backgroundHeight":1800,"cover":"qtv9ax9rsxi3dxxx4rauq5tr.webp","coverWidth":2400,"coverHeight":1800,"introPage":"c4n2tuho8sufxzehp8cn7rf6.html","changelog":"","createdAt":"2026-08-08T10:57:25.900Z","updatedAt":"2026-08-08T11:10:00.388Z","initPublicAt":"2026-08-08T10:58:19.382Z","renderTemplate":null,"assistantRegexReplace":null,"enableMemorySchema":false,"memorySchema":null,"injectStyles":"/* -- CSS Variables: Theme Colors & Sprites -- */\nai {\n  --bg-dark: #1a1a1a;\n  --bg-medium: #2a2a2a;\n  --bg-light: #3a3a3a;\n  --text-primary: #e0e0e0;\n  --text-secondary: #888888;\n  --neon-blue: #00eaff;\n  --neon-blue-light: #33ffff;\n  --neon-pink: #ff00ea;\n  --neon-pink-light: #ff33ff;\n  --accent-red: #ff3366;\n  --accent-green: #00ff00; /* For subtle \"toxic\" highlights */\n  --border-color: #444;\n  --shadow-color: rgba(0, 0, 0, 0.6);\n  --font-body: 'Inter', 'Roboto', sans-serif; /* Fallback to generic sans-serif */\n  --font-mono: 'Roboto Mono', 'SF Mono', monospace;\n  /* NPC & Animal Sprites - Replace with actual image URLs */\n  /* Make sure images have transparent backgrounds (PNG/WEBP) */\n  --npc-sprite: url('https://example.com/mizutani_hayate_tsundere_sprite.png'); /* 示例URL，请替换为您的毒舌傲娇小男孩立绘 */\n  --cat-dog-sprite: url('https://example.com/street_cat_dog_silhouette.png'); /* 示例URL，请替换为您的街区猫狗剪影/立绘 */\n}\n/* -- Base Styles for AI Container -- */\nai {\n  display: flex;\n  flex-direction: column;\n  gap: 8px; /* Spacing between details sections */\n  font-family: var(--font-body);\n  color: var(--text-primary);\n  background-color: var(--bg-dark);\n  padding: 12px;\n  border-radius: 8px;\n  box-shadow: 0 4px 15px var(--shadow-color);\n  position: relative; /* For absolute positioning of sprites */\n  overflow: hidden; /* Ensure sprites don't spill out */\n  border: 1px solid var(--border-color); /* Subtle border */\n}\n/* Street Cat/Dog background sprite */\nai::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: var(--cat-dog-sprite);\n  background-size: contain; /* Adjust as needed: cover, contain, 20% */\n  background-repeat: no-repeat;\n  background-position: bottom left; /* Or center, top right etc. */\n  opacity: 0.05; /* Very subtle background element */\n  pointer-events: none; /* Allows clicks on elements beneath */\n  z-index: 0;\n}\n/* -- Details Sections Styling -- */\nai details {\n  background-color: var(--bg-medium);\n  border: 1px solid var(--border-color);\n  border-radius: 6px;\n  margin-bottom: 4px; /* Tighter spacing for details blocks */\n  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);\n  position: relative; /* For sprites within sections */\n  overflow: hidden;\n  z-index: 1; /* Above the main AI container's sprite */\n}\nai details summary {\n  padding: 8px 12px;\n  background: linear-gradient(90deg, var(--bg-light), var(--bg-medium) 80%);\n  border-bottom: 1px solid var(--border-color);\n  font-weight: bold;\n  cursor: pointer;\n  color: var(--neon-blue);\n  text-shadow: 0 0 6px var(--neon-blue), 0 0 10px rgba(0, 255, 255, 0.4);\n  user-select: none; /* Prevent text selection on title */\n  position: relative;\n  transition: all 0.2s ease-in-out;\n}\nai details summary:hover {\n  color: var(--neon-blue-light);\n  text-shadow: 0 0 8px var(--neon-blue-light), 0 0 12px rgba(0, 255, 255, 0.6);\n}\n/* Custom expand/collapse indicator (replaces default arrow) */\nai details summary::marker,\nai details summary::-webkit-details-marker {\n  display: none; /* Hide default arrow */\n}\nai details summary::before {\n  content: '▶'; /* Custom arrow */\n  display: inline-block;\n  width: 1em;\n  margin-right: 5px;\n  transition: transform 0.2s ease-in-out;\n  color: var(--neon-pink);\n  text-shadow: 0 0 4px var(--neon-pink);\n}\nai details[open] summary::before {\n  transform: rotate(90deg); /* Rotate when open */\n  content: '▼';\n}\nai details > p,\nai details > d {\n  padding: 6px 12px;\n  font-size: 14px;\n  border-bottom: 1px dashed var(--border-color);\n  display: flex;\n  flex-wrap: wrap; /* Allow content to wrap */\n  align-items: baseline;\n  line-height: 1.4;\n}\nai details > p:last-of-type,\nai details > d:last-of-type {\n  border-bottom: none;\n}\n/* Specific styling for <f> (emphasis) and <d> (data lines) */\nai f {\n  color: var(--text-primary);\n  font-weight: bold;\n  margin-right: 4px; /* Space between label and value */\n  white-space: nowrap; /* Keep label on one line */\n}\nai d {\n  display: flex;\n  flex-direction: column; /* Stacks inner data lines */\n  gap: 2px;\n  flex-grow: 1; /* Allows it to take available space */\n}\nai p {\n  margin: 0;\n  padding: 6px 12px;\n}\n/* -- NPC Section Specifics (for Hayate sprite) -- */\nai details.s-npc {\n  min-height: 150px; /* Ensure enough space for sprite */\n}\nai details.s-npc::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  right: 10px; /* Position to the right */\n  width: 120px; /* Adjust size of sprite */\n  height: 120px; /* Adjust size of sprite */\n  background-image: var(--npc-sprite);\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: bottom right;\n  opacity: 0.7; /* Slightly transparent */\n  filter: drop-shadow(0 0 5px var(--neon-pink)); /* Pink neon glow for NPC */\n  pointer-events: none;\n  z-index: 2; /* Above other section content */\n}\n/* -- Text & Value Styling -- */\nai .delta { /* For change indicators like [+X/-X] */\n  font-family: var(--font-mono);\n  color: var(--accent-red);\n  margin-left: 4px;\n}\nai .delta[aria-label^=\"+\"] { /* Positive changes (if applicable) */\n  color: var(--accent-green);\n}\nai .reason {\n  font-style: italic;\n  color: var(--text-secondary);\n  font-size: 0.85em;\n  margin-left: 8px;\n}\nai [t=\"dep-stage\"] {\n  font-weight: bold;\n  color: var(--neon-pink);\n  text-shadow: 0 0 4px var(--neon-pink);\n}\nai [t=\"aro-state\"] {\n  font-weight: bold;\n  color: var(--accent-red);\n  text-shadow: 0 0 4px var(--accent-red);\n}\n/* -- Memories Section -- */\nai .s-mem d {\n  font-family: var(--font-mono); /* Monospace for memory data */\n  color: var(--text-secondary);\n  font-size: 13px;\n  gap: 0; /* Remove gap between sub-lines in memory */\n  display: block; /* Ensure each d is a new line for memory */\n}\nai .s-mem f {\n  color: var(--neon-blue-light);\n}\n/* -- Action Recommendations -- */\nai .s-act d {\n  color: var(--neon-blue);\n  font-weight: normal;\n  transition: color 0.2s ease-in-out;\n  cursor: pointer;\n  padding: 4px 12px;\n  display: block; /* Ensure each action is a new line */\n  border-bottom: none; /* Actions don't need inner border */\n}\nai .s-act d:hover {\n  color: var(--neon-pink);\n  text-shadow: 0 0 5px var(--neon-pink);\n  background-color: rgba(255, 0, 234, 0.1); /* Subtle hover background */\n}\n/* Generic field styling */\nai [t] {\n  display: flex;\n  justify-content: space-between;\n  align-items: baseline;\n  flex-wrap: wrap; /* For long values */\n  font-size: 14px;\n}\nai [t] f {\n  color: var(--neon-blue-light); /* Labels are neon blue */\n}\n/* Specific NPC fields for clarity */\nai .n-name, ai .n-age-gender, ai .n-identity, ai .n-char,\nai .n-app, ai .n-clothing, ai .n-items, ai .n-bg,\nai .n-rel, ai .n-sexexp, ai .n-sens, ai .n-pos, ai .n-thoughts {\n  padding: 6px 12px;\n  font-size: 14px;\n  border-bottom: 1px dashed var(--border-color);\n  line-height: 1.4;\n}\nai .s-npc d:last-of-type {\n  border-bottom: none;\n}\nai .n-thoughts {\n  font-style: italic;\n  color: var(--neon-pink); /* Hayate's thoughts glow pink */\n  text-shadow: 0 0 3px rgba(255, 0, 234, 0.4);\n}\n/* Remove default list styles for placeholder lists */\nai p[t=\"inv\"] d,\nai p.n-items d {\n  padding-left: 0;\n  list-style: none; /* In case markdown converts to list */\n  display: block; /* Each item on a new line */\n}</d></f>\n/* ---------------------------------------------------- */\n/* --- Chat Box Style: Dark Street with Character Embellishments --- */\n/* --- Absolute Readability First & Forced Style Override --- */\n/* ---------------------------------------------------- */\n\n/* 1. 隐藏聊天框顶部的颜色装饰条 (根据用户意图优先级) */\n[class*=\"bg-[#F1CBCB]\"],\n[class*=\"bg-[#c9e1e9]\"] {\n    display: none !important;\n}\n\n/* 2. 统一聊天框 (输入与输出共有) 的基础样式 */\n.bg-gray-100\\/90.relative.inline-block {\n    /* 街区风格的深色背景 */\n    background: linear-gradient(135deg, #222222 0%, #1a1a1a 100%) !important;\n    border-radius: 12px !important;\n    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5), inset 0 0 8px rgba(0, 0, 0, 0.6) !important;\n    border: 1px solid rgba(60, 60, 60, 0.7) !important; /* 微弱的边框 */\n    padding: 15px !important;\n    isolation: isolate !important; /* 建立层叠上下文，确保伪元素正确显示 */\n    position: relative !important;\n    overflow: hidden !important; /* 隐藏超出部分的伪元素内容 */\n}\n\n/* 2.1. 聊天框背景动效：微弱的雨滴效果 (SMIL SVG) */\n/* 使用::before伪元素实现动画背景，模拟街区夜晚的雨丝 */\n.bg-gray-100\\/90.relative.inline-block::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    z-index: 0 !important; /* 背景动效置于底层 */\n    opacity: 0.1 !important; /* 非常微弱的雨丝效果 */\n    background-image: url(\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 100 100' preserveAspectRatio='none'><defs><line id='rainDrop' x1='0' y1='0' x2='0' y2='5' stroke='%23444' stroke-width='0.5' stroke-linecap='round'/></defs><rect width='100%' height='100%' fill='none'/><use href='#rainDrop' x='10' y='0'><animate attributeName='y' from='-5' to='105' dur='3s' repeatCount='indefinite'/></use><use href='#rainDrop' x='30' y='20'><animate attributeName='y' from='-5' to='105' dur='3.5s' repeatCount='indefinite' begin='0.5s'/></use><use href='#rainDrop' x='50' y='40'><animate attributeName='y' from='-5' to='105' dur='2.8s' repeatCount='indefinite' begin='1s'/></use><use href='#rainDrop' x='70' y='60'><animate attributeName='y' from='-5' to='105' dur='3.2s' repeatCount='indefinite' begin='1.5s'/></use><use href='#rainDrop' x='90' y='80'><animate attributeName='y' from='-5' to='105' dur='3s' repeatCount='indefinite' begin='2s'/></use></svg>\") !important;\n    pointer-events: none !important; /* 确保不影响鼠标交互 */\n}\n\n/* 2.2. 聊天框角色点缀：毒舌傲娇小男孩、小猫小狗 (静态SVG) */\n/* 使用::after伪元素放置角色立绘，并确保不遮挡文本 */\n.bg-gray-100\\/90.relative.inline-block::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    z-index: 0 !important; /* 立绘置于底层 */\n    opacity: 0.25 !important; /* 半透明效果作为点缀 */\n    background-repeat: no-repeat !important;\n    background-position: left 5% bottom 5%, right 5% top 5% !important; /* 小男孩左下，猫狗右上 */\n    background-size: 15% auto, 20% auto !important; /* 控制立绘大小 */\n    /* 毒舌傲娇小男孩立绘 (替换为你的图片URL或data:image) */\n    /* 这是一个简单的剪影SVG示例，请替换成你实际的立绘 */\n    --boy-svg: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><path fill='%23AAAAAA' d='M50 0C30 0 10 15 10 35c0 10 5 20 15 25V80H20c-5 0-5 10-5 10h70c0 0 0-10-5-10H75V60c10-5 15-15 15-25C90 15 70 0 50 0zM50 20c8 0 15 7 15 15s-7 15-15 15-15-7-15-15 7-15 15-15z'/></svg>\");\n    /* 小猫与小狗立绘 (替换为你的图片URL或data:image) */\n    /* 这是一个简单的剪影SVG示例，请替换成你实际的立绘 */\n    --pets-svg: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='100' viewBox='0 0 200 100'><g transform='translate(20 0)'><path fill='%23AAAAAA' d='M30 0c-5 0-10 5-10 10s5 10 10 10 10-5 10-10-5-10-10-10zM10 20c-5 0-5 5-5 5h40c0 0 0-5-5-5h-30zM0 30h60v40H0zM5 70v20h50V70zM15 40h10v10h-10zM35 40h10v10h-10zM25 55c-5 0-10 5-10 5h20c0 0-5-5-10-5z'/></g><g transform='translate(120 0)'><path fill='%23AAAAAA' d='M10 10c0-5 5-10 10-10h20c5 0 10 5 10 10s-5 10-10 10H20c-5 0-10-5-10-10zM0 20c0-5 5-10 10-10h30c5 0 10 5 10 10s-5 10-10 10H10c-5 0-10-5-10-10zM5 30c0-5 5-10 10-10h20c5 0 10 5 10 10s-5 10-10 10H15c-5 0-10-5-10-10zM0 40h50v20H0zM5 60h40v10H5zM10 70h30v10H10zM15 80h20v10H15z'/></g></svg>\");\n    background-image: var(--boy-svg), var(--pets-svg) !important;\n    pointer-events: none !important;\n}\n\n/* 3. 聊天框内的主要文本内容 */\n.markdown-body {\n    color: #F0F0F0 !important; /* 在深色背景上的高对比度浅色文本 */\n    font-family: \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n    line-height: 1.6 !important;\n    font-size: 15px !important;\n    background: transparent !important; /* 确保文本背景透明，显示底层动效 */\n    z-index: 1 !important; /* 确保文本内容在所有伪元素之上 */\n    position: relative !important; /* 确保z-index生效 */\n}\n\n/* 4. 聊天框底部附加元素 (按钮、模型名称、Token消耗) */\n/* 统一使用高对比度的浅色，以确保在深色背景上清晰可见 */\n.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary,\n.MuiTypography-root.MuiTypography-body2.css-6c0gf2,\n.text-orange-500 {\n    color: #EAEAEA !important; /* 统一的浅灰色 */\n    opacity: 0.8 !important; /* 略微降低透明度，使其与主文本有细微区分 */\n    transition: opacity 0.3s ease !important;\n}\n\n.MuiButtonBase-root.MuiButton-root.MuiButton-text.MuiButton-textPrimary:hover {\n    opacity: 1 !important;\n    background-color: rgba(255, 255, 255, 0.05) !important; /* 悬停效果 */\n}\n\n/* 5. 输出聊天框的加载元素 (自定义 SMIL SVG 动画) */\n/* 5.1. 隐藏默认的加载元素 */\n.style-module__AtdJSq__dot-flashing.style-module__AtdJSq__text {\n    display: none !important;\n}\n\n/* 5.2. 加载元素父级容器样式调整 */\n.flex.items-center.justify-center.w-6.h-5 {\n    position: relative !important;\n    width: 60px !important; /* 增加宽度以容纳自定义动画 */\n    height: 30px !important; /* 增加高度 */\n    overflow: hidden !important;\n}\n\n/* 5.3. 使用 ::before 创建自定义加载动画 (SMIL SVG 三点脉冲) */\n.flex.items-center.justify-center.w-6.h-5::before {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 100% !important;\n    height: 100% !important;\n    background-image: url(\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'><circle cx='10' cy='15' r='4' fill='%23EAEAEA'><animate attributeName='opacity' values='0;1;0' dur='1s' repeatCount='indefinite' begin='0s'/></circle><circle cx='30' cy='15' r='4' fill='%23EAEAEA'><animate attributeName='opacity' values='0;1;0' dur='1s' repeatCount='indefinite' begin='0.33s'/></circle><circle cx='50' cy='15' r='4' fill='%23EAEAEA'><animate attributeName='opacity' values='0;1;0' dur='1s' repeatCount='indefinite' begin='0.66s'/></circle></svg>\") !important;\n    background-repeat: no-repeat !important;\n    background-position: center !important;\n    background-size: contain !important;\n    pointer-events: none !important;\n}\n\n/* ---------------------------------------------------- */\n/* --- 响应式和无障碍性调整 --- */\n/* ---------------------------------------------------- */\n\n/* 移动端适配 */\n@media (max-width: 480px) {\n    .bg-gray-100\\/90.relative.inline-block {\n        padding: 10px !important;\n        border-radius: 8px !important;\n    }\n    .markdown-body {\n        font-size: 14px !important;\n    }\n    /* 移动端缩小立绘或调整位置以避免遮挡 */\n    .bg-gray-100\\/90.relative.inline-block::after {\n        background-position: left 2% bottom 2%, right 2% top 2% !important;\n        background-size: 12% auto, 15% auto !important;\n    }\n}\n\n/* 针对 prefers-reduced-motion 的用户，降低动效频率和幅度 */\n@media (prefers-reduced-motion: reduce) {\n    /* 聊天框背景雨滴动效减速 */\n    .bg-gray-100\\/90.relative.inline-block::before {\n        background-image: url(\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 100 100' preserveAspectRatio='none'><defs><line id='rainDropReduced' x1='0' y1='0' x2='0' y2='5' stroke='%23444' stroke-width='0.5' stroke-linecap='round'/></defs><rect width='100%' height='100%' fill='none'/><use href='#rainDropReduced' x='10' y='0'><animate attributeName='y' from='-5' to='105' dur='6s' repeatCount='indefinite'/></use><use href='#rainDropReduced' x='30' y='20'><animate attributeName='y' from='-5' to='105' dur='7s' repeatCount='indefinite' begin='1s'/></use><use href='#rainDropReduced' x='50' y='40'><animate attributeName='y' from='-5' to='105' dur='5.6s' repeatCount='indefinite' begin='2s'/></use></svg>\") !important;\n        opacity: 0.05 !important; /* 降低可见度 */\n    }\n    /* 加载动画减速 */\n    .flex.items-center.justify-center.w-6.h-5::before {\n        background-image: url(\"data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'><circle cx='10' cy='15' r='4' fill='%23EAEAEA'><animate attributeName='opacity' values='0;1;0' dur='2s' repeatCount='indefinite' begin='0s'/></circle><circle cx='30' cy='15' r='4' fill='%23EAEAEA'><animate attributeName='opacity' values='0;1;0' dur='2s' repeatCount='indefinite' begin='0.66s'/></circle><circle cx='50' cy='15' r='4' fill='%23EAEAEA'><animate attributeName='opacity' values='0;1;0' dur='2s' repeatCount='indefinite' begin='1.33s'/></circle></svg>\") !important;\n    }\n}\n/* ---------------------------------------------------- */\n/* --- Interface Style: Dark Street with Character Embellishments --- */\n/* --- Absolute Readability First & Forced Style Override --- */\n/* ---------------------------------------------------- */\n\n/* 全局深色系背景和文本基础色 */\n/* 针对所有文本元素设置默认的浅色，确保可读性 */\n:root {\n    --dark-bg-primary: #1A1A1A; /* 主背景色 */\n    --dark-bg-secondary: #222222; /* 次级背景色 */\n    --dark-bg-tertiary: #2B2B2B; /* 更亮的深色背景 */\n    --dark-text-primary: #EAEAEA; /* 主文本颜色 */\n    --dark-text-secondary: #BBBBBB; /* 次级文本颜色 */\n    --dark-accent-color: #6DD5ED; /* 强调色 (霓虹蓝) */\n    --dark-border-color: rgba(60, 60, 60, 0.7); /* 边框颜色 */\n    --dark-shadow-color: rgba(0, 0, 0, 0.6); /* 阴影颜色 */\n}\n\n\n/* ---------------------------------------------------- */\n/* 1. 顶部栏相关美化 */\n/* ---------------------------------------------------- */\n\n/* 顶部栏主容器 */\n.sticky.w-full.top-0.flex.items-center {\n    background: var(--dark-bg-primary) !important;\n    border-bottom: 1px solid var(--dark-border-color) !important;\n    box-shadow: 0 2px 10px var(--dark-shadow-color) !important;\n    z-index: 1000 !important; /* 确保在最顶层 */\n    position: relative !important; /* 允许::after伪元素定位 */\n}\n\n/* 顶部栏装饰：毒舌傲娇小男孩立绘 (右侧) */\n.sticky.w-full.top-0.flex.items-center::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 20% !important; /* 调整大小 */\n    opacity: 0.1 !important; /* 半透明作为点缀 */\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><path fill='%23AAAAAA' d='M50 0C30 0 10 15 10 35c0 10 5 20 15 25V80H20c-5 0-5 10-5 10h70c0 0 0-10-5-10H75V60c10-5 15-15 15-25C90 15 70 0 50 0zM50 20c8 0 15 7 15 15s-7 15-15 15-15-7-15-15 7-15 15-15z'/></svg>\") !important;\n    background-repeat: no-repeat !important;\n    background-position: center right 10px !important;\n    background-size: contain !important;\n    pointer-events: none !important;\n    z-index: -1 !important; /* 置于底层 */\n}\n\n\n/* 模型选择器容器 */\n#ai-model-selector .group.flex.items-center {\n    background-color: var(--dark-bg-secondary) !important;\n    border-radius: 6px !important;\n    padding: 4px 8px !important;\n    transition: background-color 0.3s ease !important;\n}\n\n#ai-model-selector .group.flex.items-center:hover {\n    background-color: var(--dark-bg-tertiary) !important;\n}\n\n/* 模型名称 */\n#ai-model-selector .truncate.text-\\[13px\\] {\n    color: var(--dark-text-primary) !important;\n    font-weight: bold !important;\n}\n\n/* 下拉箭头图标 */\n#ai-model-selector .shrink-0.flex.items-center svg {\n    color: var(--dark-text-secondary) !important;\n    fill: currentColor !important; /* 继承颜色 */\n}\n\n/* 历史记录图标 */\n.sticky.w-full.top-0 svg.lucide-clock-8 {\n    color: var(--dark-text-secondary) !important;\n    fill: currentColor !important;\n}\n\n/* 历史记录未读角标 */\n.sticky.w-full.top-0 span.MuiBadge-dot.md\\:hidden {\n    background-color: var(--dark-accent-color) !important;\n    box-shadow: 0 0 5px var(--dark-accent-color) !important;\n}\n\n/* 音乐按钮图标 */\n.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {\n    color: var(--dark-text-secondary) !important;\n    fill: currentColor !important;\n}\n\n/* 移动端设置图标 */\n.sticky.w-full.top-0 svg:has(use[href=\"#icon-icon-set\"]) {\n    color: var(--dark-text-secondary) !important;\n    fill: currentColor !important;\n}\n\n/* '设置'按钮 */\n#header-setting-button {\n    color: var(--dark-text-primary) !important;\n    background-color: var(--dark-bg-secondary) !important;\n    border-radius: 6px !important;\n    transition: background-color 0.3s ease !important;\n}\n#header-setting-button:hover {\n    background-color: var(--dark-bg-tertiary) !important;\n}\n\n/* '设置'按钮图标 */\n#header-setting-button svg {\n    color: var(--dark-text-secondary) !important;\n    fill: currentColor !important;\n}\n\n\n/* ---------------------------------------------------- */\n/* 2. 开场白选择器相关美化 */\n/* ---------------------------------------------------- */\n\n/* 主容器 */\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"],\ndiv.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon=\"SlidersH\"]) {\n    background-color: var(--dark-bg-secondary) !important;\n    border: 1px solid var(--dark-border-color) !important;\n    color: var(--dark-text-primary) !important;\n    border-radius: 8px !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;\n    transition: all 0.3s ease !important;\n}\n\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"]:hover,\ndiv.h-9.rounded-md.cursor-pointer.group:has(svg[data-icon=\"SlidersH\"]):hover {\n    background-color: var(--dark-bg-tertiary) !important;\n    border-color: var(--dark-accent-color) !important;\n    box-shadow: 0 0 10px rgba(109, 213, 237, 0.5) !important; /* 霓虹蓝光晕 */\n}\n\n/* 左侧滑块图标 & 右侧下拉箭头 */\ndiv.flex.items-center.h-9.cursor-pointer.group svg[data-icon=\"SlidersH\"],\ndiv.flex.items-center.h-9.cursor-pointer.group svg[data-icon=\"ChevronDown\"] {\n    color: var(--dark-text-secondary) !important;\n    fill: currentColor !important;\n}\n\n\n/* ---------------------------------------------------- */\n/* 3. 按钮栏相关美化 */\n/* ---------------------------------------------------- */\n\n/* 按钮 */\n#ai-mod-button2 button.MuiButton-root {\n    background-color: var(--dark-bg-secondary) !important;\n    color: var(--dark-text-primary) !important;\n    border: 1px solid var(--dark-border-color) !important;\n    border-radius: 8px !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;\n    transition: all 0.3s ease !important;\n    text-transform: none !important; /* 保持原样或小写 */\n}\n\n#ai-mod-button2 button.MuiButton-root:hover {\n    background-color: var(--dark-bg-tertiary) !important;\n    border-color: var(--dark-accent-color) !important;\n    box-shadow: 0 0 10px rgba(109, 213, 237, 0.5) !important;\n    color: var(--dark-accent-color) !important;\n}\n\n/* 按钮图标 */\n#ai-mod-button2 button.MuiButton-root svg {\n    color: var(--dark-text-secondary) !important;\n    fill: currentColor !important;\n    transition: color 0.3s ease !important;\n}\n\n#ai-mod-button2 button.MuiButton-root:hover svg {\n    color: var(--dark-accent-color) !important;\n}\n\n\n/* ---------------------------------------------------- */\n/* 4. 底部栏相关美化 */\n/* ---------------------------------------------------- */\n\n/* 底部栏外层主背景 */\n.bg-gradient-to-t {\n    background: linear-gradient(to top, var(--dark-bg-primary) 0%, rgba(26, 26, 26, 0.8) 70%, transparent 100%) !important;\n    border-top: 1px solid var(--dark-border-color) !important;\n    box-shadow: 0 -2px 10px var(--dark-shadow-color) !important;\n}\n\n/* 输入框容器 */\n#ai-chat-bottom-input {\n    background-color: var(--dark-bg-secondary) !important;\n    border-radius: 12px !important;\n    border: 1px solid var(--dark-border-color) !important;\n    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4) !important;\n    transition: border-color 0.3s ease !important;\n}\n\n#ai-chat-bottom-input:focus-within {\n    border-color: var(--dark-accent-color) !important;\n    box-shadow: inset 0 0 5px rgba(109, 213, 237, 0.5), 0 0 8px rgba(109, 213, 237, 0.3) !important;\n}\n\n/* 主输入框 */\n#ai-chat-input {\n    background-color: transparent !important;\n    color: var(--dark-text-primary) !important;\n    caret-color: var(--dark-accent-color) !important; /* 光标颜色 */\n}\n\n/* 占位符样式 */\n#ai-chat-input::placeholder {\n    color: var(--dark-text-secondary) !important;\n    opacity: 0.7 !important;\n}\n\n/* 文字选中效果 */\n#ai-chat-input::selection {\n    background-color: rgba(109, 213, 237, 0.3) !important; /* 强调色半透明 */\n    color: var(--dark-text-primary) !important;\n}\n\n/* ---------------------------------------------------- */\n/* --- Interface Style: More Pronounced Dark Street with Character Embellishments --- */\n/* --- Absolute Readability First & Forced Style Override --- */\n/* ---------------------------------------------------- */\n\n/* 全局深色系背景和文本基础色 - 增强版 */\n:root {\n    --deep-dark-bg: #050505; /* 更深的背景色 */\n    --dark-bg-primary: #121212; /* 主背景色 */\n    --dark-bg-secondary: #1E1E1E; /* 次级背景色，用于卡片、按钮等 */\n    --dark-bg-tertiary: #2C2C2C; /* 更亮的深色背景，用于hover/active */\n    --light-text-primary: #F8F8F8; /* 更亮的文本颜色 */\n    --light-text-secondary: #D4D4D4; /* 次级文本颜色 */\n    --neon-accent-blue: #6DD5ED; /* 强调色 (霓虹蓝) - 保持活力 */\n    --neon-accent-blue-dark: #3AA9C7; /* 强调色更深版 */\n    --neon-accent-blue-glow: rgba(109, 213, 237, 0.8); /* 更强的光晕效果 */\n    --border-dark: rgba(80, 80, 80, 0.9); /* 更明显的边框 */\n    --shadow-deep: rgba(0, 0, 0, 0.9); /* 更深的阴影 */\n    --shadow-light: rgba(0, 0, 0, 0.6); /* 次级阴影 */\n}\n\n/* 统一字体，确保所有文本都使用现代无衬线字体 */\n.sticky.w-full.top-0.flex.items-center *,\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"] *,\n#ai-mod-button2 button.MuiButton-root *,\n#ai-chat-bottom-input *,\n.MuiPaginationItem-root *,\ndiv[class*=\"w-full\"][class*=\"bg-white\"][class*=\"bottom-0\"] * {\n    font-family: \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\" !important;\n}\n\n/* ---------------------------------------------------- */\n/* 1. 顶部栏相关美化 */\n/* ---------------------------------------------------- */\n\n/* 顶部栏主容器 */\n.sticky.w-full.top-0.flex.items-center {\n    background: var(--deep-dark-bg) !important; /* 更深的背景 */\n    border-bottom: 2px solid var(--border-dark) !important; /* 更明显的边框 */\n    box-shadow: 0 4px 15px var(--shadow-deep) !important; /* 更强的阴影 */\n    z-index: 1000 !important;\n    position: relative !important;\n    overflow: hidden !important; /* 确保伪元素不溢出 */\n}\n\n/* 顶部栏装饰：毒舌傲娇小男孩立绘 (右侧，更明显) */\n.sticky.w-full.top-0.flex.items-center::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 0 !important;\n    right: -20px !important; /* 稍微偏出，增加动感 */\n    bottom: 0 !important;\n    width: 25% !important; /* 略微放大 */\n    opacity: 0.4 !important; /* 显著提升可见度 */\n    background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'><path fill='%23AAAAAA' d='M50 0C30 0 10 15 10 35c0 10 5 20 15 25V80H20c-5 0-5 10-5 10h70c0 0 0-10-5-10H75V60c10-5 15-15 15-25C90 15 70 0 50 0zM50 20c8 0 15 7 15 15s-7 15-15 15-15-7-15-15 7-15 15-15z'/></svg>\") !important;\n    background-repeat: no-repeat !important;\n    background-position: center right !important;\n    background-size: contain !important;\n    pointer-events: none !important;\n    z-index: -1 !important;\n    filter: drop-shadow(0 0 3px var(--shadow-light)) !important; /* 增加一点立体感 */\n}\n\n/* 模型选择器容器 */\n#ai-model-selector .group.flex.items-center {\n    background-color: var(--dark-bg-secondary) !important;\n    border-radius: 8px !important;\n    padding: 6px 12px !important;\n    transition: background-color 0.3s ease, border-color 0.3s ease !important;\n    border: 1px solid var(--border-dark) !important;\n    box-shadow: 0 2px 8px var(--shadow-light) !important;\n}\n\n#ai-model-selector .group.flex.items-center:hover {\n    background-color: var(--dark-bg-tertiary) !important;\n    border-color: var(--neon-accent-blue) !important;\n    box-shadow: 0 0 12px var(--neon-accent-blue-glow) !important;\n}\n\n/* 模型名称 */\n#ai-model-selector .truncate.text-\\[13px\\] {\n    color: var(--light-text-primary) !important;\n    font-weight: bold !important;\n    letter-spacing: 0.5px !important;\n}\n\n/* 下拉箭头图标 */\n#ai-model-selector .shrink-0.flex.items-center svg {\n    color: var(--light-text-secondary) !important;\n    fill: currentColor !important;\n    transition: color 0.3s ease !important;\n}\n#ai-model-selector .group.flex.items-center:hover .shrink-0.flex.items-center svg {\n    color: var(--neon-accent-blue) !important;\n}\n\n/* 历史记录图标 & 移动端设置图标 & 音乐按钮图标 */\n.sticky.w-full.top-0 svg.lucide-clock-8,\n.sticky.w-full.top-0 svg:has(use[href=\"#icon-icon-set\"]),\n.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {\n    color: var(--light-text-secondary) !important;\n    fill: currentColor !important;\n    transition: color 0.3s ease !important;\n}\n.sticky.w-full.top-0 svg.lucide-clock-8:hover,\n.sticky.w-full.top-0 svg:has(use[href=\"#icon-icon-set\"]):hover,\n.sticky.w-full.top-0 button.MuiIconButton-root:hover svg.lucide-music-2 {\n    color: var(--neon-accent-blue) !important;\n}\n\n/* 历史记录未读角标 */\n.sticky.w-full.top-0 span.MuiBadge-dot.md\\:hidden {\n    background-color: var(--neon-accent-blue) !important;\n    box-shadow: 0 0 8px var(--neon-accent-blue-glow) !important;\n}\n\n/* '设置'按钮 */\n#header-setting-button {\n    color: var(--light-text-primary) !important;\n    background-color: var(--dark-bg-secondary) !important;\n    border-radius: 8px !important;\n    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;\n    box-shadow: 0 2px 8px var(--shadow-light) !important;\n}\n#header-setting-button:hover {\n    background-color: var(--dark-bg-tertiary) !important;\n    box-shadow: 0 0 12px var(--neon-accent-blue-glow) !important;\n    color: var(--neon-accent-blue) !important;\n}\n\n/* '设置'按钮图标 */\n#header-setting-button svg {\n    color: var(--light-text-secondary) !important;\n    fill: currentColor !important;\n    transition: color 0.3s ease !important;\n}\n#header-setting-button:hover svg {\n    color: var(--neon-accent-blue) !important;\n}\n\n/*\n * 暗黑街道风格 - 顶部栏、开场白、按钮栏、底部栏、分页栏及评论区美化方案\n * 注意：本方案使用纯CSS模拟砖墙纹理和添加表情符号，效果更具风格化。\n * 如果您希望获得更逼真的砖墙效果，可替换为实际的砖墙图片URL。\n * 建议在顶部标题尝试导入 'Press Start 2P' 字体以增强街头像素感 (需自行引入字体)。\n */\n\n/* ==================== 通用样式与字体设置 (确保可读性) ==================== */\n/* 强制使用系统UI字体，确保所有文本清晰可读 */\nbody, p, span, div, a, li, input, textarea, button {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !important;\n}\n\n/* ==================== 顶部栏相关样式 ==================== */\n/* 顶部栏主容器：深色砖墙背景，底部边框和阴影 */\n.sticky.w-full.top-0.flex.items-center {\n    background-color: #1a1a1a !important; /* 暗黑色基础 */\n    /* CSS模拟砖墙纹理：交错的深灰/暗黑矩形 */\n    background-image:\n        repeating-linear-gradient(90deg, #2a2a2a 0, #2a2a2a 20px, #1a1a1a 20px, #1a1a1a 40px),\n        repeating-linear-gradient(0deg, #2a2a2a 0, #2a2a2a 50px, #1a1a1a 50px, #1a1a1a 100px) !important;\n    background-size: 40px 100px, 100% 100px !important; /* 调整尺寸以模拟砖块 */\n    background-blend-mode: multiply !important; /* 混合模式使纹理更暗 */\n    border-bottom: 2px solid #333 !important; /* 街道感底部边框 */\n    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;\n    position: relative !important; /* 用于可能的伪元素 */\n    overflow: hidden !important; /* 确保背景纹理边界 */\n}\n\n/* 模型选择器：深色背景，浅色文字，边框和悬停效果 */\n#ai-model-selector .group.flex.items-center {\n    background-color: #2c2c2c !important;\n    border-radius: 6px !important;\n    border: 1px solid #444 !important;\n    transition: background-color 0.3s ease, border-color 0.3s ease !important;\n}\n#ai-model-selector .group.flex.items-center:hover {\n    background-color: #3a3a3a !important;\n    border-color: #666 !important;\n}\n\n/* 模型名称：浅色粗体文字 */\n#ai-model-selector .truncate.text-\\[13px\\] {\n    color: #f0f0f0 !important;\n    font-weight: bold !important;\n}\n\n/* 下拉箭头容器：浅色图标，悬停旋转动画 */\n#ai-model-selector .shrink-0.flex.items-center svg {\n    color: #f0f0f0 !important; /* 确保图标颜色可见 */\n    stroke: #f0f0f0 !important;\n    fill: #f0f0f0 !important;\n    transition: transform 0.3s ease !important;\n}\n#ai-model-selector .group.flex.items-center:hover #ai-model-selector .shrink-0.flex.items-center svg {\n    transform: rotate(180deg) !important;\n}\n\n/* 历史记录、设置和音乐图标 (裸SVG): 统一浅色 */\n.sticky.w-full.top-0 svg.lucide-clock-8,\n.sticky.w-full.top-0 svg:has(use[href=\"#icon-icon-set\"]),\n.sticky.w-full.top-0 button.MuiIconButton-root svg.lucide-music-2 {\n    color: #f0f0f0 !important;\n    stroke: #f0f0f0 !important;\n    fill: #f0f0f0 !important;\n    transition: transform 0.3s ease !important;\n}\n\n/* 历史记录未读角标：亮橙色突出显示 */\n.sticky.w-full.top-0 span.MuiBadge-dot.md\\:hidden {\n    background-color: #ff4500 !important; /* 亮橙色 */\n}\n\n/* 音乐按钮：圆形深色背景，悬停效果 */\n.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2) {\n    background-color: #333 !important;\n    border-radius: 50% !important;\n    transition: background-color 0.3s ease !important;\n}\n.sticky.w-full.top-0 button.MuiIconButton-root:has(svg.lucide-music-2):hover {\n    background-color: #555 !important;\n}\n\n/* '设置'按钮：深色背景，浅色图标，悬停旋转效果 */\n#header-setting-button {\n    background-color: #333 !important;\n    border-radius: 6px !important;\n    transition: background-color 0.3s ease !important;\n}\n#header-setting-button:hover {\n    background-color: #555 !important;\n}\n#header-setting-button svg {\n    color: #f0f0f0 !important;\n    stroke: #f0f0f0 !important;\n    fill: #f0f0f0 !important;\n    transition: transform 0.3s ease !important;\n}\n#header-setting-button:hover svg {\n    transform: rotate(30deg) !important; /* 悬停时旋转 */\n}\n\n/* 顶部栏装饰：模型选择器前添加🐾 */\n#ai-model-selector .group.flex.items-center::before {\n    content: '🐾' !important;\n    font-size: 10px !important;\n    margin-right: 5px !important;\n    opacity: 0.6 !important;\n    display: inline-block !important;\n    color: #ccc !important;\n}\n\n/* ==================== 开场白选择器相关样式 ==================== */\n/* 开场白选择器主容器：深色背景，圆角，边框和阴影 */\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"] {\n    background-color: #2c2c2c !important;\n    border: 1px solid #444 !important;\n    border-radius: 8px !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;\n    transition: all 0.3s ease !important;\n}\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"]:hover {\n    background-color: #3a3a3a !important;\n    border-color: #666 !important;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6) !important;\n    transform: translateY(-2px) !important;\n}\n\n/* 开场白选择器文字：浅色文字 */\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"] span {\n    color: #f0f0f0 !important;\n    font-weight: 500 !important;\n}\n\n/* 滑块和下拉箭头图标：浅色图标，下拉箭头悬停旋转 */\ndiv.flex.items-center.h-9.cursor-pointer.group svg[data-icon=\"SlidersH\"],\ndiv.flex.items-center.h-9.cursor-pointer.group svg[data-icon=\"ChevronDown\"] {\n    color: #f0f0f0 !important;\n    stroke: #f0f0f0 !important;\n    fill: #f0f0f0 !important;\n    transition: transform 0.3s ease !important;\n}\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"]:hover svg[data-icon=\"ChevronDown\"] {\n    transform: rotate(180deg) !important;\n}\n\n/* 开场白装饰：左侧添加🐱 */\ndiv.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*=\"border-gray\"]::before {\n    content: '🐱' !important;\n    font-size: 12px !important;\n    margin-right: 8px !important;\n    opacity: 0.7 !important;\n    display: inline-block !important;\n}\n\n/* ==================== 按钮栏相关样式 ==================== */\n/* 按钮栏外层容器：深色背景，内嵌阴影 */\n#ai-mod-button2 {\n    background-color: #222 !important;\n    padding: 8px !important;\n    border-radius: 10px !important;\n    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5) !important;\n    position: relative !important; /* 用于伪元素 */\n}\n\n/* 按钮：深灰色背景，浅色文字/图标，边框和悬停效果 */\n#ai-mod-button2 button.MuiButton-root {\n    background-color: #444 !important;\n    color: #f0f0f0 !important;\n    border: 1px solid #666 !important;\n    border-radius: 5px !important;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;\n    transition: all 0.3s ease !important;\n}\n#ai-mod-button2 button.MuiButton-root:hover {\n    background-color: #666 !important;\n    border-color: #888 !important;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important;\n    transform: translateY(-2px) !important; /* 悬浮效果 */\n}\n\n/* 按钮图标样式：浅色图标，悬停放大效果 */\n#ai-mod-button2 button.MuiButton-root svg {\n    color: #f0f0f0 !important;\n    stroke: #f0f0f0 !important;\n    fill: #f0f0f0 !important;\n    transition: transform 0.3s ease !important;\n}\n#ai-mod-button2 button.MuiButton-root:hover svg {\n    transform: scale(1.1) !important;\n}\n\n/* 按钮栏装饰：容器末尾添加🐾 */\n#ai-mod-button2::after {\n    content: '🐾' !important;\n    display: inline-block !important;\n    font-size: 14px !important;\n    margin-left: 10px !important;\n    opacity: 0.5 !important;\n    line-height: 1 !important;\n    vertical-align: middle !important;\n}\n\n/* ==================== 底部栏相关样式 ==================== */\n/* 底部栏外层主背景：深色渐变，顶部边框和阴影 */\n.bg-gradient-to-t {\n    background: linear-gradient(to top, #1a1a1a, #2a2a2a) !important;\n    border-top: 2px solid #333 !important;\n    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.5) !important;\n}\n\n/* 输入框容器：深色背景，圆角，边框和内嵌阴影 */\n#ai-chat-bottom-input {\n    background-color: #2c2c2c !important;\n    border-radius: 12px !important;\n    border: 1px solid #444 !important;\n    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4) !important;\n    position: relative !important; /* 用于伪元素 */\n}\n\n/* 主输入框：透明背景（继承容器），浅色文字 */\n#ai-chat-input {\n    background-color: transparent !important;\n    color: #f0f0f0 !important;\n    font-size: 16px !important;\n    padding: 10px 15px !important;\n}\n\n/* 占位符样式：暗灰色 */\n#ai-chat-input::placeholder {\n    color: #888 !important;\n    opacity: 1 !important;\n}\n\n/* 文字选中效果：深灰背景，白色文字 */\n#ai-chat-input::selection {\n    background-color: #555 !important;\n    color: #fff !important;\n}\n\n/* 底部输入框装饰：输入框容器前添加🐶 */\n#ai-chat-bottom-input::before {\n    content: '🐶' !important;\n    font-size: 16px !important;\n    margin-right: 10px !important;\n    opacity: 0.6 !important;\n    display: inline-block !important;\n    vertical-align: middle !important;\n}\n\n/* ==================== 分页栏相关样式 (只允许颜色和纯视觉样式修改) ==================== */\n/* 分页按钮：暗色背景，浅色文字，边框和悬停效果 */\n.MuiPaginationItem-root {\n    background-color: #3a3a3a !important;\n    color: #f0f0f0 !important;\n    border: 1px solid #555 !important;\n    border-radius: 4px !important;\n    transition: all 0.3s ease !important;\n    min-width: 32px !important;\n    height: 32px !important;\n    margin: 0 4px !important;\n}\n.MuiPaginationItem-root:hover {\n    background-color: #555 !important;\n    border-color: #777 !important;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;\n}\n\n/* 选中/禁用按钮：选中状态更深，禁用状态更暗 */\n.MuiPaginationItem-root.Mui-selected {\n    background-color: #777 !important;\n    color: #fff !important;\n    font-weight: bold !important;\n    border-color: #999 !important;\n    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) !important;\n}\n.MuiPaginationItem-root.Mui-disabled {\n    background-color: #2a2a2a !important;\n    color: #777 !important;\n    border-color: #3a3a3a !important;\n    cursor: not-allowed !important;\n}\n\n/* 翻页箭头图标：浅色图标，禁用时变暗 */\n.MuiPaginationItem-icon {\n    color: #f0f0f0 !important;\n    fill: #f0f0f0 !important;\n    stroke: #f0f0f0 !important;\n}\n.MuiPaginationItem-root.Mui-disabled .MuiPaginationItem-icon {\n    color: #777 !important;\n    fill: #777 !important;\n    stroke: #777 !important;\n}\n\n/* 跳转输入区域文字与输入框：浅色文字，深色输入框 */\n.MuiStack-root.css-1uwir8f,\n.MuiStack-root.css-1uwir8f .MuiBox-root {\n    color: #f0f0f0 !important;\n}\n.MuiInputBase-input {\n    background-color: #3a3a3a !important;\n    color: #f0f0f0 !important;\n    border: 1px solid #555 !important;\n    border-radius: 4px !important;\n    padding: 4px 8px !important;\n    text-align: center !important;\n}\n.MuiInputBase-input::placeholder {\n    color: #888 !important;\n}\n\n/* ==================== 评论区相关样式 ==================== */\n/* 评论区背景容器 (主容器): 深色砖墙背景，顶部边框和阴影 */\ndiv[class*=\"w-full\"][class*=\"bg-white\"][class*=\"bottom-0\"] {\n    background-color: #1c1c1c !important; /* 暗黑色基础 */\n    /* CSS模拟砖墙纹理，与顶部栏一致 */\n    background-image:\n        repeating-linear-gradient(90deg, #2a2a2a 0, #2a2a2a 20px, #1a1a1a 20px, #1a1a1a 40px),\n        repeating-linear-gradient(0deg, #2a2a2a 0, #2a2a2a 50px, #1a1a1a 50px, #1a1a1a 100px) !important;\n    background-size: 40px 100px, 100% 100px !important;\n    background-blend-mode: multiply !important;\n    color: #f0f0f0 !important; /* 确保默认文字为浅色 */\n    border-top: 2px solid #333 !important;\n    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.6) !important;\n}\n\n/* 顶部标题：浅色文字，粗体，可尝试像素字体，左侧添加🐾🐱 */\ndiv.text-lg.font-bold {\n    color: #f0f0f0 !important;\n    /* 可选：引入像素字体增强街头感，例如：\n       @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');\n       font-family: 'Press Start 2P', cursive, -apple-system, sans-serif !important;\n    */\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;\n}\ndiv.text-lg.font-bold::before {\n    content: '🐾 🐱 ' !important; /* 在标题前添加猫狗表情 */\n    font-size: 16px !important;\n    margin-right: 8px !important;\n    opacity: 0.8 !important;\n    color: #ccc !important;\n}\n\n/* ‘个人评分’文字：浅灰色 */\np.MuiTypography-body1.text-grey-600 {\n    color: #cccccc !important;\n}\n\n/* 未选中的评分星星：暗灰色空心 */\nspan.MuiRating-iconEmpty svg {\n    color: #666 !important;\n    fill: #666 !important;\n    transition: color 0.3s ease !important;\n}\n\n/* 选中的星星：金黄色填充 */\nspan.MuiRating-iconFilled svg {\n    color: #FFD700 !important;\n    fill: #FFD700 !important;\n    transition: color 0.3s ease !important;\n}\n\n/* 评分数字：亮橙色，粗体带阴影 */\nspan.text-orange-500 {\n    color: #FFA500 !important;\n    font-weight: bold !important;\n    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;\n}\n\n/* 输入框容器：深色背景，圆角，边框和内嵌阴影 */\ndiv.flex.flex-col.border-gray-200 {\n    background-color: #2c2c2c !important;\n    border: 1px solid #444 !important;\n    border-radius: 8px !important;\n    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4) !important;\n}\n\n/* 输入框：透明背景，浅色文字，允许垂直调整 */\ntextarea.rc-textarea {\n    background-color: transparent !important;\n    color: #f0f0f0 !important;\n    border: none !important;\n    resize: vertical !important; /* 允许用户垂直拖动调整大小 */\n}\ntextarea.rc-textarea::placeholder {\n    color: #888 !important;\n}\ntextarea.rc-textarea::selection {\n    background-color: #555 !important;\n    color: #fff !important;\n}\n\n/* 输入字数统计：深灰色背景，浅灰色文字，圆角 */\ndiv.bg-gray-100.text-gray-500 {\n    background-color: #3a3a3a !important;\n    color: #cccccc !important;\n    border-top: 1px solid #555 !important;\n    border-bottom-left-radius: 8px !important;\n    border-bottom-right-radius: 8px !important;\n}\n\n/* 发送评论按钮：深灰色背景，圆角，阴影和悬停动画 */\ndiv.cursor-pointer.group.flex.items-center.justify-center {\n    background-color: #555 !important;\n    border-radius: 6px !important;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;\n    transition: all 0.3s ease !important;\n}\ndiv.cursor-pointer.group.flex.items-center.justify-center:hover {\n    background-color: #777 !important;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important;\n    transform: translateY(-2px) !important;\n}\n\n/* 发送评论按钮图标：浅色图标，悬停时位移并旋转 */\ndiv[data-state=\"closed\"] svg[data-icon=\"Send03\"] {\n    color: #f0f0f0 !important;\n    fill: #f0f0f0 !important;\n    stroke: #f0f0f0 !important;\n    transition: transform 0.3s ease !important;\n}\ndiv.cursor-pointer.group.flex.items-center.justify-center:hover div[data-state=\"closed\"] svg[data-icon=\"Send03\"] {\n    transform: translateX(3px) rotate(15deg) !important;\n}\n\n/* 分割线：深灰色，加粗 */\ndiv.style_divider__mW0YX {\n    background-color: #555 !important;\n    height: 1px !important;\n    margin: 15px 0 !important;\n}\n\n/* 排序按钮容器：深色背景，圆角，边框 */\n.MuiStack-root.css-1dmzxoz {\n    background-color: #222 !important;\n    padding: 8px !important;\n    border-radius: 8px !important;\n    border: 1px solid #444 !important;\n}\n\n/* 排序按钮 (已选中)：更深的灰色，白色文字 */\nbutton.MuiButton-containedPrimary {\n    background-color: #777 !important;\n    color: #fff !important;\n    border: 1px solid #999 !important;\n    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3) !important;\n    transition: all 0.3s ease !important;\n}\nbutton.MuiButton-containedPrimary:hover {\n    background-color: #999 !important;\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5) !important;\n}\n\n/* 排序按钮 (未选中)：深灰色背景，浅色文字 */\nbutton.MuiButton-outlinedPrimary {\n    background-color: #3a3a3a !important;\n    color: #f0f0f0 !important;\n    border: 1px solid #555 !important;\n    transition: all 0.3s ease !important;\n}\nbutton.MuiButton-outlinedPrimary:hover {\n    background-color: #555 !important;\n    border-color: #777 !important;\n}\n\n/* 评论列表容器：透明背景，继承主容器的砖墙纹理 */\ndiv.p-3.overflow-y-auto {\n    background-color: transparent !important;\n    color: #f0f0f0 !important;\n}\n\n/* 评论项：半透明深色背景，圆角，边框，阴影和毛玻璃效果 */\ndiv.group.ml-0 {\n    background-color: rgba(40, 40, 40, 0.8) !important; /* 半透明，透出砖墙背景 */\n    border-radius: 10px !important;\n    padding: 15px !important;\n    margin-bottom: 12px !important;\n    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5) !important;\n    border: 1px solid #3a3a3a !important;\n    backdrop-filter: blur(3px) !important; /* 毛玻璃效果，增强现代街头感 */\n    transition: all 0.3s ease !important;\n}\ndiv.group.ml-0:hover {\n    background-color: rgba(50, 50, 50, 0.9) !important;\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.7) !important;\n    transform: translateY(-2px) !important;\n}\n\n/* 用户头像：加粗边框，阴影 */\ndiv.group img.rounded-full {\n    border: 2px solid #777 !important;\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;\n}\n\n/* 用户名：白色粗体文字，带阴影 */\ndiv.text-sm.text-grey-600 span.font-bold {\n    color: #fff !important;\n    font-weight: bold !important;\n    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6) !important;\n}\n\n/* \"（你）\" 标签：街头感紫色背景，白色粗体文字，圆角 */\nspan.text-\\[10px\\] {\n    background-color: #8A2BE2 !important; /* 蓝紫，街头感 */\n    color: #fff !important;\n    padding: 2px 6px !important;\n    border-radius: 4px !important;\n    margin-left: 5px !important;\n    font-weight: bold !important;\n}\n\n/* 评论内容：浅色文字，更宽的行高 */\ndiv.break-all {\n    color: #f0f0f0 !important;\n    line-height: 1.6 !important;\n}\n\n/* 时间戳：浅灰色 */\ndiv.text-xs.text-grey-600 {\n    color: #aaaaaa !important;\n}\n\n/* 点赞按钮：默认浅灰色，悬停亮橙色，放大效果 */\nbutton.text-gray-400 {\n    color: #aaaaaa !important;\n    transition: all 0.2s ease !important;\n}\nbutton.text-gray-400:hover {\n    color: #FF4500 !important; /* 亮橙色 */\n    transform: scale(1.1) !important;\n}\n\n/* 点赞按钮的图标：继承父级颜色 */\nbutton.text-gray-400 svg {\n    color: inherit !important;\n    fill: inherit !important;\n    stroke: inherit !important;\n}\n\n/* 回复按钮：街头感紫色，悬停下划线 */\nspan.cursor-pointer {\n    color: #8A2BE2 !important;\n    font-weight: 500 !important;\n    transition: color 0.2s ease !important;\n}\nspan.cursor-pointer:hover {\n    color: #9932CC !important;\n    text-decoration: underline !important;\n}\n\n/* 回复区域边框：加粗深灰色边框 */\ndiv.ml-8.border-l {\n    border-left: 2px solid #555 !important;\n    padding-left: 10px !important;\n    margin-top: 10px !important;\n}\n\n/* 每条评论项装饰：底部右侧添加🐾 */\ndiv.group.ml-0::after {\n    content: '🐾' !important;\n    display: block !important;\n    text-align: right !important;\n    font-size: 10px !important;\n    color: #888 !important;\n    margin-top: 5px !important;\n    opacity: 0.4 !important;\n}","options":{"items":[]},"language":"zh","containsNSFW":true,"publicAccess":true,"deletedAt":null,"isAnonymous":false,"enableSafeguard":false,"defaultModelSettings":null,"totalConversations":0,"totalMessages":0,"totalCreditsUsed":0,"totalTokensUsed":0,"totalPlayedUsers":0,"deeplyPlayed":0,"fixedPromptLength":6982,"lorebookLength":1586,"author":{"id":"CesjBb7GXdh94pMbEXozj3v7PxrfHvvh","name":"口M口","displayUsername":"lilili33","username":"lilili33"},"cardsTags":[{"tag":{"name":"毒舌","cardsCount":4}},{"tag":{"name":"正太","cardsCount":29}},{"tag":{"name":"调教","cardsCount":1169}},{"tag":{"name":"可纯爱","cardsCount":113}},{"tag":{"name":"男同","cardsCount":61}},{"tag":{"name":"耽美","cardsCount":110}},{"tag":{"name":"少年","cardsCount":7}}],"cardsVoices":[],"prompt":null,"promptSizeBytes":null}