/*
 * V17.7.5 手机可读性与人物边界修复。
 * 只在 700px 及以下生效，桌面端保持 V17.7.4 原样。
 */
@media (max-width:700px){
    /* 人物头顶消息跟随素材的实际头部，不再悬在透明画布上方。 */
    body.lobby-reference-page .player-chat-bubble{
        top:calc(16.5% - 46px)!important;
        min-width:34px!important;
        max-width:min(250px,72vw)!important;
        padding:7px 11px!important;
        border-radius:9px!important;
        font-size:16px!important;
        line-height:1.35!important;
    }

    /* 昵称此前整体缩到 74%，手机上偏小；恢复到清晰可读的比例。 */
    body.lobby-reference-page .ui-reference-v9 .player-name-row,
    body.lobby-reference-page .ui-reference-v10 .player-name-row{
        bottom:-18px!important;
        gap:4px!important;
        transform:translateX(-50%) scale(.9)!important;
    }
    body.lobby-reference-page .player-name-row .name-tag{
        font-size:14px!important;
        padding:3px 8px!important;
    }
    body.lobby-reference-page .player-vip-mini,
    body.lobby-reference-page .player-vip-mini b{font-size:13px!important}

    /* 点击人物时不出现浏览器蓝色选择框。 */
    body.lobby-reference-page .player,
    body.lobby-reference-page .player:focus,
    body.lobby-reference-page .player:active{
        outline:0!important;
        -webkit-tap-highlight-color:transparent!important;
    }

    /* 大厅顶部、房间标签和聊天区文字统一放大。 */
    body.lobby-reference-page .ui-reference-v9 .side-brand-copy b{font-size:16px!important;line-height:17px!important}
    body.lobby-reference-page .ui-reference-v9 .side-brand-copy small{font-size:10px!important;line-height:11px!important}
    body.lobby-reference-page .ui-reference-v9 .side-nav-item:not(.side-vip-entry),
    body.lobby-reference-page .ui-reference-v9 .side-nav-item:not(.side-vip-entry)>span:last-child,
    body.lobby-reference-page .ui-reference-v9 .side-nav-label{font-size:13px!important;line-height:1.15!important}
    body.lobby-reference-page .ui-reference-v10 .room-tab-name,
    body.lobby-reference-page .ui-reference-v10 .room-tab{font-size:13px!important;line-height:15px!important}
    body.lobby-reference-page .ui-reference-v10 .room-tab-main em{font-size:10px!important;line-height:11px!important}
    body.lobby-reference-page .chat-title-block b{font-size:17px!important}
    body.lobby-reference-page .chat-small-btn,
    body.lobby-reference-page #btnHorn.world-horn-btn{font-size:14px!important}
    body.lobby-reference-page .chat-box,
    body.lobby-reference-page .chat-line,
    body.lobby-reference-page .chat-system-line,
    body.lobby-reference-page .chat-sender-tag,
    body.lobby-reference-page .chat-message-text{font-size:16px!important;line-height:1.55!important}
    body.lobby-reference-page .horn-text-input,
    body.lobby-reference-page .chat-input{font-size:17px!important}
    body.lobby-reference-page .horn-send-btn,
    body.lobby-reference-page .send-button{font-size:15px!important}
    body.lobby-reference-page .mini-tool small{font-size:11px!important}

    /* 所有常用弹窗恢复正常手机字号，避免原样式中的 7～10px 小字。 */
    body.lobby-reference-page .profile-modal-title,
    body.lobby-reference-page .profile-custom-title,
    body.lobby-reference-page .friend-modal-title,
    body.lobby-reference-page .setting-modal-title,
    body.lobby-reference-page .magic-modal-title,
    body.lobby-reference-page .rank-modal-head,
    body.lobby-reference-page .vip-guide-head{font-size:18px!important}
    body.lobby-reference-page .profile-close-btn,
    body.lobby-reference-page .friend-close-btn,
    body.lobby-reference-page .setting-close-btn,
    body.lobby-reference-page .room-player-picker-close,
    body.lobby-reference-page .rank-modal-head button{font-size:14px!important}

    body.lobby-reference-page #profileModal .profile-hero-name{font-size:18px!important}
    body.lobby-reference-page #profileModal .profile-plan-pill,
    body.lobby-reference-page #profileModal .profile-menu-card,
    body.lobby-reference-page #profileModal .profile-section-title,
    body.lobby-reference-page #profileModal .save-profile-btn{font-size:14px!important}
    body.lobby-reference-page #profileModal .profile-stats-card>div{font-size:12px!important;line-height:1.5!important}
    body.lobby-reference-page #profileModal .profile-input,
    body.lobby-reference-page #profileModal .profile-select,
    body.lobby-reference-page #profileModal .profile-sign-input{font-size:16px!important}

    body.lobby-reference-page .room-player-picker-title{font-size:17px!important}
    body.lobby-reference-page .room-player-picker-name{font-size:14px!important}
    body.lobby-reference-page .room-player-picker-vip,
    body.lobby-reference-page .room-player-picker-self{font-size:11px!important}

    body.lobby-reference-page .player-sheet-name-line{font-size:17px!important}
    body.lobby-reference-page .player-sheet-plan,
    body.lobby-reference-page .player-sheet-label,
    body.lobby-reference-page .player-outfit-public-title,
    body.lobby-reference-page .player-sheet-action{font-size:14px!important}
    body.lobby-reference-page .player-sheet-value,
    body.lobby-reference-page .player-sheet-stat{font-size:13px!important;line-height:1.5!important}
    body.lobby-reference-page .player-outfit-public-note{font-size:11px!important}

    body.lobby-reference-page .home-page-name-line{font-size:17px!important}
    body.lobby-reference-page .home-page-subline,
    body.lobby-reference-page .home-page-section-title{font-size:13px!important}
    body.lobby-reference-page .home-outfit-name,
    body.lobby-reference-page .home-photo-slot span{font-size:11px!important}
    body.lobby-reference-page .timebook-tip,
    body.lobby-reference-page .timebook-placeholder{font-size:13px!important}
    body.lobby-reference-page .timebook-placeholder small{font-size:11px!important}

    body.lobby-reference-page .setting-item-label,
    body.lobby-reference-page .music-label,
    body.lobby-reference-page .recharge-setting-copy b{font-size:14px!important}
    body.lobby-reference-page .setting-item-desc,
    body.lobby-reference-page .music-volume-row,
    body.lobby-reference-page .music-status,
    body.lobby-reference-page .recharge-setting-copy small,
    body.lobby-reference-page .install-text span{font-size:11px!important;line-height:1.4!important}
    body.lobby-reference-page .music-select,
    body.lobby-reference-page .install-text,
    body.lobby-reference-page .install-btn,
    body.lobby-reference-page .setting-bottom-btn,
    body.lobby-reference-page .diagnose-result{font-size:13px!important}
    body.lobby-reference-page .friend-add-input{font-size:16px!important}
    body.lobby-reference-page .friend-add-btn,
    body.lobby-reference-page .friend-item{font-size:13px!important}

    body.lobby-reference-page .magic-step-title,
    body.lobby-reference-page .magic-target-box,
    body.lobby-reference-page .magic-spell-name,
    body.lobby-reference-page .magic-action-btn{font-size:14px!important}
    body.lobby-reference-page .magic-target-chip,
    body.lobby-reference-page .magic-spell-tagline,
    body.lobby-reference-page .magic-spell-cost{font-size:11px!important}

    /* 换装：文字放大，卡片略收紧，并把透明画布内的小衣服放大。 */
    body.lobby-reference-page .dress-preview-title{font-size:14px!important}
    body.lobby-reference-page .dress-preview-status{font-size:12px!important;line-height:1.4!important}
    body.lobby-reference-page .vip-dress-gate-banner b{font-size:13px!important}
    body.lobby-reference-page .vip-dress-gate-banner button{font-size:11px!important}
    body.lobby-reference-page .qq-dress-gender-label{font-size:12px!important}
    body.lobby-reference-page .qq-dress-tier{font-size:12px!important;min-height:34px!important}
    body.lobby-reference-page .qq-dress-search{font-size:16px!important;height:36px!important}
    body.lobby-reference-page .qq-dress-tool-btn{font-size:11px!important;height:36px!important}
    body.lobby-reference-page .qq-dress-selected{font-size:11px!important;line-height:1.4!important}
    body.lobby-reference-page .qq-dress-category{font-size:11px!important;height:32px!important}
    body.lobby-reference-page .dress-library-panel .qq-dress-grid{gap:7px!important}
    body.lobby-reference-page .qq-dress-card{padding:5px!important}
    body.lobby-reference-page .qq-dress-thumb{height:64px!important}
    body.lobby-reference-page .qq-dress-name{font-size:13px!important;line-height:1.35!important;min-height:35px!important;margin-top:5px!important}
    body.lobby-reference-page .qq-dress-vip-line,
    body.lobby-reference-page .qq-dress-buy-btn{font-size:11px!important}
    body.lobby-reference-page .qq-dress-pager button,
    body.lobby-reference-page .qq-dress-pager span{font-size:12px!important}
    body.lobby-reference-page .dress-action-btn{height:40px!important;font-size:14px!important}

    /* 140×226素材的主体只占画布中部，分类缩放后卡片中能看清衣服。 */
    body.lobby-reference-page .qq-dress-card[data-folder="top"] .qq-dress-thumb img{transform:scale(2.8)!important;transform-origin:50% 49%!important}
    body.lobby-reference-page .qq-dress-card[data-folder="bottom"] .qq-dress-thumb img{transform:translateY(-16px) scale(2.1)!important;transform-origin:50% 73%!important}
    body.lobby-reference-page .qq-dress-card[data-folder="outfit"] .qq-dress-thumb img{transform:translateY(-12px) scale(1.55)!important;transform-origin:50% 67%!important}
    body.lobby-reference-page .qq-dress-card[data-folder="front-hair"] .qq-dress-thumb img,
    body.lobby-reference-page .qq-dress-card[data-folder="back-hair"] .qq-dress-thumb img,
    body.lobby-reference-page .qq-dress-card[data-folder="makeup"] .qq-dress-thumb img,
    body.lobby-reference-page .qq-dress-card[data-folder="headwear"] .qq-dress-thumb img,
    body.lobby-reference-page .qq-dress-card[data-folder="glasses"] .qq-dress-thumb img,
    body.lobby-reference-page .qq-dress-card[data-folder="head-set"] .qq-dress-thumb img{transform:translateY(16px) scale(2.45)!important;transform-origin:50% 27%!important}
    body.lobby-reference-page .qq-dress-card[data-folder="neckwear"] .qq-dress-thumb img,
    body.lobby-reference-page .qq-dress-card[data-folder="earrings"] .qq-dress-thumb img,
    body.lobby-reference-page .qq-dress-card[data-folder="face-decor"] .qq-dress-thumb img{transform:translateY(9px) scale(3.1)!important;transform-origin:50% 37%!important}
    body.lobby-reference-page .qq-dress-card[data-folder="other-accessories"] .qq-dress-thumb img{transform:scale(1.8)!important}
    body.lobby-reference-page .qq-dress-card[data-folder="wings"] .qq-dress-thumb img,
    body.lobby-reference-page .qq-dress-card[data-folder="background-decor"] .qq-dress-thumb img{transform:scale(1.35)!important}
    body.lobby-reference-page .qq-dress-card[data-folder="companion"] .qq-dress-thumb img{transform:translateY(-31px) scale(3.2)!important;transform-origin:50% 94%!important}
    body.lobby-reference-page .qq-dress-card[data-folder="vehicle"] .qq-dress-thumb img{transform:translate(18px,-15px) scale(1.55)!important;transform-origin:12% 58%!important}

    /* VIP、等级等说明文字也提高到可读尺寸。 */
    body.lobby-reference-page .vip-guide-head-copy b,
    body.lobby-reference-page .vip-guide-v2 .vip-guide-main-title,
    body.lobby-reference-page .vip-daily-title,
    body.lobby-reference-page .rank-total-text{font-size:15px!important}
    body.lobby-reference-page .vip-guide-v2 .vip-guide-subtitle,
    body.lobby-reference-page .vip-benefit-card b,
    body.lobby-reference-page .vip-guide-v2-section-head>b,
    body.lobby-reference-page .vip-level-node b,
    body.lobby-reference-page .vip-daily-rule-grid b,
    body.lobby-reference-page .vip-reward-time,
    body.lobby-reference-page .vip-reward-btn{font-size:11px!important}
    body.lobby-reference-page .vip-benefit-card span,
    body.lobby-reference-page .vip-level-node span,
    body.lobby-reference-page .vip-guide-v2-note,
    body.lobby-reference-page .vip-daily-rule-grid span,
    body.lobby-reference-page .vip-guide-v2-footer span,
    body.lobby-reference-page .vip-guide-v2-footer small,
    body.lobby-reference-page .vip-daily-sub,
    body.lobby-reference-page .vip-daily-tip{font-size:10px!important;line-height:1.4!important}
    body.lobby-reference-page .vip-guide-head-kicker,
    body.lobby-reference-page .vip-guide-v2-tags span,
    body.lobby-reference-page .vip-guide-v2-price small,
    body.lobby-reference-page .vip-guide-v2-price span,
    body.lobby-reference-page .vip-guide-v2-section-head>span,
    body.lobby-reference-page .vip-guide-v2-section-head>small,
    body.lobby-reference-page .rank-vip-activation-copy span,
    body.lobby-reference-page .rank-recharge-copy small,
    body.lobby-reference-page .vip-countdown-row>span{font-size:10px!important;line-height:1.35!important}
    body.lobby-reference-page .rank-vip-activation-copy b,
    body.lobby-reference-page .rank-recharge-copy b,
    body.lobby-reference-page .vip-daily-level,
    body.lobby-reference-page .vip-digital-time{font-size:12px!important}
}

