/* 新增的父容器 */
.character-wrapper {
    width: 200px; /* 包含canvas和chat-container的宽度：200px(canvas) + 300px(chat) + 50px(间距) */
    height: 400px; /* 根据canvas高度和chat-container高度调整 */
    position: fixed;
    bottom: -50px; /* 贴近页面底部 */
    left: 10px; /* 贴近页面左侧 */
    z-index: 10000; /* 超高优先级，确保覆盖所有元素 */
    display: flex;
    align-items: flex-start; /* 确保子元素顶部对齐 */
    /* 可通过以下属性控制整体位置 */
    /* 你可以通过JS或CSS动态调整left/top来移动整个容器 */
}

/* canvas 样式 */
canvas {
    width: 200px; /* 固定宽度，移除vw以便更可控 */
    height: 400px; /* 固定高度 */
    background: transparent; /* 透明背景 */
}