/* ==================== PC Interaction Restrictions ==================== */
/* 仅在电脑端(非触控设备或大屏幕)禁用某些拖拽行为 */

@media (pointer: fine) {

    /* 1. 全局禁止图片拖拽 (防止拖出影子) */
    img {
        /* Webkit specific vendors to pass lint */
        -webkit-user-drag: none;
        user-drag: none;
        user-select: none;
    }

    /* 2. 禁止链接和特定按钮拖拽 */
    a,
    button,
    .character-item,
    .msg-bubble,
    .header-logo {
        -webkit-user-drag: none;
        user-drag: none;
    }

    /* 4. 针对 SortableJS 的占位符进行清理 (虽然 JS 已禁用，但 CSS 防护) */
    .sortable-ghost {
        display: none !important;
    }
}

/* 通用：禁止所有元素的弹性回弹样式干扰 (PC 鼠标模式下) */
@media (hover: hover) and (pointer: fine) {

    #chat-container,
    #character-list,
    .modal-body,
    .history-list {
        transform: none !important;
        transition: none !important;
    }
}

/* ==================== 编辑模式横向展开 (PC Optimized) ==================== */
@media (min-width: 769px) {

    /* 当消息处于编辑状态时，打破气泡限制，横向铺满 */
    .message-group.is-editing {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        /* 电脑端编辑时居中，视野更好 */
        width: 100% !important;
        margin: 20px 0 !important;
    }

    .message-group.is-editing .msg-avatar {
        display: none;
        /* 编辑时隐藏头像，节省横向空间 */
    }

    .message-group.is-editing .msg-content {
        width: 100% !important;
        max-width: 1100px !important;
        /* 最大宽度限制，防止太宽眼睛累 */
        margin: 0 auto !important;
    }

    .message-group.is-editing .msg-bubble {
        width: 100% !important;
        max-width: 100% !important;
        background: var(--surface-light) !important;
        border: 1px solid var(--primary-color) !important;
        box-shadow: var(--shadow-lg) !important;
        padding: 20px !important;
        border-radius: 12px !important;
    }

    /* 编辑器样式强化 */
    .edit-textarea {
        width: 100% !important;
        min-height: 200px !important;
        /* PC端默认给高一点 */
        font-family: inherit;
        font-size: 1.05rem !important;
        line-height: 1.8 !important;
        background: var(--surface-color) !important;
        color: var(--text-primary) !important;
        border: 1px solid var(--glass-border) !important;
        border-radius: 8px !important;
        padding: 15px !important;
        resize: vertical;
        /* 允许手动调高 */
        outline: none;
    }

    .edit-textarea:focus {
        border-color: var(--primary-color) !important;
        box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.2);
    }

    .edit-actions {
        justify-content: flex-end !important;
        gap: 15px !important;
        margin-top: 15px !important;
    }
}