/* AI对话区域 - 55寸触摸屏适配 */
/* 适配分辨率: 1080x1920 (竖屏) */

@media (min-width: 1080px) and (orientation: portrait) {
    /* ====================================== */
    /* 对话区域容器 */
    /* ====================================== */
    .chat-area {
        padding: 0 40px; /* 增加左右内边距 */
    }

    /* ====================================== */
    /* 对话消息容器 */
    /* ====================================== */
    .chat-messages {
        gap: 32px; /* 增大消息间距 - 从16px到32px (2倍) */
        padding: 40px 0; /* 增大内边距 - 从20px到40px (2倍) */
    }

    /* 单条消息 */
    .chat-message {
        margin-bottom: 24px; /* 增大底部间距 - 从12px到24px (2倍) */
    }

    /* ====================================== */
    /* 消息气泡 */
    /* ====================================== */
    .message-bubble {
        max-width: 75%; /* 稍微缩小最大宽度，避免过宽 */
        padding: 28px 36px; /* 放大内边距 - 从14px 18px到28px 36px (2倍) */
        border-radius: 36px; /* 放大圆角 - 从18px到36px (2倍) */
        line-height: 1.8; /* 增加行高便于阅读 */
        font-size: 30px; /* 放大字体 - 从15px到30px (2倍) */
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* 增强阴影 */
    }

    /* 用户消息气泡 */
    .user-message .message-bubble {
        border-bottom-right-radius: 12px; /* 放大特殊圆角 - 从6px到12px */
    }

    /* AI消息气泡 */
    .ai-message .message-bubble {
        border-bottom-left-radius: 12px; /* 放大特殊圆角 - 从6px到12px */
    }

    /* ====================================== */
    /* 加粗文字样式 */
    /* ====================================== */
    .message-bubble strong {
        font-weight: 700; /* 加粗 */
    }

    .ai-message .message-bubble strong {
        font-weight: 800; /* 更加粗 */
    }

    /* ====================================== */
    /* 流式输出光标 */
    /* ====================================== */
    .streaming-cursor {
        width: 16px; /* 放大光标 - 从8px到16px (2倍) */
        height: 32px; /* 从16px到32px (2倍) */
        margin-left: 4px;
    }

    /* ====================================== */
    /* 加载动画 */
    /* ====================================== */
    .message-bubble.loading {
        padding: 40px; /* 放大加载气泡 - 从20px到40px (2倍) */
    }

    .typing-indicator {
        gap: 12px; /* 放大点间距 - 从6px到12px (2倍) */
    }

    .typing-indicator span {
        width: 16px; /* 放大圆点 - 从8px到16px (2倍) */
        height: 16px;
    }

    @keyframes typing {
        0%, 60%, 100% {
            transform: translateY(0);
            opacity: 0.7;
        }
        30% {
            transform: translateY(-20px); /* 增大跳动高度 - 从-10px到-20px */
            opacity: 1;
        }
    }

    /* ====================================== */
    /* 消息内容格式 */
    /* ====================================== */
    .message-bubble ul {
        margin: 16px 0; /* 放大间距 - 从8px到16px (2倍) */
        padding-left: 40px; /* 从20px到40px (2倍) */
    }

    .message-bubble li {
        margin: 8px 0; /* 放大间距 - 从4px到8px (2倍) */
        line-height: 1.8;
    }

    .message-bubble p {
        margin: 16px 0; /* 放大段落间距 - 从8px到16px (2倍) */
        line-height: 1.8;
    }

    .message-bubble p:first-child {
        margin-top: 0;
    }

    .message-bubble p:last-child {
        margin-bottom: 0;
    }

    /* ====================================== */
    /* 滚动条美化 */
    /* ====================================== */
    .chat-messages::-webkit-scrollbar {
        width: 12px; /* 放大滚动条 - 从6px到12px (2倍) */
    }

    .chat-messages::-webkit-scrollbar-track {
        background: transparent;
    }

    .chat-messages::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 6px; /* 从3px到6px */
    }

    .chat-messages::-webkit-scrollbar-thumb:hover {
        background: rgba(0, 0, 0, 0.3);
    }

    /* ====================================== */
    /* 代码块样式（如果有） */
    /* ====================================== */
    .message-bubble pre {
        margin: 16px 0;
        padding: 20px;
        border-radius: 16px;
        font-size: 26px;
        line-height: 1.6;
    }

    .message-bubble code {
        font-size: 28px;
        padding: 4px 10px;
        border-radius: 8px;
    }

    /* ====================================== */
    /* 引用块样式（如果有） */
    /* ====================================== */
    .message-bubble blockquote {
        margin: 16px 0;
        padding: 16px 24px;
        border-left-width: 6px;
        font-size: 28px;
        line-height: 1.7;
    }
}

/* ========================================
   横屏大屏幕适配 (1920px+)
   ======================================== */
@media screen and (min-width: 1920px) and (orientation: landscape) {
    .chat-messages {
        gap: 40px;
        padding: 60px 0;
        max-width: 100%; /* 改为100%自适应 */
        margin: 0 auto;
    }

    .message-bubble {
        font-size: 34px;
        padding: 32px 40px;
        border-radius: 40px;
    }

    .streaming-cursor {
        width: 18px;
        height: 36px;
    }

    .typing-indicator span {
        width: 18px;
        height: 18px;
    }
}