/* === 手机端：换装预览窗口放大 + 预览人物放大（不超框） === */
body.lobby-reference-page .dress-preview-panel{
    padding:12px 10px 12px !important;
}
body.lobby-reference-page .dress-preview-stage{
    min-height:300px !important;
}
body.lobby-reference-page .dress-preview-visual{
    width:190px !important;
    height:302px !important;
}

@media (max-width:700px){
    /* 2026-09-12：手机端换装预览再次微调 */
    body.lobby-reference-page .dress-preview-panel{
        display:flex !important;
        flex-direction:column !important;
        padding:10px 6px 12px !important;
    }

    body.lobby-reference-page .dress-preview-stage{
        order:1 !important;
        width:100% !important;
        min-height:286px !important;
        padding:8px 0 !important;
        justify-content:center !important;
        align-items:center !important;
    }

    body.lobby-reference-page .dress-preview-visual{
        width:156px !important;
        height:248px !important;
        margin:0 auto !important;
    }

    body.lobby-reference-page .dress-preview-title{
        order:2 !important;
        margin:8px 0 4px !important;
        text-align:center !important;
    }

    body.lobby-reference-page .dress-preview-status{
        order:3 !important;
        width:100% !important;
        margin:0 auto !important;
        text-align:center !important;
    }

    body.lobby-reference-page .dress-preview-hint{
        order:4 !important;
        margin-top:6px !important;
        text-align:center !important;
    }
}

