/* 用户端游戏页移动端共享层：只在窄屏生效，桌面端继续使用各自旧版主题。 */
.mobile-tabbar { display:none; }

@media (max-width: 1023px) {
    .new_footer, .bottom_1, .bottom_2 { display:none !important; }
    body { min-width:0; overflow-x:hidden; }
    .top { min-width:0; height:44px; }
    .top .big { width:100%; height:44px; line-height:44px; padding:0 16px; box-sizing:border-box; }
    .top .big .ul_2 { display:none; }
    .top .big .ul_1, .top .big .ul_3 { float:none; width:100%; justify-content:flex-end; }
    .top .big .ul_1 a { margin-left:12px; font-size:12px; white-space:nowrap; }
    .top .big .ul_3 { display:flex; }
    .top .big .ul_3 > li { display:none; }
    .top .big .ul_3 > li:first-child { display:block; margin-left:auto; }
    .nav { min-width:0; height:104px; }
    .nav .big { display:flex; width:100%; height:104px; padding:8px 12px 0; box-sizing:border-box; gap:0; flex-wrap:wrap; align-content:center; }
    .nav .big .logo { flex:0 0 136px; width:136px; }
    .nav .big .ul_1 { display:flex; flex:0 0 100%; min-width:0; width:100%; height:44px; justify-content:space-between; overflow-x:auto; white-space:nowrap; scrollbar-width:none; -webkit-overflow-scrolling:touch; touch-action:pan-x; overscroll-behavior-x:contain; scroll-snap-type:x proximity; }
    .nav .big .ul_1::-webkit-scrollbar { display:none; }
    .nav .big .ul_1 li { float:none; flex:0 0 auto; margin-left:0; scroll-snap-align:start; }
    .nav .big .ul_1 li a { padding-left:8px; padding-right:8px; line-height:42px; }
    .mobile-tabbar { position:fixed; left:0; right:0; bottom:0; z-index:5000; display:flex; height:64px; padding:6px 8px calc(6px + env(safe-area-inset-bottom)); box-sizing:border-box; background:rgba(255,255,255,.96); border-top:1px solid #e8e8e8; box-shadow:0 -6px 20px rgba(35,25,20,.08); }
    .mobile-tabbar a { flex:1; min-width:44px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#777; font-size:11px; }
    .mobile-tabbar a span { width:26px; height:26px; display:flex; align-items:center; justify-content:center; border-radius:9px; color:#8d8d8d; font-size:15px; font-weight:700; }
    .mobile-tabbar a em { font-style:normal; line-height:16px; }
    .mobile-tabbar a.is-active { color:#d43030; font-weight:700; }
    .mobile-tabbar a.is-active span { color:#fff; background:#d43030; }

    /* 试玩列表 */
    .main_visual { height:240px; }
    .main_image { width:100%; height:240px; }
    .main_image ul { width:100%; height:240px; }
    .main_image li, .main_image li a, .main_image li span { width:100%; height:240px; }
    .main_image li span { background-position:center; }
    .main .game { width:100%; box-sizing:border-box; }
    .game .tit { overflow-x:auto; white-space:nowrap; }
    .game .tit .ul_1 { width:max-content; min-width:100%; float:none; }
    .game .tit .ul_1 li { float:none; display:inline-block; padding:0 14px; font-size:14px; }
    .game .cont .ul_2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:8px; margin:10px 0 18px; }
    .game .cont .ul_2 li { width:auto; min-width:0; height:auto; min-height:184px; float:none; margin:0; padding:8px; }
    .game .cont .ul_2 li .a_1 img { width:100%; height:auto; aspect-ratio:16 / 9; object-fit:cover; }
    .game .cont .ul_2 li .a_1 .bk { height:100%; }
    .game .cont .ul_2 li .a_1 .btm_bk,
    .game .cont .ul_2 li .a_1 .btm { top:auto; bottom:0; }
    .game .cont .ul_2 li .a_1 .btm { font-size:11px; }
    .game .cont .ul_2 li .a_1 .btm .btm_span_1 { max-width:calc(100% - 22px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .game .cont .ul_2 li .a_1 .p_1 { padding:5px 0; font-size:12px; }
    .game .cont .ul_2 li .p_2, .game .cont .ul_2 li .p_3 { width:100%; float:none; height:19px; line-height:19px; font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .main .main_left, .main .main_right { width:100%; float:none; }
    .mainSlider { width:100%; height:auto; }
    .mainSlider .spotlight { width:100%; height:auto; position:relative; left:auto; }
    .mainSlider .spotlight img { width:100%; height:auto; }
    .mainSlider .spotlightBanner { display:none; }
    .step { width:100%; background-size:cover; }
    .trailer, .ranking, .advertisement_1, .play, .qq_group, .customer { width:100%; box-sizing:border-box; }
    .advertisement_1 img { width:100%; height:auto; }

    /* 通用详情页与冲级详情页 */
    .main { width:100% !important; max-width:none; margin:0; padding:0 16px; box-sizing:border-box; }
    .game_bk { height:auto; min-height:0; padding:10px 0 14px; }
    .game_logo { padding-top:0; }
    .game_logo .img { width:220px; height:132px; margin:0 auto; background-size:220px auto !important; background-position:center !important; }
    .server { width:100%; max-width:360px; height:44px; line-height:44px; margin:10px auto 0; background-size:100% 100%; }
    .server .text { width:100%; box-sizing:border-box; line-height:44px; padding-left:20px; font-size:14px; }
    .reward_dynamic { margin:10px 0 0; min-height:38px; display:flex; align-items:center; overflow:hidden; }
    .reward_dynamic .reward { float:none; flex:0 0 auto; transform:scale(.58); transform-origin:left center; margin-right:-180px; }
    .reward_dynamic .dynamic_text { float:none; max-width:calc(100% - 24px); margin:0; font-size:12px; }
    .step-box { width:100%; }
    .step-list { width:100%; height:auto; min-height:0; margin:12px 0 16px; display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); border-radius:14px; overflow:hidden; }
    .step-list > img { display:none !important; }
    .step-list .item, .step-list .item.end { min-height:76px; width:auto; height:auto; padding:14px 8px; margin:0; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-bottom:1px solid rgba(238,63,39,.18); }
    .step-list .item:nth-last-child(-n+2) { border-bottom:0; }
    .step-list .item h3 { font-size:14px; line-height:1.5; }
    .step-list .item p, .step-list .item.end p { margin-top:4px; font-size:11px; line-height:1.4; }
    .content { width:100% !important; margin-bottom:30px; padding:12px; box-sizing:border-box; }
    .content_left, .content_right { width:100% !important; float:none; }
    .content_right { margin-top:14px; }
    .content .title_index .r { float:none; display:block; margin:5px 0 0; font-size:12px; line-height:1.5; }
    .countdown .cont { justify-content:center; flex-wrap:wrap; gap:5px; padding:14px 4px; }
    .countdown .cont span { height:42px; line-height:42px; font-size:20px; padding:0 4px; }
    .countdown .cont i { line-height:42px; font-size:12px; }
    .game_details p { line-height:1.7; padding:0 6px; word-break:break-word; }
    .cozy { height:auto; min-height:32px; line-height:1.7; padding:8px 10px; box-sizing:border-box; }
    .information .cont p { line-height:1.8; padding:6px 8px; word-break:break-word; }
    .information .cont .but { height:auto; min-height:40px; }
    .information .cont p .ann, #ljlogin { float:none; display:inline-block; width:auto; min-width:120px; padding:6px 18px; height:auto; line-height:1.5; box-sizing:border-box; }
    .ranking .cont .table_1, .ranking .cont .table_2 { width:100%; max-width:100%; font-size:12px; }
    .award .cont .table_2, .match .cont .table_2 { width:100%; max-width:100%; font-size:12px; table-layout:fixed; word-break:break-word; }
    .award .cont .table_2 td, .award .cont .table_2 th, .match .cont .table_2 td, .match .cont .table_2 th { padding:4px 2px; }
    .rebate .cont, .qq_group .cont, .introduction .cont, .faq .cont { padding:12px 8px; box-sizing:border-box; }
    .rebate .cont .ann .button_5 { float:none; display:inline-block; }
    .rebate .cont .ann, .rebate .cont .chak { display:block; float:none; margin:10px 0; text-align:center; }
    .faq .cont a { width:auto; margin-left:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .screenshot { overflow:hidden; }
    .screenshot .cont .slide { width:100%; max-width:674px; }
    .bottom_1 { min-width:0; padding:24px 16px; box-sizing:border-box; }
    .bottom_1 .cont { width:100%; text-align:center; line-height:1.8; }

    /* 外跳转页 */
    .jump { width:calc(100% - 32px); margin:24px auto 0; padding:18px 12px 10px; box-sizing:border-box; }
    .jump .ju_top { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:8px; }
    .jump .ju_top .ju_logo { float:none; width:120px; height:76px; margin:0; background-size:120px auto; }
    .jump .ju_top .ju_d { float:none; width:140px; height:70px; background-size:140px auto; }
    .jump .ju_top .ju_tu { float:none; }
    .jump .ju_top .ju_tu img { width:110px; height:auto; }
    .jump .ju_text { height:auto; min-height:56px; line-height:1.7; padding:12px 0; }
    .jump .ju_text_1 { line-height:1.7; padding:6px 4px; }
}