/*
* ---------------------------------
* 剑与魔法的异世界风格美化 - 修复版
* ---------------------------------
* 版本：1.5 (新版输入框适配+魔法旋转箭头指示器)
* 描述：为AI对话界面和评论区添加统一的奇幻风格美化，并放大字号
*/
/* 模块一：整体背景与文字样式 */
body, .bg-gray-50, .bg-white, .bg-gray-100 {
background: transparent !important;
}
* {
color: #f8e6c3 !important;
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 0 8px rgba(107, 70, 193, 0.3) !important;
font-size: inherit !important;
line-height: inherit !important;
}
/* 模块二：对话气泡美化 */
.group.is-assistant > .is-user\:dark {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.15), rgba(101, 67, 33, 0.1)) !important;
border: 1px solid #8B4513 !important;
border-radius: 12px 12px 12px 4px !important;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(139, 69, 19, 0.2), 0 0 15px rgba(107, 70, 193, 0.2) !important;
color: #f8e6c3 !important;
padding: 16px !important;
position: relative !important;
backdrop-filter: blur(5px) !important;
/* [手动调整文字大小的位置：对话气泡，原14px] */
font-size: 16px !important;
line-height: 1.5 !important;
}
.group.is-assistant > .is-user\:dark::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(90deg, transparent, #D4AF37, transparent);
border-radius: 50%;
}
.group.is-user > .is-user\:dark {
background: linear-gradient(135deg, rgba(70, 130, 180, 0.2), rgba(30, 144, 255, 0.15)) !important;
border: 1px solid #4682B4 !important;
border-radius: 12px 12px 4px 12px !important;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3), inset 0 0 20px rgba(70, 130, 180, 0.2), 0 0 15px rgba(30, 144, 255, 0.2) !important;
color: #f8e6c3 !important;
padding: 16px !important;
backdrop-filter: blur(5px) !important;
/* [手动调整文字大小的位置：用户对话气泡，原14px] */
font-size: 16px !important;
line-height: 1.5 !important;
}
/* 模块三：平台按钮与新版快捷按钮美化 */
.flex.items-center.gap-2.pb-2 > button,
#prompt-input-header button,
#prompt-input-footer button:not([type="submit"]) {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.3), rgba(101, 67, 33, 0.2)) !important;
color: #f8e6c3 !important;
border: 1px solid #8B4513 !important;
border-radius: 6px !important;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3), 0 0 8px rgba(107, 70, 193, 0.2) !important;
font-weight: bold !important;
/* [手动调整文字大小的位置：平台按钮，原13px] */
font-size: 13px !important;
text-transform: none !important;
transition: all 0.2s ease-in-out !important;
padding: 6px 12px !important;
position: relative !important;
backdrop-filter: blur(3px) !important;
}
.flex.items-center.gap-2.pb-2 > button:hover,
#prompt-input-header button:hover,
#prompt-input-footer button:not([type="submit"]):hover {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.3), rgba(139, 69, 19, 0.3)) !important;
color: #ffffff !important;
transform: translate(2px, 2px) scale(1.05) !important;
box-shadow: 0 0 0px #000000, 0 0 15px rgba(107, 70, 193, 0.6) !important;
text-shadow: 0 0 10px rgba(255, 255, 255, 0.8) !important;
}
button[type="submit"] {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.4), rgba(139, 69, 19, 0.3)) !important;
border: 1px solid #6b46c1 !important;
color: #ffffff !important;
/* [手动调整文字大小的位置：发送按钮，原14px] */
font-size: 14px !important;
transition: all 0.3s ease !important;
}
button[type="submit"]:hover {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.6), rgba(139, 69, 19, 0.5)) !important;
box-shadow: 0 0 15px rgba(107, 70, 193, 0.6) !important;
transform: scale(1.05) !important;
}
/* 模块四：输入栏容器美化与魔法箭头动画 */
@keyframes spin-arrow {
0%, 24% { content: "➫"; }
25%, 49% { content: "➬"; }
50%, 74% { content: "➩"; }
75%, 99% { content: "➪"; }
100% { content: "➫"; }
}
div[data-slot="input-group"] {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.15), rgba(101, 67, 33, 0.1)) !important;
border: 1px solid #8B4513 !important;
border-radius: 12px !important;
box-shadow: inset 2px 2px 8px rgba(0, 0, 0, 0.2), 0 0 15px rgba(107, 70, 193, 0.3) !important;
backdrop-filter: blur(5px) !important;
margin: 8px 0 !important;
overflow: visible !important;
position: relative !important;
}
/* 当输入框聚焦时，在右下角显示旋转的魔法箭头指示器 */
div[data-slot="input-group"]:has(textarea[data-slot="input-group-control"]:focus)::after {
content: "➫";
position: absolute;
bottom: 12px;
right: 16px;
color: #D4AF37 !important;
font-size: 20px !important;
text-shadow: 0 0 10px rgba(212, 175, 55, 0.8) !important;
animation: spin-arrow 0.6s infinite;
pointer-events: none;
z-index: 10;
}
/* 文本输入区美化 */
textarea[data-slot="input-group-control"] {
background: transparent !important;
border: none !important;
color: #f8e6c3 !important;
caret-color: #D4AF37 !important;
/* [手动调整文字大小的位置：输入框内文字，原14px] */
font-size: 16px !important;
line-height: 1.5 !important;
resize: none !important;
padding: 12px 16px !important;
}
textarea[data-slot="input-group-control"]::placeholder {
color: #c4b5a0 !important;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
/* [手动调整文字大小的位置：输入框提示词，原14px] */
font-size: 16px !important;
}
/* 模块五：代码块美化 */
pre, code {
background: linear-gradient(135deg, rgba(40, 20, 60, 0.4), rgba(20, 10, 40, 0.3)) !important;
border: 1px solid #6b46c1 !important;
border-radius: 8px !important;
box-shadow: inset 0 0 20px rgba(107, 70, 193, 0.2), 0 0 15px rgba(107, 70, 193, 0.3) !important;
color: #e9d8fd !important;
text-shadow: 0 0 5px rgba(233, 216, 253, 0.5) !important;
backdrop-filter: blur(3px) !important;
/* [手动调整文字大小的位置：代码块外层，原13px] */
font-size: 15px !important;
line-height: 1.4 !important;
}
pre code, code * {
color: #e9d8fd !important;
text-shadow: 0 0 5px rgba(233, 216, 253, 0.5) !important;
/* [手动调整文字大小的位置：代码块内层，原13px] */
font-size: 14px !important;
font-family: 'Monaco', 'Consolas', 'Courier New', monospace !important;
}
/* 模块六：折叠区块美化 */
details {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.1), rgba(101, 67, 33, 0.05)) !important;
border: 1px solid #8B4513 !important;
border-radius: 12px !important;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2), inset 0 0 25px rgba(139, 69, 19, 0.1) !important;
margin: 10px 0 !important;
backdrop-filter: blur(5px) !important;
/* [手动调整文字大小的位置：折叠区块整体，原14px] */
font-size: 15px !important;
}
summary {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.2), rgba(139, 69, 19, 0.15)) !important;
color: #f8e6c3 !important;
padding: 12px 14px !important;
border-radius: 12px 12px 0 0 !important;
cursor: pointer !important;
font-weight: bold !important;
/* [手动调整文字大小的位置：折叠区块标题，原14px] */
font-size: 16px !important;
text-align: center !important;
border-bottom: 1px solid #8B4513 !important;
position: relative !important;
}
summary::before {
content: "✨ ";
}
summary::after {
content: " ✨";
}
details > div {
padding: 16px !important;
background: transparent !important;
/* [手动调整文字大小的位置：折叠区块内部文字，原14px] */
font-size: 14px !important;
line-height: 1.5 !important;
}
details pre, details code {
background: linear-gradient(135deg, rgba(40, 20, 60, 0.5), rgba(20, 10, 40, 0.4)) !important;
border: 1px solid #8B4513 !important;
/* [手动调整文字大小的位置：折叠区块内的代码，原13px] */
font-size: 13px !important;
}
/* 模块七：其他元素美化 */
h1, h2, h3, h4, h5, h6 {
color: #f8e6c3 !important;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 0 0 10px rgba(107, 70, 193, 0.5) !important;
font-size: inherit !important;
}
a {
color: #e9d8fd !important;
text-shadow: 0 0 8px rgba(233, 216, 253, 0.7) !important;
text-decoration: underline !important;
font-size: inherit !important;
}
a:hover {
color: #ffffff !important;
text-shadow: 0 0 12px rgba(255, 255, 255, 0.9) !important;
}
ul, ol {
color: #f8e6c3 !important;
/* [手动调整文字大小的位置：列表，原14px] */
font-size: 16px !important;
}
li {
color: #f8e6c3 !important;
/* [手动调整文字大小的位置：列表项，原14px] */
font-size: 16px !important;
margin: 4px 0 !important;
}
blockquote {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.1), rgba(101, 67, 33, 0.05)) !important;
border-left: 4px solid #8B4513 !important;
border-radius: 4px !important;
padding: 12px 16px !important;
margin: 8px 0 !important;
font-style: italic !important;
/* [手动调整文字大小的位置：引用区块，原14px] */
font-size: 16px !important;
}
table {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.1), rgba(101, 67, 33, 0.05)) !important;
border: 1px solid #8B4513 !important;
border-radius: 6px !important;
backdrop-filter: blur(3px) !important;
/* [手动调整文字大小的位置：表格整体，原13px] */
font-size: 15px !important;
}
th, td {
border: 1px solid #8B4513 !important;
padding: 8px 12px !important;
color: #f8e6c3 !important;
/* [手动调整文字大小的位置：表格单元格，原13px] */
font-size: 15px !important;
}
th {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.2), rgba(139, 69, 19, 0.15)) !important;
font-weight: bold !important;
}
/* 模块八：评论区整体美化 (修复透明问题) */
.w-full.bottom-0.z-20.inset-x-0.bg-white,
.w-full.absolute.bottom-0.z-20.bg-white {
background: linear-gradient(180deg, rgba(26, 16, 37, 0.98), rgba(45, 27, 21, 0.98)) !important;
backdrop-filter: blur(20px) !important;
border-top: 3px solid #8B4513 !important;
box-shadow: 0 -10px 50px rgba(0, 0, 0, 0.9) !important;
opacity: 1 !important;
}
/* 评论区头部美化 */
.flex.items-center.justify-between.py-3 {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.3), rgba(139, 69, 19, 0.2)) !important;
border-bottom: 2px solid #8B4513 !important;
padding: 12px 16px !important;
position: relative !important;
z-index: 25 !important;
}
.text-lg.font-bold.pl-3 {
color: #f8e6c3 !important;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8), 0 0 10px rgba(107, 70, 193, 0.5) !important;
/* [手动调整文字大小的位置：评论区大标题，原18px] */
font-size: 20px !important;
font-weight: bold !important;
}
.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeMedium {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.2), rgba(101, 67, 33, 0.15)) !important;
border: 1px solid #8B4513 !important;
border-radius: 6px !important;
color: #f8e6c3 !important;
width: 32px !important;
height: 32px !important;
transition: all 0.3s ease !important;
}
.MuiButtonBase-root.MuiIconButton-root.MuiIconButton-sizeMedium:hover {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.3), rgba(139, 69, 19, 0.25)) !important;
transform: scale(1.1) !important;
box-shadow: 0 0 15px rgba(107, 70, 193, 0.6) !important;
}
/* 模块九：评分区域美化 */
.MuiStack-root.px-3.mb-3 {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.15), rgba(101, 67, 33, 0.1)) !important;
border: 1px solid #8B4513 !important;
border-radius: 8px !important;
padding: 12px !important;
margin: 12px !important;
backdrop-filter: blur(5px) !important;
}
.MuiTypography-root.MuiTypography-body1 {
color: #f8e6c3 !important;
/* [手动调整文字大小的位置：评分区文字，原14px] */
font-size: 16px !important;
margin-bottom: 8px !important;
}
.MuiRating-root {
color: #D4AF37 !important;
}
.MuiRating-iconFilled {
color: #D4AF37 !important;
text-shadow: 0 0 8px rgba(212, 175, 55, 0.7) !important;
}
.MuiRating-iconEmpty {
color: #8B4513 !important;
}
.text-orange-500.w-14.px-2 {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.15), rgba(101, 67, 33, 0.1)) !important;
border: 1px solid #8B4513 !important;
border-radius: 4px !important;
color: #D4AF37 !important;
text-align: center !important;
font-weight: bold !important;
text-shadow: 0 0 5px rgba(212, 175, 55, 0.5) !important;
}
/* 模块十：评论列表其他按键美化 */
.flex.items-center.px-2.h-5.rounded-md.bg-gray-100 {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.2), rgba(139, 69, 19, 0.15)) !important;
border: 1px solid #8B4513 !important;
color: #f8e6c3 !important;
/* [手动调整文字大小的位置：评论框小标签，原11px] */
font-size: 13px !important;
}
.cursor-pointer.group.flex.items-center.justify-center.w-8.h-8.rounded-lg {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.3), rgba(139, 69, 19, 0.25)) !important;
border: 1px solid #6b46c1 !important;
border-radius: 6px !important;
transition: all 0.3s ease !important;
}
.cursor-pointer.group.flex.items-center.justify-center.w-8.h-8.rounded-lg:hover {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.5), rgba(139, 69, 19, 0.4)) !important;
transform: scale(1.1) !important;
box-shadow: 0 0 15px rgba(107, 70, 193, 0.6) !important;
}
/* 模块十一：排序按钮美化 */
.MuiStack-root.css-1dmzxoz {
padding: 8px 12px !important;
}
.MuiButton-contained.MuiButton-containedPrimary {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.4), rgba(139, 69, 19, 0.3)) !important;
border: 1px solid #6b46c1 !important;
color: #ffffff !important;
border-radius: 6px !important;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.3) !important;
font-weight: bold !important;
transition: all 0.3s ease !important;
}
.MuiButton-contained.MuiButton-containedPrimary:hover {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.6), rgba(139, 69, 19, 0.5)) !important;
transform: translate(2px, 2px) !important;
box-shadow: 0 0 15px rgba(107, 70, 193, 0.6) !important;
}
.MuiButton-outlined.MuiButton-outlinedPrimary {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.2), rgba(101, 67, 33, 0.15)) !important;
border: 1px solid #8B4513 !important;
color: #f8e6c3 !important;
border-radius: 6px !important;
transition: all 0.3s ease !important;
}
.MuiButton-outlined.MuiButton-outlinedPrimary:hover {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.3), rgba(101, 67, 33, 0.25)) !important;
transform: translate(2px, 2px) !important;
box-shadow: 0 0 10px rgba(139, 69, 19, 0.4) !important;
}
/* 模块十二：评论列表美化 */
.p-3.overflow-y-auto.h-full {
background: transparent !important;
}
.group.ml-0 {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.08), rgba(101, 67, 33, 0.05)) !important;
border: 1px solid #8B4513 !important;
border-radius: 12px !important;
margin: 8px 0 !important;
padding: 12px !important;
backdrop-filter: blur(3px) !important;
transition: all 0.3s ease !important;
}
.group.ml-0:hover {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.12), rgba(101, 67, 33, 0.08)) !important;
box-shadow: 0 0 15px rgba(107, 70, 193, 0.3) !important;
transform: translateY(-2px) !important;
}
.flex-shrink-0.cursor-pointer img {
border: 2px solid #8B4513 !important;
border-radius: 50% !important;
box-shadow: 0 0 8px rgba(139, 69, 19, 0.5) !important;
transition: all 0.3s ease !important;
}
.flex-shrink-0.cursor-pointer img:hover {
border-color: #D4AF37 !important;
box-shadow: 0 0 12px rgba(212, 175, 55, 0.7) !important;
transform: scale(1.05) !important;
}
.text-sm.text-grey-600.flex.items-center {
color: #f8e6c3 !important;
margin-bottom: 6px !important;
text-shadow: 1px 0 0 #8B4513, -1px 0 0 #8B4513, 0 1px 0 #8B4513, 0 -1px 0 #8B4513, 0.5px 0.5px 0 #8B4513, -0.5px -0.5px 0 #8B4513, 0.5px -0.5px 0 #8B4513, -0.5px 0.5px 0 #8B4513, 0 0 8px rgba(107, 70, 193, 0.3) !important;
}
.text-sm.text-grey-600.flex.items-center span:first-child {
font-weight: bold !important;
color: #D4AF37 !important;
text-shadow: 0 0 5px rgba(212, 175, 55, 0.5) !important;
}
.MuiRating-root.MuiRating-sizeSmall.Mui-readOnly {
color: #D4AF37 !important;
}
.MuiStack-root.css-f9mrh6 img {
border-radius: 4px !important;
border: 1px solid #8B4513 !important;
box-shadow: 0 0 5px rgba(139, 69, 19, 0.4) !important;
}
.break-all {
color: #f8e6c3 !important;
/* [手动调整文字大小的位置：评论正文内容，原14px] */
font-size: 16px !important;
line-height: 1.5 !important;
margin: 8px 0 !important;
padding: 8px 0 !important;
}
.text-xs.text-grey-600.font-light.flex.items-center.justify-between {
color: #c4b5a0 !important;
border-top: 1px solid rgba(139, 69, 19, 0.3) !important;
padding-top: 8px !important;
margin-top: 8px !important;
}
.flex.items-center.gap-1.cursor-pointer {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.1), rgba(101, 67, 33, 0.05)) !important;
border: 1px solid #8B4513 !important;
border-radius: 4px !important;
padding: 4px 8px !important;
transition: all 0.3s ease !important;
}
.flex.items-center.gap-1.cursor-pointer:hover {
background: linear-gradient(135deg, rgba(220, 38, 38, 0.2), rgba(185, 28, 28, 0.15)) !important;
border-color: #dc2626 !important;
transform: scale(1.05) !important;
}
.flex.items-center.gap-1.cursor-pointer:hover svg {
color: #dc2626 !important;
}
.cursor-pointer.hover\:text-primary-600.hover\:underline {
color: #c4b5a0 !important;
transition: all 0.3s ease !important;
}
.cursor-pointer.hover\:text-primary-600.hover\:underline:hover {
color: #e9d8fd !important;
text-shadow: 0 0 8px rgba(233, 216, 253, 0.7) !important;
}
.cursor-pointer.hover\:text-primary-600.ml-3.text-gray-500,
.cursor-pointer.text-gray-500.hover\:text-primary-600.ml-3 {
color: #8B4513 !important;
transition: all 0.3s ease !important;
}
.cursor-pointer.hover\:text-primary-600.ml-3.text-gray-500:hover,
.cursor-pointer.text-gray-500.hover\:text-primary-600.ml-3:hover {
color: #e9d8fd !important;
text-shadow: 0 0 8px rgba(233, 216, 253, 0.7) !important;
}
.ml-auto.text-gray-500.text-xs {
color: #c4b5a0 !important;
font-style: italic !important;
}
/* 模块十三：回复评论美化 */
.ml-8.mt-2.border-l.border-gray-100.pl-4 {
border-left: 2px solid #8B4513 !important;
margin-left: 24px !important;
padding-left: 16px !important;
position: relative !important;
}
.ml-8.mt-2.border-l.border-gray-100.pl-4::before {
content: "";
position: absolute;
left: -2px;
top: 0;
bottom: 0;
width: 2px;
background: linear-gradient(to bottom, transparent, #8B4513, transparent);
}
.ml-8 .group.ml-0 {
background: linear-gradient(135deg, rgba(139, 69, 19, 0.05), rgba(101, 67, 33, 0.03)) !important;
border: 1px solid rgba(139, 69, 19, 0.5) !important;
}
/* 模块十四：分割线美化 */
.style_divider__mW0YX.style_horizontal__UvaHt {
background: linear-gradient(90deg, transparent, #8B4513, transparent) !important;
height: 2px !important;
margin: 16px 0 !important;
position: relative !important;
}
.style_divider__mW0YX.style_horizontal__UvaHt::before,
.style_divider__mW0YX.style_horizontal__UvaHt::after {
content: "❖";
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #D4AF37 !important;
font-size: 12px !important;
}
.style_divider__mW0YX.style_horizontal__UvaHt::before {
left: 20%;
}
.style_divider__mW0YX.style_horizontal__UvaHt::after {
right: 20%;
}
/* 模块十五：展开更多按钮美化 */
.mt-2.text-xs.text-primary-600.cursor-pointer.select-none {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.2), rgba(139, 69, 19, 0.15)) !important;
border: 1px solid #6b46c1 !important;
border-radius: 6px !important;
color: #e9d8fd !important;
padding: 8px 16px !important;
text-align: center !important;
font-weight: bold !important;
transition: all 0.3s ease !important;
display: block !important;
margin: 12px auto !important;
max-width: 120px !important;
}
.mt-2.text-xs.text-primary-600.cursor-pointer.select-none:hover {
background: linear-gradient(135deg, rgba(107, 70, 193, 0.4), rgba(139, 69, 19, 0.3)) !important;
transform: translateY(-2px) !important;
box-shadow: 0 0 15px rgba(107, 70, 193, 0.5) !important;
text-shadow: 0 0 8px rgba(233, 216, 253, 0.8) !important;
}
/* 魔法光效动画 */
@keyframes magicGlow {
0% { box-shadow: 0 0 5px rgba(107, 70, 193, 0.3); }
50% { box-shadow: 0 0 20px rgba(107, 70, 193, 0.6); }
100% { box-shadow: 0 0 5px rgba(107, 70, 193, 0.3); }
}
@keyframes commentGlow {
0% { box-shadow: 0 0 5px rgba(107, 70, 193, 0.2); }
50% { box-shadow: 0 0 15px rgba(107, 70, 193, 0.4); }
100% { box-shadow: 0 0 5px rgba(107, 70, 193, 0.2); }
}
.group.is-assistant:last-child > .is-user\:dark {
animation: magicGlow 2s ease-in-out;
}
.group.ml-0:first-child {
animation: commentGlow 3s ease-in-out infinite;
}
.group.ml-0 .text-sm.text-grey-600.flex.items-center span.font-bold {
color: #D4AF37 !important;
text-shadow: 0 0 10px rgba(212, 175, 55, 0.7) !important;
}
.group.ml-0 .text-sm.text-grey-600.flex.items-center span.font-bold ~ .group.ml-0 {
border: 2px solid #D4AF37 !important;
box-shadow: 0 0 10px rgba(212, 175, 55, 0.3) !important;
}
/* 响应式调整 */
@media (max-width: 768px) {
.group.is-assistant > .is-user\:dark,
.group.is-user > .is-user\:dark {
padding: 12px !important;
/* [手动调整文字大小的位置：手机端对话气泡，原13px] */
font-size: 15px !important;
}
div[data-slot="input-group"] {
padding: 8px !important;
}
div[data-slot="input-group"]:has(textarea[data-slot="input-group-control"]:focus)::after {
bottom: 8px;
right: 12px;
font-size: 16px !important;
}
textarea[data-slot="input-group-control"] {
/* [手动调整文字大小的位置：手机端输入框，原13px] */
font-size: 15px !important;
padding: 8px !important;
}
.flex.items-center.gap-2.pb-2 > button,
#prompt-input-header button,
#prompt-input-footer button:not([type="submit"]) {
padding: 6px 10px !important;
/* [手动调整文字大小的位置：手机端平台按钮，原12px] */
font-size: 12px !important;
}
.w-full.h-full.bottom-0.z-20.inset-x-0.bg-white {
border-top-width: 3px !important;
}
.group.ml-0 {
padding: 10px !important;
margin: 6px 0 !important;
}
.ml-8.mt-2.border-l.border-gray-100.pl-4 {
margin-left: 16px !important;
padding-left: 12px !important;
}
.text-sm.text-grey-600.flex.items-center {
/* [手动调整文字大小的位置：手机端评论人名称，原13px] */
font-size: 15px !important;
}
.break-all {
/* [手动调整文字大小的位置：手机端评论正文内容，原13px] */
font-size: 15px !important;
}
}
.flex {
display: flex;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.w-6 {
width: 1.5rem;
}
.h-5 {
height: 1.25rem;
}
.style_dot-flashing__8L91Q.style_text__zGhNq {
position: relative;
width: auto;
height: auto;
animation: whale-switch 1.5s infinite;
}
.style_dot-flashing__8L91Q.style_text__zGhNq::before {
content: "🐋";
font-size: 1rem;
line-height: 1;
}
.style_dot-flashing__8L91Q.style_text__zGhNq::after {
content: "等待的时候看我表演个大鲸鲸喷水吧~💦";
margin-left: 0.5rem;
font-size: 0.875rem;
color: #f8e6c3 !important;
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 0 8px rgba(107, 70, 193, 0.3) !important;
white-space: nowrap;
font-size: inherit !important;
line-height: inherit !important;
animation: text-pulse 1.5s ease-in-out infinite;
}
@keyframes whale-switch {
0%, 50% { transform: scale(1); }
25% { transform: scale(1.1); }
0% { content: "🐋"; }
50% { content: "🐳"; }
100% { content: "🐋"; }
}
.style_dot-flashing__8L91Q.style_text__zGhNq::before {
animation: whale-emoji 1.5s infinite;
}
@keyframes whale-emoji {
0%, 100% { content: "🐋"; }
50% { content: "🐳"; }
}
@keyframes text-pulse {
0%, 100% {
opacity: 0.8;
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 0 8px rgba(107, 70, 193, 0.3) !important;
}
50% {
opacity: 1;
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px 0 #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 0 0 12px rgba(107, 70, 193, 0.6) !important;
}
}
/* 模块十六：自定义极简触发器美化 (复刻代码块风格) */
/* 触发方式：在AI对话中使用 <c>你的文本</c> */
c{
display:block !important;
background:linear-gradient(135deg, rgba(40, 20, 60, 0.4), rgba(20, 10, 40, 0.3)) !important;
border:1px solid #6b46c1 !important;
border-radius:8px !important;
box-shadow:inset 0 0 20px rgba(107, 70, 193, 0.2), 0 0 15px rgba(107, 70, 193, 0.3) !important;
color:#e9d8fd !important;
text-shadow:0 0 5px rgba(233, 216, 253, 0.5) !important;
backdrop-filter:blur(3px) !important;
font-size:13px !important;
line-height:1.5 !important;
font-family:'Monaco', 'Consolas', 'Courier New', monospace !important;
padding:12px 16px !important;
margin:10px 0 !important;
white-space:pre-wrap !important;
word-break:break-all !important;
}