@media (max-width:700px){
    /* 2026-09-12：换装预览缩小为当前的一半，人物保持居中 */
    body.lobby-reference-page .dress-preview-stage{
        width:50% !important;
        min-height:143px !important;
        padding:4px 0 !important;
        margin:0 auto !important;
        justify-content:center !important;
        align-items:center !important;
    }

    body.lobby-reference-page .dress-preview-visual{
        width:78px !important;
        height:124px !important;
        margin:0 auto !important;
    }

    body.lobby-reference-page .dress-preview-title,
    body.lobby-reference-page .dress-preview-status,
    body.lobby-reference-page .dress-preview-hint{
        text-align:center !important;
    }
}

@media (max-width:700px){

  /* 1) 预览区域外围大框：缩短一些 */
  body.lobby-reference-page .dress-preview-panel,
  body.lobby-reference-page .dress-preview-box,
  body.lobby-reference-page .dress-preview-wrap{
      padding: 10px 10px 8px !important;
      min-height: auto !important;
  }

  /* 2) 人物预览背景：改成纯白 */
  body.lobby-reference-page .dress-preview-stage,
  body.lobby-reference-page .dress-preview-visual,
  body.lobby-reference-page .dress-preview-canvas{
      background: #ffffff !important;
      background-image: none !important;
  }

  /* 3) “正在试穿・尚未保存”金色框：缩小，只比字大一点 */
  body.lobby-reference-page .dress-preview-status,
  body.lobby-reference-page .dress-preview-tip,
  body.lobby-reference-page .dress-preview-note{
      display: table !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: calc(100% - 24px) !important;
      margin: 10px auto 0 !important;
      padding: 8px 18px !important;
      border-radius: 14px !important;
      line-height: 1.2 !important;
  }
}

