恶魔高校D×D

/* =========================================
   《恶魔高校DXD》主题全面美化 - 冥界眷属网络 (完整修正版)
   ========================================= */

/* -----------------------------------------
   一、消息气泡区 (吉蒙里与冥界主题)
   ----------------------------------------- */

/* 用户消息气泡：莉雅丝·吉蒙里主题 (猩红与真金) */
#customized-question-content {
    background: linear-gradient(135deg, rgba(139, 0, 0, 0.9) 0%, rgba(74, 0, 0, 0.95) 100%) !important;
    border: 1px solid #DAA520 !important;
    box-shadow: 0 4px 15px rgba(139, 0, 0, 0.5), inset 0 0 15px rgba(218, 165, 32, 0.2) !important;
    border-radius: 16px 4px 16px 16px !important;
    color: #F5F5F5 !important;
    backdrop-filter: blur(5px) !important;
}
#customized-question-content .markdown-body { 
    color: #F5F5F5 !important; 
    font-family: system-ui, -apple-system, sans-serif !important;
}
/* 用户顶部装饰条：赤龙帝之光 */
#customized-question-content .bg-\[\#c9e1e9\] { 
    background: #FF0000 !important; 
    box-shadow: 0 0 10px #FF0000, 0 0 20px #FF0000 !important; 
}

/* AI消息气泡：冥界与堕天使主题 (深紫与暗红) */
#customized-answer-content {
    background: linear-gradient(135deg, rgba(26, 15, 46, 0.95) 0%, rgba(10, 5, 20, 0.98) 100%) !important;
    border: 1px solid #8A2BE2 !important;
    box-shadow: 0 4px 15px rgba(138, 43, 226, 0.2), inset 0 0 10px rgba(139, 0, 0, 0.3) !important;
    border-radius: 4px 16px 16px 16px !important;
    color: #E8E8E8 !important;
}
#customized-answer-content .markdown-body { 
    color: #E8E8E8 !important; 
    font-family: system-ui, -apple-system, sans-serif !important;
}
/* AI顶部装饰条：雷之巫女的紫电 */
#customized-answer-content .bg-\[\#F1CBCB\] { 
    background: #8A2BE2 !important; 
    box-shadow: 0 0 10px #8A2BE2 !important; 
}

/* 消息操作按钮：悬浮时的恶魔诱惑 */
[id^="customized-"][id$="-button"] {
    transition: all 0.3s ease !important;
}
[id^="customized-"][id$="-button"]:hover {
    color: #DC143C !important;
    filter: drop-shadow(0 0 5px rgba(220, 20, 60, 0.6)) !important;
    transform: scale(1.1) !important;
}

/* Token消耗：赤龙帝的能量计数 */
#customized-answer-content .text-orange-500 {
    color: #FF0000 !important;
    font-weight: 600 !important;
    text-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
#customized-answer-content .text-purple-500.mt-1 {
    color: #DAA520 !important; /* 金色模型名 */
}

/* -----------------------------------------
   二、加载动画 (恶魔魔法阵)
   ----------------------------------------- */
/* 隐藏无聊的默认动画 */
#customized-answer-content [class*="dot-flashing"] { 
    display: none !important; 
}
#customized-answer-content .flex.items-center.justify-center.w-6.h-5 {
    position: relative !important;
    width: 28px !important;
    height: 28px !important;
}
/* 注入旋转的猩红魔法阵SVG */
#customized-answer-content .flex.items-center.justify-center.w-6.h-5::before {
    content: '';
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='45' fill='none' stroke='%23DC143C' stroke-width='3' stroke-dasharray='10 5'/%3E%3Cpolygon points='50,10 62,38 90,38 67,55 76,85 50,65 24,85 33,55 10,38 38,38' fill='none' stroke='%23FFD700' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='30' fill='none' stroke='%238B0000' stroke-width='2'/%3E%3Ccircle cx='50' cy='50' r='10' fill='%23DC143C'/%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 50 50' to='360 50 50' dur='4s' repeatCount='indefinite'/%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* -----------------------------------------
   三、界面控制区 (冥界中枢 & 鲜血契约书)
   ----------------------------------------- */

/* 顶部控制栏：冥界暗影滤镜 */
.sticky.top-0 {
    background: rgba(10, 5, 20, 0.85) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid #8B0000 !important;
    box-shadow: 0 4px 20px rgba(139, 0, 0, 0.3) !important;
}
#customized-model-selector .truncate, 
#customized-model-selector svg[data-icon="ChevronDown"] {
    color: #FFD700 !important; /* 皇室金 */
    text-shadow: 0 0 5px rgba(218, 165, 32, 0.5) !important;
}

/* 底部输入区背景：深渊过渡 */
.bg-gradient-to-t {
    background: linear-gradient(to top, rgba(10, 5, 20, 1) 20%, rgba(10, 5, 20, 0)) !important;
}

/* 输入框容器：魅魔的浅粉色羊皮纸 (防致盲设计) */
.bg-white.border-\[1\.5px\] {
    background: rgba(250, 240, 245, 0.95) !important;
    border-color: #8B0000 !important;
    box-shadow: 0 0 15px rgba(139, 0, 0, 0.15) !important;
    border-radius: 24px !important;
    backdrop-filter: blur(8px) !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
}
.bg-white.border-\[1\.5px\]:focus-within {
    border-color: #DC143C !important;
    box-shadow: 0 0 20px rgba(220, 20, 60, 0.4) !important;
    background: rgba(255, 255, 255, 0.98) !important;
}

/* 输入框文本：鲜血契约文字 */
#ai-chat-input {
    background: transparent !important;
    color: #8B0000 !important; /* 极高清晰度的深血红 */
    font-weight: 600 !important;
}
#ai-chat-input::placeholder {
    color: rgba(139, 0, 0, 0.4) !important;
}
#ai-chat-input::selection {
    background: rgba(220, 20, 60, 0.2) !important;
    color: #4A0000 !important;
}

/* 发送按钮：Boosted Gear 充能爆发 */
#ai-send-button {
    background: linear-gradient(135deg, #DC143C 0%, #8B0000 100%) !important;
    border-radius: 50% !important;
    box-shadow: 0 0 15px rgba(220, 20, 60, 0.5) !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
#ai-send-button:hover {
    background: linear-gradient(135deg, #FF0000 0%, #8B0000 100%) !important;
    box-shadow: 0 0 25px rgba(255, 0, 0, 0.8), inset 0 0 10px rgba(255, 215, 0, 0.5) !important;
    transform: scale(1.1) rotate(5deg) !important;
}
#ai-send-button .icon-icon-send {
    color: #FFD700 !important; /* 发送箭头呈现龙瞳金 */
}

/* 快捷按钮组：暗影红边 */
#ai-mod-button2 .MuiButton-outlinedPrimary {
    border-color: #8B0000 !important;
    color: #F5F5F5 !important;
    background: rgba(139, 0, 0, 0.1) !important;
}
#ai-mod-button2 .MuiButton-outlinedPrimary:hover {
    border-color: #DC143C !important;
    background: rgba(220, 20, 60, 0.2) !important;
    box-shadow: 0 0 10px rgba(220, 20, 60, 0.4) !important;
}

本页只展示本地导出中可核验的公开字段。下载 JSON 可查看完整原始记录。