公开统计
94热度分
3消息量
3,376世界书字符
18,582固定设定字符
以下状态来自本地公开导出字段;样式与模板仅提供安全预览/下载,不在本站自动执行。
cover: j1b78fweq0xfzz7sw1mqidza.webp导出中只有文件名引用,未包含实际图片二进制资源。
共 23,126 字符;仅作为文本显示,不会在本站执行。
/* ========================================
印度地狱厨房·魔都风云 主题CSS (稳定版)
风格:搞笑·爆笑·宝莱坞·玛莎拉冲击
配色:屎黄咖喱、玛莎拉橙、恒河绿、牛粪金
适配:手机端 + 电脑端 (性能优化与稳定性增强)
故事背景:魔都某条巷子里的印度神餐厅,食客与喷射战士的终极对决
======================================== */
/* 导入印度风味字体 */
@import url('https://fonts.googleapis.com/css2?family=Kavoon&family=Noto+Sans+SC:wght@400;700;900&display=swap');
:root {
/* 地狱厨房主题色 - 屎黄色系 */
--masala-shit: #C4A43D;
--curry-explosion: #D97A2E;
--ganga-green: #4A7C59;
--cow-dung-gold: #B8860B;
--chutney-red: #C62828;
--lassi-white: #FFF4E6;
--tandoori-black: #2C1A14;
--toilet-blue: #1E88E5;
/* 稳定的边框渐变 */
--border-masala: linear-gradient(135deg,
var(--masala-shit) 0%,
var(--curry-explosion) 25%,
var(--cow-dung-gold) 50%,
var(--chutney-red) 75%,
var(--ganga-green) 100%);
}
/* 全局字体与基础 */
body,
.chat-container,
.status-content,
.message-bubble {
font-family: 'Kavoon', 'Noto Sans SC', cursive, sans-serif !important;
}
body {
position: relative;
min-height: 100vh;
background: #2E1B0E !important;
background-image:
repeating-linear-gradient(45deg,
rgba(196, 164, 61, 0.15) 0px,
rgba(196, 164, 61, 0.15) 30px,
rgba(217, 122, 46, 0.1) 30px,
rgba(217, 122, 46, 0.1) 60px) !important;
}
/* 移除全局伪元素,降低复杂度 */
/* 改用固定定位的简单装饰 */
/* ========================================
主容器 - 印度神餐厅手抓饭堂风格
======================================== */
.status-content {
position: relative !important;
background: linear-gradient(165deg,
rgba(255, 244, 230, 0.95) 0%,
rgba(253, 237, 210, 0.98) 50%,
rgba(255, 244, 230, 0.95) 100%) !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
/* 用多层阴影模拟边框,替代不稳定的border-image */
border: 3px solid var(--cow-dung-gold) !important;
border-radius: 30px 6px 30px 6px !important;
box-shadow:
0 0 0 2px var(--masala-shit),
0 0 0 5px rgba(196, 164, 61, 0.3),
0 12px 30px rgba(0, 0, 0, 0.25),
inset 0 0 50px rgba(217, 122, 46, 0.15) !important;
padding: 22px 26px !important;
margin: 18px 10px !important;
color: var(--tandoori-black) !important;
}
.status-content::before {
content: "🍛";
position: absolute;
top: -10px;
right: -10px;
font-size: 50px;
opacity: 0.15;
transform: rotate(20deg);
filter: drop-shadow(0 0 8px var(--curry-explosion));
pointer-events: none;
z-index: 1;
}
.status-content > * {
position: relative;
z-index: 2;
}
.status-content p,
.status-content li,
.status-content span {
color: var(--tandoori-black) !important;
font-weight: 700;
}
/* ========================================
对话气泡 - AI侧(玛莎拉手抓饭大餐盘)
======================================== */
.group .bg-gray-100\/90 {
background: linear-gradient(145deg, #FFF8ED 0%, #FDECD0 50%, #FFF2E1 100%) !important;
border: 2px solid var(--curry-explosion) !important;
border-radius: 25px 5px 25px 5px !important;
box-shadow:
0 5px 0 0 rgba(44, 26, 20, 0.2),
0 10px 20px rgba(0, 0, 0, 0.15),
inset 0 0 30px rgba(217, 122, 46, 0.1),
inset 0 1px 0 0 rgba(255, 255, 255, 0.6) !important;
color: var(--tandoori-black) !important;
padding: 16px 18px !important;
margin: 8px 4px !important;
font-size: 15px !important;
line-height: 1.6 !important;
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
transition: all 0.2s ease !important;
}
/* 简化伪元素,只保留一个装饰 */
.group .bg-gray-100\/90::before {
content: "🪰";
position: absolute;
left: -8px;
top: -8px;
font-size: 60px;
line-height: 1;
opacity: 0.1;
transform: rotate(-15deg);
pointer-events: none;
z-index: 0;
filter: drop-shadow(0 0 5px var(--tandoori-black));
}
.group .bg-gray-100\/90 > * {
position: relative;
z-index: 2;
text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
}
.group .bg-gray-100\/90:hover {
box-shadow:
0 6px 0 0 rgba(44, 26, 20, 0.25),
0 15px 25px rgba(0, 0, 0, 0.2),
inset 0 0 40px rgba(217, 122, 46, 0.2),
inset 0 1px 0 0 rgba(255, 255, 255, 0.8) !important;
transform: translateY(-2px);
}
.group .bg-gray-100\/90:hover::before {
opacity: 0.15;
transform: rotate(-10deg) scale(1.05);
}
/* 用户侧气泡 - 喷射战士的呐喊 */
.group .bg-blue-500 {
background: linear-gradient(145deg, #FFE0B2 0%, #FFCC80 100%) !important;
border: 2px solid var(--chutney-red) !important;
border-radius: 5px 25px 5px 25px !important;
box-shadow: 0 4px 0 0 rgba(198, 40, 40, 0.3), 0 6px 15px rgba(0, 0, 0, 0.1) !important;
color: var(--tandoori-black) !important;
font-weight: 700;
}
/* ========================================
按钮美化 - 印度神油与玛莎拉罐
======================================== */
.flex.items-center.gap-2.pb-2 > button {
background: linear-gradient(165deg, #FFE0B2 0%, #FFB74D 50%, #FFE0B2 100%) !important;
color: var(--tandoori-black) !important;
border: 2px solid var(--ganga-green) !important;
border-radius: 20px 4px 20px 4px !important;
box-shadow:
0 4px 0 0 rgba(44, 26, 20, 0.2),
0 6px 15px rgba(0, 0, 0, 0.15),
inset 0 1px 3px rgba(255, 255, 255, 0.5) !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
padding: 8px 20px !important;
margin: 0 3px !important;
transition: all 0.2s ease !important;
position: relative !important;
font-size: 13px !important;
}
.flex.items-center.gap-2.pb-2 > button::before {
content: "🍛";
position: absolute;
left: 6px;
top: 4px;
font-size: 12px;
opacity: 0.5;
}
.flex.items-center.gap-2.pb-2 > button::after {
content: "💨";
position: absolute;
right: 6px;
bottom: 4px;
font-size: 12px;
opacity: 0.5;
transform: scaleX(-1);
}
.flex.items-center.gap-2.pb-2 > button:hover {
background: linear-gradient(165deg, #FFECB3 0%, #FFA726 50%, #FFECB3 100%) !important;
color: var(--chutney-red) !important;
transform: translate(1px, 2px) !important;
box-shadow:
0 2px 0 0 rgba(44, 26, 20, 0.2),
0 8px 20px rgba(217, 122, 46, 0.25),
inset 0 2px 6px rgba(255, 255, 255, 0.7) !important;
border-color: var(--chutney-red) !important;
}
.flex.items-center.gap-2.pb-2 > button:active {
transform: translate(3px, 3px) !important;
box-shadow:
0 0 0 0 rgba(44, 26, 20, 0.2),
inset 0 3px 10px rgba(0, 0, 0, 0.08),
0 0 20px rgba(74, 124, 89, 0.3) !important;
}
/* 发送按钮特殊标记 */
button[type="submit"]::before,
.send-button::before {
content: "💩" !important;
}
button[type="submit"]::after,
.send-button::after {
content: "💩" !important;
transform: scaleX(-1) !important;
}
/* ========================================
MUI按钮美化 - 馕坑烤饼
======================================== */
.MuiButtonBase-root.MuiButton-root.MuiButton-text {
background: linear-gradient(165deg, #FFCC80 0%, #F57C00 40%, #FFB74D 100%) !important;
color: var(--tandoori-black) !important;
border: 2px solid var(--chutney-red) !important;
border-radius: 18px 4px 18px 4px !important;
box-shadow:
0 4px 0 0 rgba(44, 26, 20, 0.25),
0 6px 15px rgba(0, 0, 0, 0.15),
inset 0 1px 4px rgba(255, 255, 255, 0.5) !important;
font-weight: 900 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
padding: 8px 20px !important;
margin: 0 3px !important;
transition: all 0.2s ease !important;
position: relative !important;
font-size: 14px !important;
font-family: 'Kavoon', 'Noto Sans SC', cursive !important;
line-height: 1.4 !important;
min-width: 64px !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text::before {
content: "🫓";
position: absolute;
left: 6px;
top: 4px;
font-size: 12px;
opacity: 0.6;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text::after {
content: "";
position: absolute;
right: 6px;
bottom: 6px;
width: 12px;
height: 12px;
background: radial-gradient(circle, var(--cow-dung-gold) 2px, transparent 3px);
opacity: 0.5;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:hover {
background: linear-gradient(165deg, #FFE0B2 0%, #FF9800 50%, #FFCC80 100%) !important;
color: var(--lassi-white) !important;
text-shadow: 0 0 4px black;
transform: translate(1px, 2px) !important;
box-shadow:
0 2px 0 0 rgba(44, 26, 20, 0.25),
0 8px 20px rgba(217, 122, 46, 0.3),
inset 0 2px 6px rgba(255, 255, 255, 0.7) !important;
border-color: var(--ganga-green) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:active {
transform: translate(3px, 3px) !important;
box-shadow:
0 0 0 0 rgba(44, 26, 20, 0.25),
inset 0 3px 12px rgba(0, 0, 0, 0.1),
0 0 20px rgba(184, 134, 11, 0.4) !important;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-text:disabled {
opacity: 0.5;
background: #A1887F !important;
color: #3E2723 !important;
border-color: #5D4037 !important;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2), inset 0 1px 4px rgba(255, 255, 255, 0.3) !important;
transform: none !important;
pointer-events: none;
}
/* ========================================
输入栏 - 恒河圣水缸
======================================== */
#ai-chat-input {
background: linear-gradient(145deg, #FFF8E1 0%, #FFECB3 50%, #FFF8E1 100%) !important;
border: 2px solid var(--ganga-green) !important;
border-radius: 20px 5px 20px 5px !important;
color: var(--tandoori-black) !important;
caret-color: var(--chutney-red) !important;
box-shadow:
inset 4px 4px 12px rgba(0, 0, 0, 0.08),
inset -2px -2px 6px rgba(255, 255, 255, 0.8),
0 3px 8px rgba(0, 0, 0, 0.1) !important;
padding: 14px 18px !important;
font-size: 15px !important;
line-height: 1.5 !important;
transition: all 0.2s ease !important;
font-weight: 700;
}
#ai-chat-input,
#ai-chat-input * {
color: var(--tandoori-black) !important;
}
#ai-chat-input::placeholder {
color: #A1887F !important;
opacity: 0.8 !important;
font-style: italic !important;
}
#ai-chat-input:focus {
outline: none !important;
border-color: var(--chutney-red) !important;
box-shadow:
inset 4px 4px 15px rgba(0, 0, 0, 0.1),
inset -2px -2px 8px rgba(255, 255, 255, 0.9),
0 0 20px rgba(217, 122, 46, 0.2),
0 3px 10px rgba(0, 0, 0, 0.15) !important;
}
#ai-chat-bottom-input {
background: transparent !important;
backdrop-filter: none !important;
border: none !important;
box-shadow: none !important;
padding: 8px 4px !important;
}
/* ========================================
折叠状态栏 - 地狱厨房点菜单
======================================== */
details {
display: block !important;
margin: 20px 0 !important;
background: linear-gradient(165deg, #FFF3E0 0%, #FFE0B2 50%, #FFF3E0 100%) !important;
backdrop-filter: blur(4px) !important;
border: 3px solid var(--cow-dung-gold) !important;
border-radius: 25px 6px 25px 6px !important;
box-shadow:
0 6px 0 0 rgba(44, 26, 20, 0.15),
0 15px 30px rgba(0, 0, 0, 0.2),
inset 0 0 40px rgba(217, 122, 46, 0.15),
inset 0 1px 0 0 rgba(255, 255, 255, 0.8) !important;
padding: 20px 24px !important;
color: var(--tandoori-black) !important;
font-family: 'Kavoon', 'Noto Sans SC', cursive !important;
line-height: 1.7 !important;
position: relative !important;
transition: all 0.25s ease !important;
overflow: hidden !important;
}
details::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
background: repeating-linear-gradient(45deg, transparent 0px, rgba(196, 164, 61, 0.05) 2px, transparent 4px) !important;
opacity: 0.5 !important;
pointer-events: none !important;
z-index: 0 !important;
}
details[open] {
background: linear-gradient(165deg, #FFECB3 0%, #FFE0B2 50%, #FFECB3 100%) !important;
border-color: var(--chutney-red) !important;
box-shadow:
0 8px 0 0 rgba(44, 26, 20, 0.2),
0 20px 40px rgba(0, 0, 0, 0.25),
inset 0 0 50px rgba(217, 122, 46, 0.2),
inset 0 1px 0 0 rgba(255, 255, 255, 0.9) !important;
padding-bottom: 26px !important;
}
details::after
/* 预览已截断;下载 CSS 可查看完整内容。 */{
"renderTemplate": null,
"assistantRegexReplace": null,
"enableMemorySchema": false,
"memorySchema": null,
"introPage": "kb41f4m0wuiya8oa88z17czb.html",
"options": {
"items": []
},
"defaultModelSettings": null,
"cover": "j1b78fweq0xfzz7sw1mqidza.webp",
"background": null
}本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。