@media (max-width:700px){
    body.lobby-reference-page .dress-preview-panel{
        display:flex !important;
        flex-direction:column !important;
        padding:10px 10px 12px !important;
    }

    body.lobby-reference-page .dress-preview-stage{
        order:1 !important;
        width:58% !important;
        min-height:165px !important;
        margin:6px auto 0 !important;
        padding:5px 0 !important;
        background:#fff !important;
        background-image:none !important;
        justify-content:center !important;
        align-items:center !important;
    }

    body.lobby-reference-page .dress-preview-visual{
        width:92px !important;
        height:146px !important;
        margin:0 auto !important;
        background:#fff !important;
    }

    body.lobby-reference-page .dress-preview-title{
        order:2 !important;
        width:58% !important;
        margin:8px auto 6px !important;
        text-align:left !important;
        font-size:18px !important;
    }

    body.lobby-reference-page .dress-preview-status{
        order:3 !important;
        margin:0 auto !important;
    }

    body.lobby-reference-page .dress-preview-hint{
        order:4 !important;
    }
}

@media (max-width:700px){

    /* 预览外围框：压缩高度 */
    body.lobby-reference-page .dress-preview-panel{
        display:grid !important;
        grid-template-columns:145px minmax(0,1fr) !important;
        grid-template-areas:
            "stage stage"
            "title status" !important;
        column-gap:4px !important;
        row-gap:2px !important;
        padding:8px 8px 6px !important;
        min-height:0 !important;
    }

    /* 人物预览框保持原来大小，只减少下方空隙 */
    body.lobby-reference-page .dress-preview-stage{
        grid-area:stage !important;
        order:unset !important;
        margin:4px auto 0 !important;
    }

    /* 换装预览：缩小，放到左下 */
    body.lobby-reference-page .dress-preview-title{
        grid-area:title !important;
        order:unset !important;
        width:auto !important;
        margin:-8px 0 0 4px !important;
        align-self:center !important;
        justify-self:start !important;
        text-align:left !important;
        font-size:14px !important;
        line-height:1.15 !important;
        white-space:nowrap !important;
    }

    /* 金色状态框：和标题同一行，并一起往上 */
    body.lobby-reference-page .dress-preview-status{
        grid-area:status !important;
        order:unset !important;
        width:fit-content !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:-8px 0 0 0 !important;
        padding:5px 12px !important;
        justify-self:start !important;
        align-self:center !important;
        font-size:13px !important;
        line-height:1.15 !important;
        border-radius:12px !important;
        white-space:nowrap !important;
    }

    /* 手机端不再占下面额外空间 */
    body.lobby-reference-page .dress-preview-hint{
        display:none !important;
    }
}

