/**
 * Live2D 看板娘样式
 * @description 覆盖 CDN 默认样式，确保 waifu 固定在右下角且不可拖动
 */

/* ============================================
   Live2D 主体元素定位
   强制覆盖 CDN 的 waifu.css 样式
   ============================================ */
#live2d,
.waifu,
.waifu canvas,
.live2d,
#live2dcanvas,
#waifu,
#waifu-toggle,
.waifu-box,
.live2d-wrapper {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
    z-index: 9998 !important;
    width: 200px !important;
    height: 200px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ============================================
   Canvas 元素定位
   确保画布元素也在右下角
   ============================================ */
.waifu canvas,
#live2d canvas,
canvas#live2dcanvas {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    left: auto !important;
}

/* ============================================
   工具栏样式
   ============================================ */
.waifu-tool {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 9999;
}

/* ============================================
   对话气泡样式
   ============================================ */
/* Live2D 对话框优化 */
#live2d-dialog {
    position: fixed;
    bottom: 220px;
    right: 20px;
    z-index: 9999;
    background: var(--bg-card);
    color: var(--text-primary);
    padding: 10px 15px;
    border-radius: 10px;
    font-size: 14px;
    max-width: 200px;
    box-shadow: var(--shadow-md);
    border: 2px solid var(--primary-light);
    display: none;
}