/* 🎯 移动端explore组件与导航集成 */

@media screen and (max-width: 768px) {
    /* 确保explore组件在移动端导航区域内显示 */
    #lvFuYhxX #iGhTLSDZ .grid-layer-cb854[data-align-x="right"] {
        /* 重置可能的绝对定位 */
        position: static !important;
        transform: scale(0.8) !important;
        margin: 8px auto 0 auto !important;
        padding: 8px 0 !important;
        text-align: center !important;
        justify-content: center !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* 确保内部元素居中 */
    #lvFuYhxX #iGhTLSDZ .grid-layer-cb854[data-align-x="right"] .grid-layer--inner-ef909 {
        justify-content: center !important;
        align-items: center !important;
        max-width: 280px !important;
        margin: 0 auto !important;
    }
    
    /* 优化文字和箭头的布局 */
    #lvFuYhxX #iGhTLSDZ .grid-layer-cb854[data-align-x="right"] p {
        font-size: 12px !important;
        text-align: center !important;
        margin: 0 !important;
    }
    
    /* 调整箭头图标 */
    #lvFuYhxX #iGhTLSDZ .grid-layer-cb854[data-align-x="right"] .svg-icon-wrapper-bb7c1 {
        margin-left: 6px !important;
    }
}

@media screen and (max-width: 480px) {
    #lvFuYhxX #iGhTLSDZ .grid-layer-cb854[data-align-x="right"] {
        transform: scale(0.75) !important;
        margin: 6px auto 0 auto !important;
        padding: 6px 0 !important;
    }
    
    #lvFuYhxX #iGhTLSDZ .grid-layer-cb854[data-align-x="right"] p {
        font-size: 11px !important;
    }
}