@media (max-width:700px){

    body.lobby-reference-page .dress-preview-panel{
        grid-template-columns:max-content max-content !important;
        grid-template-areas:
            "stage stage"
            "title status" !important;
        justify-content:start !important;
        column-gap:8px !important;
    }

    body.lobby-reference-page .dress-preview-title{
        grid-area:title !important;
        margin:-8px 0 0 8px !important;
        justify-self:start !important;
        width:auto !important;
    }

    body.lobby-reference-page .dress-preview-status{
        grid-area:status !important;
        margin:-8px 0 0 0 !important;
        justify-self:start !important;
        width:auto !important;
        max-width:none !important;
        padding:5px 10px !important;
        font-size:12px !important;
        white-space:nowrap !important;
    }
}

@media (max-width:700px){

    /* 预览外围框：压缩高度 */
    body.lobby-reference-page .dress-preview-panel{
        display:grid !important;
        grid-template-columns:145px minmax(0,1fr) !important;
        grid-template-areas:
            "stage stage"
            "title status" !important;
        column-gap:4px !important;
        row-gap:2px !important;
        padding:8px 8px 6px !important;
        min-height:0 !important;
    }

    /* 人物预览框保持原来大小，只减少下方空隙 */
    body.lobby-reference-page .dress-preview-stage{
        grid-area:stage !important;
        order:unset !important;
        margin:4px auto 0 !important;
    }

    /* 换装预览：缩小，放到左下 */
    body.lobby-reference-page .dress-preview-title{
        grid-area:title !important;
        order:unset !important;
        width:auto !important;
        margin:-8px 0 0 4px !important;
        align-self:center !important;
        justify-self:start !important;
        text-align:left !important;
        font-size:14px !important;
        line-height:1.15 !important;
        white-space:nowrap !important;
    }

    /* 金色状态框：和标题同一行，并一起往上 */
    body.lobby-reference-page .dress-preview-status{
        grid-area:status !important;
        order:unset !important;
        width:fit-content !important;
        min-width:0 !important;
        max-width:100% !important;
        margin:-8px 0 0 0 !important;
        padding:5px 12px !important;
        justify-self:start !important;
        align-self:center !important;
        font-size:13px !important;
        line-height:1.15 !important;
        border-radius:12px !important;
        white-space:nowrap !important;
    }

    /* 手机端不再占下面额外空间 */
    body.lobby-reference-page .dress-preview-hint{
        display:none !important;
    }
}

@media (max-width:700px){

    /* 只调整状态文字框，不改人物预览框的位置和大小 */
    body.lobby-reference-page .dress-preview-panel{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "stage"
            "status"
            "title" !important;
        row-gap:4px !important;
    }

    body.lobby-reference-page .dress-preview-stage{
        grid-area:stage !important;
        /* 人物预览框保持现状，不改尺寸和位置 */
    }

    body.lobby-reference-page .dress-preview-status{
        grid-area:status !important;
        justify-self:center !important;
        width:auto !important;
        min-width:0 !important;
        max-width:90% !important;
        margin:8px auto 0 !important;
        padding:4px 10px !important;
        font-size:11px !important;
        line-height:1.15 !important;
        border-radius:10px !important;
        white-space:nowrap !important;
    }

    body.lobby-reference-page .dress-preview-title{
        grid-area:title !important;
        justify-self:start !important;
        width:auto !important;
        margin:2px 0 0 8px !important;
        font-size:14px !important;
    }
}

