/* 调整笑脸SVG组件位置 - 移动到容器左侧 */

/* 目标：af751a1c1c093e8dce4856f5bc677fa5.svg (图1中红圈内的笑脸) */
/* 位置：从当前位置移动到容器的左侧 */

/* 🎯 温和的选择器 - 确保不破坏原有显示 */

/* 首先确保笑脸SVG正常显示 */
#JGTNiojT-layer-bg-givnu,
#JGTNiojT-layer-bg-givnu .bg-layer--inner-cad90,
#JGTNiojT-layer-bg-givnu .svg-bg--box-bbf5a,
#JGTNiojT-layer-bg-givnu ue-svg-viewer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 设置容器为相对定位，允许内部绝对定位 */
#JGTNiojT {
    position: relative !important;
}

/* 只调整笑脸SVG的最外层容器位置 */
#JGTNiojT-layer-bg-givnu {
    position: absolute !important;
    left: 20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    width: auto !important;
    height: auto !important;
}

/* 🎨 悬停效果 */
#JGTNiojT-layer-bg-givnu:hover {
    transform: translateY(-50%) scale(1.05) !important;
}

/* 📱 移动端适配 */
@media screen and (max-width: 768px) {
    #JGTNiojT-layer-bg-givnu {
        left: 15px !important;
        transform: translateY(-50%) scale(0.8) !important;
    }
    
    #JGTNiojT-layer-bg-givnu:hover {
        transform: translateY(-50%) scale(0.85) !important;
    }
}

/* 📱 小屏幕优化 */
@media screen and (max-width: 480px) {
    #JGTNiojT-layer-bg-givnu {
        left: 10px !important;
        transform: translateY(-50%) scale(0.7) !important;
    }
    
    #JGTNiojT-layer-bg-givnu:hover {
        transform: translateY(-50%) scale(0.75) !important;
    }
}