/* --- 万界商贸终端 · 店长神格界面适配 --- */

/* 1. 顶部栏美化：虚空边境 */
.sticky.w-full.top-0.flex.items-center {
    background: rgba(15, 15, 25, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid #f0a6ff !important;
    box-shadow: 0 4px 15px rgba(240, 166, 255, 0.2) !important;
}

/* 模型选择器：终端核心 */
#ai-model-selector .group.flex.items-center {
    background: rgba(0, 0, 0, 0.6) !important;
    border: 1px solid #f0a6ff !important;
    border-radius: 4px !important;
    padding: 2px 8px !important;
    transition: all 0.3s ease !important;
}

#ai-model-selector .group.flex.items-center:hover {
    box-shadow: 0 0 10px #f0a6ff !important;
}

#ai-model-selector .truncate.text-\[13px\] {
    color: #f0a6ff !important;
    font-weight: bold !important;
    text-shadow: 0 0 5px rgba(240, 166, 255, 0.5) !important;
    font-family: 'Inter', sans-serif !important;
}

/* 顶部图标：神权符号 */
#header-setting-button svg, 
.sticky.w-full.top-0 svg.lucide-clock-8,
.sticky.w-full.top-0 svg:has(use[href="#icon-icon-set"]) {
    color: #f0a6ff !important;
    filter: drop-shadow(0 0 2px #f0a6ff) !important;
}

/* 2. 开场白选择器：法则之门 */
div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"] {
    background: rgba(15, 15, 25, 0.8) !important;
    border: 1px solid #f0a6ff !important;
    position: relative !important;
    overflow: hidden !important;
}

div.flex.items-center.h-9.bg-white.rounded-md.cursor-pointer.group[class*="border-gray"]::before {
    content: "✦" !important;
    color: #f0a6ff !important;
    margin-left: 8px !important;
    font-size: 12px !important;
}

/* 3. 底部栏与输入框：交易契约 */
#ai-chat-bottom-input {
    background: rgba(15, 15, 25, 0.95) !important;
    border-top: 1px solid #f0a6ff !important;
    backdrop-filter: blur(10px) !important;
}

#ai-chat-input {
    background: rgba(0, 0, 0, 0.5) !important;
    color: #e0e0e0 !important;
    border: 1px solid rgba(240, 166, 255, 0.3) !important;
    border-radius: 4px !important;
    font-family: 'Inter', sans-serif !important;
}

#ai-chat-input:focus {
    border-color: #f0a6ff !important;
    box-shadow: 0 0 8px rgba(240, 166, 255, 0.4) !important;
}

#ai-chat-input::placeholder {
    color: rgba(240, 166, 255, 0.4) !important;
}

/* 4. 按钮栏：权能释放 */
#ai-mod-button2 button.MuiButton-root {
    background: rgba(240, 166, 255, 0.1) !important;
    border: 1px solid #f0a6ff !important;
    color: #f0a6ff !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.2s !important;
}

#ai-mod-button2 button.MuiButton-root:hover {
    background: #f0a6ff !important;
    color: #000 !important;
    box-shadow: 0 0 12px #f0a6ff !important;
}

/* 5. 评论区美化：万界众生相 */
/* 主背景覆盖 */
div[class*="w-full"][class*="bg-white"][class*="bottom-0"] {
    background: #050507 !important;
    color: #e0e0e0 !important;
}

/* 标题与文字 */
div.text-lg.font-bold, 
p.MuiTypography-body1.text-grey-600,
span.text-orange-500 {
    color: #f0a6ff !important;
    text-shadow: 0 0 5px rgba(240, 166, 255, 0.3) !important;
}

/* 评论输入框 */
textarea.rc-textarea {
    background: rgba(15, 15, 25, 0.8) !important;
    color: #fff !important;
    border: 1px solid #333 !important;
    border-left: 3px solid #f0a6ff !important;
}

textarea.rc-textarea:focus {
    border-color: #f0a6ff !important;
}

/* 发送按钮 */
div.cursor-pointer.group.flex.items-center.justify-center:has(svg[data-icon="Send03"]) {
    background: #f0a6ff !important;
    border-radius: 4px !important;
}

div.cursor-pointer.group.flex.items-center.justify-center svg[data-icon="Send03"] {
    color: #000 !important;
}

/* 评论列表项 */
div.group.ml-0 {
    border-bottom: 1px dashed rgba(240, 166, 255, 0.2) !important;
    padding-bottom: 12px !important;
}

div.group img.rounded-full {
    border: 1px solid #f0a6ff !important;
    padding: 2px !important;
    background: #000 !important;
}

div.text-sm.text-grey-600 span.font-bold {
    color: #f0a6ff !important;
}

/* 评分星星 */
span.MuiRating-iconFilled svg {
    color: #f0a6ff !important;
    filter: drop-shadow(0 0 3px #f0a6ff) !important;
}

/* 6. 分页栏：维度跳转 */
.MuiPaginationItem-root {
    color: rgba(240, 166, 255, 0.7) !important;
    border: 1px solid rgba(240, 166, 255, 0.2) !important;
}

.MuiPaginationItem-root.Mui-selected {
    background: #f0a6ff !important;
    color: #000 !important;
    font-weight: bold !important;
}

/* 滚动条美化 (可选发散效果) */
::-webkit-scrollbar {
    width: 4px !important;
}
::-webkit-scrollbar-thumb {
    background: #f0a6ff !important;
    border-radius: 10px !important;
}
::-webkit-scrollbar-track {
    background: #050507 !important;
}