/* 将你原代码中的 CSS 完整复制到这里，无需修改 */
    .terminal-container{ max-width:900px; margin:0 auto; background:#0b101b; border:2px solid #2277ff; border-radius:8px; position:relative; overflow:hidden; box-shadow: 0 0 18px rgba(34,119,255,0.35); font-family: Consolas,monospace; }
    .scanlines{ position:absolute; inset:0; pointer-events: none; background: repeating-linear-gradient( transparent, transparent 2px, rgba(34, 119, 255, 0.07) 2px, rgba(34, 119, 255, 0.07) 4px ); z-index: 2; }
    .terminal-header{ background:#152540; display:flex; justify-content: space-between; padding:12px 16px; color:#72b4ff; font-size:14px; border-bottom:1px solid #2277ff; }
    .header-blink{ animation: blink 1s infinite; color:#ff5c5c; }
    @keyframes blink{ 0%,100%{opacity:1} 50%{opacity:0.2} }
    .chat-box{ padding:16px; position:relative; z-index:3; background-color:#05070e;}
    .message-item{ padding:7px 4px; font-size:14px; word-break: break-all; line-height:1.5; }
    .msg-id{ color:#49d88e; font-weight:bold; }
    .msg-text{ color:#c6d8f8; margin-left:6px; }
    /* 颜色配置 */
    .msg-system .msg-id{color:#ffdd67;} .msg-system .msg-text{color:#fff8dc;}
    .msg-trader .msg-id{color:#ff9b33;} .msg-trader .msg-text{color:#ffe8cc;}
    .msg-warning .msg-id{color:#ff4f4f;} .msg-warning .msg-text{color:#ffd6d6;}
    .msg-praise .msg-id{color:#8bffc8;} .msg-praise .msg-text{color:#d7fff0;}
    .msg-quarrel .msg-id{color:#ff7096;} .msg-quarrel .msg-text{color:#ffdbe8;}
    .msg-grudge .msg-id{color:#a855f7;} .msg-grudge .msg-text{color:#e9d5ff;}
    .msg-gossip .msg-id{color:#facc15;} .msg-gossip .msg-text{color:#fef9c3;}
    .msg-team .msg-id{color:#34d399;} .msg-team .msg-text{color:#d1fae5;}

    [id^="chat-ui"] { 
      max-width: 100% !important; 
      width: 100% !important; 
      box-sizing: border-box !important;
      overflow-x: hidden !important;
    }
    [id^="chat-ui"] * {
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    [id^="chat-ui"] article {
      display: block !important;
    }
    [id^="chat-ui"] .status-box {
      width: 100% !important;
      margin-bottom: 1em !important;
    }

/*
 * =================================
 * 全局统一风格规范：深空星际太空主题
 * 主色：电光青 #22ccff、深空底色 #040813、星云蓝紫阴影、宇宙星空氛围感
 * =================================
 */

/*
 * ---------------------------------
 * 模块一：对话气泡美化 (AI侧｜太空NPC通讯气泡)
 * ---------------------------------
 */
.group .bg-gray-100\/90 {
    background: #0b1220 !important;
    border: 2px solid #22ccff !important;
    border-radius: 16px 16px 16px 4px !important;
    box-shadow: 6px 6px 0px rgba(34, 204, 255,0.35) !important;
    color: #c6e7ff !important;
    padding: 14px 16px !important;
    line-height: 1.7 !important;
    font-size: 15px !important;
    max-width: 92% !important;
    margin: 8px 0 !important;
    transition: all 0.2s ease-in-out !important;
}

/* AI气泡hover‑陨石下沉微动效 */
.group .bg-gray-100\/90:hover {
    transform: translate(2px, 2px) scale(1.01) !important;
    box-shadow: 3px 3px 0px rgba(34, 204, 255,0.35) !important;
}

/* AI气泡内代码块 金属银灰底色 */
.group .bg-gray-100\/90 pre,
.group .bg-gray-100\/90 code {
    background: #273449 !important;
    border: 1px solid #22ccff !important;
    border-radius: 8px !important;
    color: #e0f2ff !important;
    font-size: 13.5px !important;
}

/* --------------------------
 * 配套：用户消息气泡 深空暗紫舱体
 * -------------------------- */
.group .bg-indigo-50,
.group .bg-blue-50 {
    background: #101729 !important;
    border: 2px solid #63b8ff !important;
    border-radius: 16px 4px 16px 16px !important;
    box-shadow: 5px 5px 0px rgba(99, 184, 255,0.35) !important;
    color: #e1f0ff !important;
    padding: 12px 14px !important;
    line-height: 1.65 !important;
    max-width: 92% !important;
    margin: 6px 0 !important;
    transition: all 0.2s ease-in-out !important;
}
.group .bg-indigo-50:hover,
.group .bg-blue-50:hover {
    transform: translate(2px, 2px) scale(1.01) !important;
    box-shadow: 3px 3px 0px rgba(99, 184, 255,0.35) !important;
}

/* 
 * ---------------------------------
 * 模块二：平台按钮美化 宇航金属冰蓝
 * ---------------------------------
 */
.flex.items-center.gap-2.pb-2 > button {
    background: #152b42 !important;
    color: #b6e4ff !important;
    border: 2px solid #22ccff !important;
    border-radius: 12px !important;
    box-shadow: 3px 3px 0 #3b8cdb !important;
    font-weight: 600 !important;
    text-transform: none !important;
    transition: all 0.2s ease-in-out !important;
    padding: 7px 18px !important;
    font-size: 14px !important;
}
.flex.items-center.gap-2.pb-2 > button:hover {
    background: #204066 !important;
    transform: translate(3px, 3px) !important;
    box-shadow: 0px 0px 0 #3b8cdb !important;
}

/* 发送按钮 深空主控按钮 */
#ai-chat-bottom-input button[type="submit"],
#ai-chat-input + button {
    background: #0f2238 !important;
    color: #b6e4ff !important;
    border: 2px solid #22ccff !important;
    border-radius: 12px !important;
    box-shadow: 3px 3px 0 #2978c2 !important;
    font-weight: 600 !important;
    transition: all 0.2s ease-in-out !important;
    padding: 7px 16px !important;
}
#ai-chat-bottom-input button[type="submit"]:hover,
#ai-chat-input + button:hover {
    background: #1b395c !important;
    transform: translate(3px, 3px) !important;
    box-shadow: 0 0 0 #2978c2 !important;
}

/* 
 * ---------------------------------
 * 模块三：下拉菜单弹窗 星际控制面板
 * ---------------------------------
 */
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100 {
    border: 2px solid #22ccff !important;
    box-shadow: 4px 4px 0 rgba(34,204,255,0.35) !important;
    border-radius: 12px !important;
    background: #0b1220 !important;
    color: #c6e7ff !important;
}
.absolute.z-40 .px-4.py-2.hover\:bg-indigo-100:hover {
    background: #182b47 !important;
}

/* 
 * ---------------------------------
 * 模块四：输入栏美化 太空通讯输入终端
 * ---------------------------------
 */
#ai-chat-input {
    background-color: #070e1b !important;
    border: 2px solid #22ccff !important;
    border-radius: 14px !important;
    color: #c6e7ff !important;
    box-shadow: inset 2px 2px 0px rgba(34, 204, 255,0.2) !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    transition: all 0.2s ease !important;
}
#ai-chat-input:focus {
    outline: none !important;
    border-color: #73d8ff !important;
    box-shadow: inset 2px 2px 0 rgba(34, 204, 255,0.2), 2px 2px 0 #22ccff !important;
}
#ai-chat-bottom-input { 
    background: transparent !important; 
    backdrop-filter: none !important; 
    padding: 12px !important;
}

/*
 * ---------------------------------
 * 全局配套补充样式‑星河滚动条
 * ---------------------------------
 */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #08101f;
    border-left: 2px solid #22ccff;
}
::-webkit-scrollbar-thumb {
    background: #3b8cdb;
    border: 2px solid #22ccff;
    border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
    background: #63b8ff;
}

/* 分割线电光青色 */
hr, .border-t, .border-b {
    border-color: #22ccff !important;
    border-width: 2px !important;
    opacity: 0.8 !important;
}

/* 弹窗/卡片通用 星空磨砂面板 */
div[role="dialog"], .card, .modal {
    background: #0b1220 !important;
    border: 2px solid #22ccff !important;
    border-radius: 16px !important;
    box-shadow: 6px 6px 0 rgba(34,204,255,0.35) !important;
    color: #c6e7ff !important;
}

/* 加载占位气泡 */
.group .animate-pulse {
    background: #0b1220 !important;
    border: 2px solid #22ccff !important;
    box-shadow: 5px 5px 0 rgba(34,204,255,0.35) !important;
    border-radius: 16px !important;
}

/* 标签组件 宇航标识标签 */
.tag, .badge {
    background: #152b42 !important;
    border: 1px solid #22ccff !important;
    box-shadow: 2px 2px 0 #2978c2 !important;
    border-radius: 8px !important;
    padding: 3px 10px !important;
    font-weight: 600 !important;
    color: #b6e4ff !important;
    font-size: 12px !important;
}

/*
 * ---------------------------------
 * 模块五：折叠状态栏 details｜飞船监测面板
 * ---------------------------------
 */
details {
    background: #0b1220 !important;
    border: 2px solid #22ccff !important;
    border-radius: 14px !important;
    box-shadow: 4px 4px 0 rgba(34,204,255,0.35) !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    transition: all 0.2s ease-in-out !important;
    overflow: visible !important;
    color: #c6e7ff !important;
}
details summary {
    padding: 12px 16px !important;
    font-weight: 700 !important;
    color: #73d8ff !important;
    cursor: pointer !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #182b47 !important;
    border-bottom: 2px solid #22ccff !important;
    border-radius: 12px 12px 0 0 !important;
}
details summary::-webkit-details-marker {
    display: none !important;
}
details summary::before {
    content: "🛸" !important;
    font-size:15px !important;
    transition: transform 0.2s ease !important;
}
details[open] summary::before {
    transform: rotate(90deg) !important;
}
details summary:hover {
    background: #253e61 !important;
}
details[open] {
    transform: translate(2px, 2px) scale(1.005) !important;
    box-shadow: 2px 2px 0 rgba(34,204,255,0.35) !important;
}
details > div, details > p, details > .content {
    padding: 14px 16px !important;
    color: #c6e7ff !important;
    line-height:1.7 !important;
}

/* 深色模式‑深邃宇宙暗夜 */
@media (prefers-color-scheme: dark) {
    details {
        background: #040813 !important;
        border-color: #44b8ff !important;
        box-shadow: 4px 4px 0px rgba(68, 184, 255, 0.55) !important;
        color: #e0f2ff !important;
    }
    details summary {
        background: #0f2038 !important;
        border-bottom-color: #44b8ff !important;
        color: #94d9ff !important;
    }
    details summary:hover {
        background: #1a3355 !important;
    }
    details[open] {
        box-shadow: 2px 2px 0px rgba(68, 184, 255, 0.55) !important;
    }
    details > div, details > p, details > .content {
        color: #e0f2ff !important;
    }

    .group .bg-gray-100\/90 {
        background: #040813 !important;
        border-color: #44b8ff !important;
        box-shadow: 5px 5px 0 rgba(68, 184, 255,0.55) !important;
        color: #e0f2ff !important;
    }
    .group .bg-indigo-50,
    .group .bg-blue-50 {
        background: #080f22 !important;
        border-color: #63b8ff !important;
        box-shadow: 5px 5px 0 rgba(99, 184, 255,0.5) !important;
        color: #d9eaff !important;
    }
    #ai-chat-input {
        background: #040813 !important;
        border-color: #44b8ff !important;
        color: #e0f2ff !important;
    }
    div[role="dialog"], .card, .modal {
        background: #040813 !important;
        border-color: #44b8ff !important;
        box-shadow: 6px 6px 0 rgba(68, 184, 255,0.55) !important;
        color: #e0f2ff !important;
    }
}

/*
 * ---------------------------------
 * 模块六：Markdown表格 星际数据面板
 * ---------------------------------
 */
details table,
.group .bg-gray-100\/90 table {
    width: 100% !important;
    border-collapse: collapse !important;
    display: table !important;
    table-layout: auto !important;
}
details .table-wrap,
.group .bg-gray-100\/90 .table-wrap {
    overflow-x: auto !important;
    margin: 8px 0 !important;
    border: 2px solid #22ccff !important;
    border-radius:10px !important;
}
details th, details td,
.group .bg-gray-100\/90 th, .group .bg-gray-100\/90 td {
    border:1px solid #22ccff !important;
    padding: 9px 12px !important;
    min-width: 60px !important;
    word-break: break-word !important;
    color: #c6e7ff !important;
}
details th,
.group .bg-gray-100\/90 th {
    background: #182b47 !important;
    font-weight: 700 !important;
}
details tr:nth-child(even),
.group .bg-gray-100\/90 tr:nth-child(even) {
    background: #101e33 !important;
}

/* 表格hover微动效 */
.group .bg-gray-100\/90 .table-wrap:hover {
    transform: translate(1px, 1px) !important;
    transition:0.2s ease !important;
}

/* 深色模式表格 */
@media (prefers-color-scheme: dark) {
    details .table-wrap,
    .group .bg-gray-100\/90 .table-wrap {
        border-color: #44b8ff !important;
    }
    details th, details td,
    .group .bg-gray-100\/90 th, .group .bg-gray-100\/90 td {
        border-color: #338cdb !important;
        color: #e0f2ff !important;
    }
    details th,
    .group .bg-gray-100\/90 th {
        background: #0f2038 !important;
    }
    details tr:nth-child(even),
    .group .bg-gray-100\/90 tr:nth-child(even) {
        background: #091427 !important;
    }
}

/*
 * ---------------------------------
 * 加载状态 深空加载文案
 * ---------------------------------
 */
.flex.items-center.justify-center.w-6.h-5 {
    width: auto !important;
    height: auto !important;
    min-width:70px !important;
    padding:3px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.style_dot-flashing__8L91Q.style_text__zGhNq {
    display: none !important;
}
.flex.items-center.justify-center.w-6.h-5::after {
    content: "🛸深空信号接收中" !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    color: #73d8ff !important;
}
@media (prefers-color-scheme: dark) {
    .flex.items-center.justify-center.w-6.h-5::after {
        color: #b6e4ff !important;
    }
}

/*
 * ---------------------------------
 * 模块七：模型/积分状态栏 飞船状态显示屏
 * ---------------------------------
 */
.MuiStack-root.text-purple-500.mt-1.css-1kz283j {
    background: #0b1220 !important;
    border: 2px solid #22ccff !important;
    border-radius: 14px !important;
    box-shadow: 4px 4px 0 rgba(34,204,255,0.35) !important;
    margin-top:12px !important;
    padding:12px 16px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap:8px 16px !important;
    align-items: center !important;
    transition: all 0.2s ease-in-out !important;
}
.MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover {
    transform: translate(2px, 2px) scale(1.005) !important;
    box-shadow: 2px 2px 0 rgba(34,204,255,0.35) !important;
}
.MuiStack-root.text-purple-500.mt-1.css-1kz283j .css-6c0gf2 {
    font-size:14px !important;
    font-weight:700 !important;
    color: #c6e7ff !important;
    margin:0 !important;
}
.MuiStack-root.text-purple-500.mt-1.css-1kz283j .css-1x48u03 {
    font-size:14px !important;
    font-weight:500 !important;
    color:#73d8ff !important;
    margin:0 !important;
}

/* 深色模式状态栏 */
@media (prefers-color-scheme: dark) {
    .MuiStack-root.text-purple-500.mt-1.css-1kz283j {
        background: #040813 !important;
        border-color: #44b8ff !important;
        box-shadow: 4px 4px 0 rgba(68, 184, 255,0.55) !important;
    }
    .MuiStack-root.text-purple-500.mt-1.css-1kz283j:hover {
        box-shadow: 2px 2px 0 rgba(68, 184, 255,0.55) !important;
    }
    .MuiStack-root.text-purple-500.mt-1.css-1kz283j .css-6c0gf2 {
        color: #e0f2ff !important;
    }
    .MuiStack-root.text-purple-500.mt-1.css-1x48u03 {
        color: #94d9ff !important;
    }
}