@media (max-width:700px){

    /* 底部标题 + 状态框放在同一排 */
    body.lobby-reference-page .dress-preview-panel{
        display:grid !important;
        grid-template-columns:max-content max-content !important;
        grid-template-areas:
            "stage stage"
            "title status" !important;
        justify-content:center !important;
        column-gap:10px !important;
        row-gap:6px !important;
        padding:8px 8px 8px !important;
        min-height:0 !important;
    }

    /* 人物预览框保持现在的位置和大小 */
    body.lobby-reference-page .dress-preview-stage{
        grid-area:stage !important;
    }

    /* 换装预览：和状态框平齐 */
    body.lobby-reference-page .dress-preview-title{
        grid-area:title !important;
        width:auto !important;
        margin:0 !important;
        align-self:center !important;
        justify-self:end !important;
        font-size:14px !important;
        line-height:1.15 !important;
        white-space:nowrap !important;
    }

    /* 金色状态框：同一排，文字居中 */
    body.lobby-reference-page .dress-preview-status{
        grid-area:status !important;
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
        padding:5px 12px !important;
        align-self:center !important;
        justify-self:start !important;
        text-align:center !important;
        font-size:12px !important;
        line-height:1.15 !important;
        border-radius:10px !important;
        white-space:nowrap !important;
    }

    body.lobby-reference-page .dress-preview-hint{
        display:none !important;
    }
}

@media (max-width:700px){

    /* 只调整状态文字框，不改人物预览框的位置和大小 */
    body.lobby-reference-page .dress-preview-panel{
        grid-template-columns:1fr !important;
        grid-template-areas:
            "stage"
            "status"
            "title" !important;
        row-gap:4px !important;
    }

    body.lobby-reference-page .dress-preview-stage{
        grid-area:stage !important;
        /* 人物预览框保持现状，不改尺寸和位置 */
    }

    body.lobby-reference-page .dress-preview-status{
        grid-area:status !important;
        justify-self:center !important;
        width:auto !important;
        min-width:0 !important;
        max-width:90% !important;
        margin:8px auto 0 !important;
        padding:4px 10px !important;
        font-size:11px !important;
        line-height:1.15 !important;
        border-radius:10px !important;
        white-space:nowrap !important;
    }

    body.lobby-reference-page .dress-preview-title{
        grid-area:title !important;
        justify-self:start !important;
        width:auto !important;
        margin:2px 0 0 8px !important;
        font-size:14px !important;
    }
}

@media (max-width:700px){

    /* 人物试穿预览框：不改任何位置和尺寸 */

    /* 换装预览：只垂直向上，左右位置保持不变 */
    body.lobby-reference-page .dress-preview-title{
        bottom:84px !important;
    }

    /* 金色状态框位置不动，只把文字垂直、水平居中 */
    body.lobby-reference-page .dress-preview-status{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
        line-height:1.15 !important;
    }

    /* 外围浅蓝框缩短，但保留金色框下方安全距离 */
    body.lobby-reference-page .dress-preview-panel{
        padding-bottom:10px !important;
    }
}

@media (max-width:700px){

    /* 外围框：人物预览不动，底部两项排成一行，从而缩短高度 */
    body.lobby-reference-page .dress-preview-panel{
        display:grid !important;
        grid-template-columns:150px minmax(0,1fr) !important;
        grid-template-areas:
            "stage stage"
            "title status" !important;
        column-gap:6px !important;
        row-gap:7px !important;
        align-items:center !important;
        padding:8px 8px 9px !important;
        min-height:0 !important;
    }

    /* 人物试穿预览框：保持现在的位置和大小 */
    body.lobby-reference-page .dress-preview-stage{
        grid-area:stage !important;
        width:58% !important;
        min-height:165px !important;
        margin:6px auto 0 !important;
        padding:5px 0 !important;
        justify-self:center !important;
    }

    /* 换装预览：无框，并与状态框垂直平齐 */
    body.lobby-reference-page .dress-preview-title{
        grid-area:title !important;
        position:static !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        transform:none !important;

        width:auto !important;
        margin:0 0 0 20px !important;
        padding:0 !important;

        background:none !important;
        border:none !important;
        box-shadow:none !important;
        border-radius:0 !important;

        justify-self:start !important;
        align-self:center !important;
        text-align:left !important;
        font-size:14px !important;
        line-height:1.15 !important;
        white-space:nowrap !important;
    }

    /* 正在试穿：紧跟右边，框和文字都居中 */
    body.lobby-reference-page .dress-preview-status{
        grid-area:status !important;
        position:static !important;
        transform:none !important;

        width:fit-content !important;
        min-width:0 !important;
        max-width:100% !important;
        min-height:32px !important;

        margin:0 !important;
        padding:4px 10px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        justify-self:start !important;
        align-self:center !important;

        text-align:center !important;
        font-size:12px !important;
        line-height:1.15 !important;
        border-radius:10px !important;
        white-space:nowrap !important;
    }

    body.lobby-reference-page .dress-preview-hint{
        display:none !important;
    }
}

