/* XINGYU_MOBILE_HEADER_COMPACT_V30
   只修正 V29 的 75% 首屏比例下，手机顶部工具区被旧两列断点裁掉的问题。
   不改按钮 ID、事件、房间、聊天、VIP 或任何服务端逻辑。 */
@media (max-width:700px){
    html body .main-container.ui-remix-v1.ui-left-latest-v6.ui-reference-v9 .top-blue-bar.classic-side-panel{
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        grid-auto-flow:row!important;
        width:100%!important;
        min-width:0!important;
        box-sizing:border-box!important;
        gap:3px!important;
        padding:4px!important;
        overflow:visible!important;
    }

    /* 顶部品牌与 VIP 各占合适宽度，右侧 VIP 框不再被截断。 */
    html body .main-container.ui-reference-v9 .top-blue-bar.classic-side-panel .side-brand{
        grid-column:span 2!important;
        width:100%!important;
        min-width:0!important;
        height:38px!important;
        min-height:38px!important;
        margin:0!important;
        padding:1px 3px!important;
        gap:5px!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
        border-bottom:0!important;
    }
    html body .main-container.ui-reference-v9 .side-brand-mark{
        width:32px!important;
        height:32px!important;
        flex:0 0 32px!important;
        border-radius:8px!important;
        font-size:12px!important;
    }
    html body .main-container.ui-reference-v9 .side-brand-copy{min-width:0!important}
    html body .main-container.ui-reference-v9 .side-brand-copy b{
        font-size:15px!important;
        line-height:16px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
    }
    html body .main-container.ui-reference-v9 .side-brand-copy small{
        margin-top:1px!important;
        font-size:7px!important;
        letter-spacing:.1px!important;
    }

    html body .main-container.ui-reference-v9 #vipRankBadge{
        grid-column:span 1!important;
        width:100%!important;
        min-width:0!important;
        height:38px!important;
        min-height:38px!important;
        margin:0!important;
        padding:1px 2px!important;
        box-sizing:border-box!important;
        overflow:hidden!important;
    }
    html body .main-container.ui-reference-v9 #vipRankBadge .side-nav-vip-icon{
        width:30px!important;
        height:30px!important;
        flex:0 0 30px!important;
    }
    html body .main-container.ui-reference-v9 #vipRankBadge .side-nav-vip-icon img{
        width:30px!important;
        height:30px!important;
    }
    html body .main-container.ui-reference-v9 #vipRankBadge .side-vip-copy{
        max-width:54%!important;
        overflow:hidden!important;
        white-space:nowrap!important;
    }
    html body .main-container.ui-reference-v9 #vipRankBadge .side-nav-label{
        max-width:100%!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        font-size:10px!important;
        line-height:12px!important;
    }
    html body .main-container.ui-reference-v9 #vipRankBadge #vipRankNumber{
        width:16px!important;
        height:16px!important;
        min-width:16px!important;
        font-size:8px!important;
    }

    /* 每一排固定三枚完整入口；只压缩框体和字距，不隐藏任何功能。 */
    html body .main-container.ui-reference-v9 .top-blue-bar.classic-side-panel .side-nav-item:not(.side-vip-entry){
        grid-column:span 1!important;
        width:100%!important;
        min-width:0!important;
        max-width:100%!important;
        height:34px!important;
        min-height:34px!important;
        margin:0!important;
        padding:3px 4px!important;
        gap:3px!important;
        box-sizing:border-box!important;
        justify-content:center!important;
        overflow:hidden!important;
        border-radius:9px!important;
    }
    html body .main-container.ui-reference-v9 .top-blue-bar.classic-side-panel .side-nav-item:not(.side-vip-entry) .side-nav-icon:not(.side-nav-vip-icon){
        width:20px!important;
        height:20px!important;
        flex:0 0 20px!important;
        font-size:11px!important;
        border-radius:8px!important;
    }
    html body .main-container.ui-reference-v9 .top-blue-bar.classic-side-panel .side-nav-item:not(.side-vip-entry)>span:last-child{
        min-width:0!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
        font-size:11px!important;
        line-height:14px!important;
        letter-spacing:0!important;
    }
    html body .main-container.ui-reference-v9 .top-blue-bar.classic-side-panel #btnSetting,
    html body .main-container.ui-reference-v9 .top-blue-bar.classic-side-panel #btnExitRoom{
        grid-column:span 1!important;
    }
}