#chatDetailScreen
.chat-detail-header
.chat-messages-area
.chat-input-area
.chat-message-bubble
!important
#chatDetailScreen { background: linear-gradient(180deg, #667eea, #764ba2) !important; background-size: cover !important; }
/* 背景装饰层 */ .custom-bg-layer { position: absolute; z-index: 0; /* 最底层 */ } /* 消息区域 */ .chat-messages-area { position: relative; z-index: 1; /* 中间层 */ } /* 顶栏/底栏 */ .chat-detail-header, .chat-input-area { z-index: 10; /* 前景层 */ }
/* 统一背景色 */ #chatDetailScreen, .chat-detail-header, .chat-messages-area, .chat-input-area { background: {{USER_BG}} !important; } /* 移除所有边框和阴影 */ .chat-detail-header, .chat-input-area { border: none !important; box-shadow: none !important; }
.chat-detail-header, .chat-input-area { background: rgba(255,255,255,0.1) !important; backdrop-filter: blur(10px) !important; border: 1px solid rgba(255,255,255,0.2) !important; }
/*
*/
.chat-message-group
.chat-message-timestamp
.chat-read-status
.chat-date-divider
.text-image-overlay
.user
.character
flex-wrap: wrap
margin-bottom: 2px~16px
padding-top: var(--app-header-total-padding, 20px); /* 或 */ top: var(--app-header-total-padding, 20px);
{{CHAR_NAME}}
{{charName}}
.chat-detail-back-btn
.chat-detail-avatar
.chat-detail-info
.chat-detail-actions
.chat-affection-indicator
.chat-detail-icon-btn
.theme-custom-html
.chat-affection-indicator { width: 26px !important; height: 26px !important; overflow: hidden !important; position: relative !important; } .chat-affection-indicator > * { display: none !important; }
.chat-detail-back-btn { width: 30px !important; min-width: 30px !important; max-width: 30px !important; border: none !important; padding: 0 !important; }
/* 返回按钮:隐藏原SVG */ .chat-detail-back-btn svg { display: none !important; } /* 用伪元素显示简单箭头 */ .chat-detail-back-btn::before { content: '' !important; width: 16px !important; height: 16px !important; background-image: url("data:image/svg+xml,...") !important; background-size: contain !important; }
.chat-messages-area { top: 280px !important; /* 根据顶栏实际高度调整 */ }
.chat-input-area ├─ .chat-attach-btn (附件/+号按钮) ├─ .chat-input-wrapper (输入框容器) │ └─ .chat-message-input (文本框) ├─ .chat-send-btn (发送按钮) └─ .theme-decor-layer (装饰层容器) ├─ .theme-decor-1 ~ .theme-decor-5
.chat-attach-btn
.chat-input-wrapper
.chat-message-input
.chat-send-btn
.theme-decor-layer
.theme-decor-1~5
.chat-input-wrapper::before { content: ''; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-image: url("data:image/svg+xml,..."); pointer-events: none; }
.chat-message-input { margin-right: 70px !important; /* 为图标留空间 */ }
按钮 svg { display: none; }
position: relative
/* 相机图标示例 */ .chat-attach-btn::before { /* 机身 */ content: ''; position: absolute; width: 18px; height: 14px; border: 2.5px solid #fff; border-radius: 3px; } .chat-attach-btn::after { /* 镜头 */ content: ''; position: absolute; width: 7px; height: 7px; border: 2px solid #fff; border-radius: 50%; }
.chat-send-btn { position: absolute !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; }
未设置贴纸
@username
Character bio goes here...
~ nono
0 followers
还没有日记内容
User Feelings