@media (max-width:700px){
    body.lobby-reference-page .dress-preview-status{
        font-size:11px !important;
        padding:4px 8px !important;
        white-space:nowrap !important;
    }
}


/* ===== XINGYU_ROOM_ORB_COLORS_V1 =====
   九个房间圆球颜色区分，只改圆球，不动房间按钮和其他功能
*/

/* 1 花语小屋：粉色 */
.room-tab[data-room="花语小屋"]::before,
.room-tab-bar .room-tab:nth-child(1)::before{
    background:linear-gradient(145deg,#ffd6ec,#ff76b4 55%,#df3f87)!important;
    border-color:#e85c99!important;
}

/* 2 珊瑚海湾：海蓝 */
.room-tab[data-room="珊瑚海湾"]::before,
.room-tab-bar .room-tab:nth-child(2)::before{
    background:linear-gradient(145deg,#c8f7ff,#55d9ec 55%,#159bc1)!important;
    border-color:#38b9d4!important;
}

/* 3 彩虹花园：紫色 */
.room-tab[data-room="彩虹花园"]::before,
.room-tab-bar .room-tab:nth-child(3)::before{
    background:linear-gradient(145deg,#eadbff,#ad7cff 55%,#7444dc)!important;
    border-color:#9363ed!important;
}

/* 4 萤火森林：绿色 */
.room-tab[data-room="萤火森林"]::before,
.room-tab-bar .room-tab:nth-child(4)::before{
    background:linear-gradient(145deg,#e0ffc3,#79d95e 55%,#32983b)!important;
    border-color:#58b94d!important;
}

/* 5 梦幻城堡：深紫蓝 */
.room-tab[data-room="梦幻城堡"]::before,
.room-tab-bar .room-tab:nth-child(5)::before{
    background:linear-gradient(145deg,#d8ddff,#748eff 55%,#4054c7)!important;
    border-color:#6076e2!important;
}

/* 6 樱花小径：樱花玫红 */
.room-tab[data-room="樱花小径"]::before,
.room-tab-bar .room-tab:nth-child(6)::before{
    background:linear-gradient(145deg,#ffe3ef,#ff8fb2 55%,#e74f7e)!important;
    border-color:#ef7197!important;
}

/* 7 雪夜木屋：冰蓝 */
.room-tab[data-room="雪夜木屋"]::before,
.room-tab-bar .room-tab:nth-child(7)::before{
    background:linear-gradient(145deg,#f4fcff,#9bd9ff 55%,#4b9ddb)!important;
    border-color:#74bce9!important;
}

/* 8 烈焰地窟：火焰红橙 */
.room-tab[data-room="烈焰地窟"]::before,
.room-tab-bar .room-tab:nth-child(8)::before{
    background:linear-gradient(145deg,#ffe29b,#ff842e 52%,#d82c17)!important;
    border-color:#ea5a24!important;
}

/* 9 落日海湾：夕阳金橙 */
.room-tab[data-room="落日海湾"]::before,
.room-tab-bar .room-tab:nth-child(9)::before{
    background:linear-gradient(145deg,#fff0a6,#ffb53e 55%,#e36b20)!important;
    border-color:#ee9130!important;
}


/* XINGYU_LOBBY_BG_FINAL_V2_CSS */
html body #scene#scene.lobby-empty-state,
html body .ui-reference-v10 #scene#scene.lobby-empty-state,
html body .ui-reference-v9 #scene#scene.lobby-empty-state{
    background-image:url("/bg/lobby_exit.jpg?v=lobby-final-v2") !important;
    background-image:image-set(url("/bg/lobby_exit.webp?v=lobby-final-v2") type("image/webp"), url("/bg/lobby_exit.jpg?v=lobby-final-v2") type("image/jpeg")) !important;
    background-size:107% 107% !important;
    background-position:left top !important;
    background-repeat:no-repeat !important;
}

/* XINGYU_MOBILE_POLISH_V1_START */
@media (max-width:700px){

    body .main-container{
        zoom:.92 !important;
        width:100% !important;
        max-width:100% !important;
        margin-left:4.35% !important;
        margin-right:0 !important;
        border-radius:18px !important;
        overflow:hidden !important;
        box-shadow:
            0 12px 30px rgba(24,60,110,.16),
            0 2px 8px rgba(29,86,158,.10),
            inset 0 1px 0 rgba(255,255,255,.92) !important;
    }

    body #scene,
    body #scene.lobby-empty-state{
        background-size:cover !important;
        background-position:center center !important;
        background-repeat:no-repeat !important;
    }

    body .scene-wrap{
        border-radius:16px !important;
        overflow:hidden !important;
        border:1px solid rgba(115,163,219,.60) !important;
        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.72),
            0 7px 17px rgba(45,94,153,.12) !important;
    }

    body .room-tab-bar{
        padding-top:4px !important;
        padding-bottom:4px !important;
    }

    body .room-tab{
        min-height:42px !important;
    }

    body .bottom-chat-area{
        border-radius:15px !important;
        box-shadow:
            0 6px 16px rgba(45,82,135,.09),
            inset 0 1px 0 rgba(255,255,255,.85) !important;
    }

    body .qq-dress-category-bar{
        gap:6px !important;
        padding:8px 1px 7px !important;
    }

    body .qq-dress-category{
        min-height:30px !important;
        border-radius:10px !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.88) !important;
    }

    body .qq-dress-card{
        border-radius:12px !important;
        box-shadow:
            0 3px 8px rgba(48,82,137,.10),
            inset 0 1px 0 rgba(255,255,255,.82) !important;
    }

    body .qq-dress-card.active{
        box-shadow:
            0 0 0 2px rgba(79,134,228,.16),
            0 6px 14px rgba(48,91,159,.17) !important;
    }

    body .dress-preview-panel{
        border-radius:15px !important;
        box-shadow:
            0 8px 19px rgba(55,91,145,.13),
            inset 0 1px 0 rgba(255,255,255,.94) !important;
    }
}
/* XINGYU_MOBILE_POLISH_V1_END */

/* XINGYU_MOBILE_BG_NODISTORT_V3_START */
@media (max-width:700px){
    html body #scene{
        background-image: var(--xingyu-room-bg) !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        background-color:#eef4ff !important;
        border-radius:16px !important;
        box-shadow:
            inset 0 0 0 1px rgba(255,255,255,.72),
            inset 0 -22px 40px rgba(15,43,84,.05),
            0 7px 18px rgba(42,84,142,.13) !important;
    }

    html body #scene.lobby-empty-state{
        background-image: var(--xingyu-room-bg), var(--xingyu-room-bg) !important;
        background-size: contain, cover !important;
        background-position: center center, center center !important;
        background-repeat: no-repeat, no-repeat !important;
    }
}
/* XINGYU_MOBILE_BG_NODISTORT_V3_END */

/* XINGYU_QQ_GROUP_STYLE_V1_START */
.xingyu-qq-group-card{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:10px 0;padding:12px 14px;border:1px solid #b8d1f6;border-radius:14px;background:linear-gradient(135deg,#f5f9ff 0%,#eef5ff 48%,#f8f3ff 100%);box-shadow:0 4px 12px rgba(61,104,167,.10),inset 0 1px 0 rgba(255,255,255,.9)}
.xingyu-qq-group-icon{flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(145deg,#5ba7ff,#2876de);box-shadow:0 4px 10px rgba(41,112,211,.24)}
.xingyu-qq-group-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;color:#244b82}
.xingyu-qq-group-copy b{font-size:17px;line-height:1.15}.xingyu-qq-group-copy small{font-size:15px;font-weight:700;letter-spacing:.5px;color:#5c6f8d}
.xingyu-qq-group-copy-btn{flex:0 0 auto;min-width:86px;min-height:36px;padding:0 12px;border:1px solid #77a9ed;border-radius:10px;background:linear-gradient(#fff,#e9f2ff);color:#2e6fca;font-weight:700;cursor:pointer}.xingyu-qq-group-copy-btn:active{transform:translateY(1px)}
@media(max-width:700px){.xingyu-qq-group-card{padding:11px 12px;gap:10px}.xingyu-qq-group-icon{flex-basis:38px;width:38px;height:38px;font-size:20px}.xingyu-qq-group-copy b{font-size:16px}.xingyu-qq-group-copy small{font-size:14px}.xingyu-qq-group-copy-btn{min-width:78px;min-height:34px;padding:0 10px;font-size:13px}}
/* XINGYU_QQ_GROUP_STYLE_V1_END */