/* ============================================================
 * mobile.css - 移动端样式
 * 应用于小屏幕（< 768px）的布局和样式
 * 从 home.css 中提取迁移
 * ============================================================ */

/* ---------- 移动端响应式布局 (max-width: 768px) ---------- */

footer{display:none}
.at-p1m0{display:none!important;}
.at-p0m1{display:block}
.app,.footer,.header,.wp{width:100%}
.main,.main0{width:100%;margin-right:0}
.side{display:none!important}
.app .node-items .node-item,.app-x .node-items .node-item{width:100%}





.top-breadcrumb{background:#fff}
nav .phone-menu .top-title {
    float: left;
    margin-left: 1px;
    padding-left: 24px;
    background-image: url(//cdn.ookor.com/img/26/sublogo_bg.png);
    background-size: auto 44px;
    background-repeat: no-repeat;
    color: #900;
    font-weight: 700;
    font-size: 1rem;
    line-height: 44px;
    height: 44px;
}

nav .phone-menu .logo {
    float: left;
    display: inline;
    overflow: hidden;
    margin: 9px 0 7px 8px;
    width: 90px;
    height: 31px;
    background-image: url(//cdn.ookor.com/img/26/game59600.png);
    background-size: 80px auto;
    background-repeat: no-repeat;
    text-indent: -99em;
}
nav .nv-inner{width:100%;justify-content:space-between;box-sizing:border-box}
nav .nv-cmd{margin-right:20px}







.phone-cat{padding:10px 10px 0 10px}


.entry-m{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:.5rem;margin-bottom:.5rem;text-align:center}
.entry-m a:nth-child(1){background:#f90}
.entry-m a:nth-child(2){background:#6cf}
.entry-m a:nth-child(3){background:#6c6}
.entry-m[data-ui~=style1] a:nth-child(1){background:#e9604a}
.entry-m[data-ui~=style1] a:nth-child(2){background:#45c1cc}
.entry-m[data-ui~=style1] a:nth-child(3){background:#9d76c9}
.entry-m[data-ui~=style1] a:nth-child(4){background:#b87e64}
.entry-m a:nth-child(4){background:#fc0}
.entry-m a{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-decoration:none;box-sizing:border-box;padding:.5rem 0;margin-right:.375rem;margin-left:.375rem;font-size:1rem;color:#fff;line-height:16px}
.e-m-cats .entry-m{margin-left:0}

/* game-list 移动端 2 列 */
.game-list .list_item,.game-list .list_item_big{width:50%}
.game-list .list_item .item_content{max-height:none}

/* 分页 移动端适配 */
.main .pg{display:flex;justify-content:center;align-items:center;gap:15px}
.main .pg a{display:none}
.main .pg a.prev,.main .pg a.nxt,.main .pg .pg-current,.main .pg strong{display:inline-block;padding:0 12px;font-size:14px;line-height:31px;border-radius:5px;text-decoration:none;background:#fff;color:#333;border:1px solid #eee}
.main .pg .pg-current{font-weight:700}
.main .pg a.nxt:active{background:#e8e8e8}
.main .pg .prev.disable{color:#ccc;pointer-events:none;background:#f4f4f4}
.main .pg label{display:none}

.game-phone{position:relative;width:100%;display:flex;flex-direction:column;background:#fff}
.game-phone,.game-phone *{box-sizing:border-box}

.game-phone .game-info {
    position: relative;
    z-index: 3;
    list-style: none;
    margin: 0;
    padding: 0;
    /*background: #fff;*/
}


/* === 方案B：独立渐变层 === */
.game-phone .game-background {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    aspect-ratio: 1;
    z-index: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.game-phone .game-gradient1 {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    aspect-ratio: 1;
    z-index: 1;
    background: linear-gradient(to bottom, transparent, #000);
}
.game-phone .game-gradient2 {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    aspect-ratio: 1;
    z-index: 2;
    background: rgba(0,0,0,0.3);
}

.game-phone .game-info .game-info-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
}

.game-phone .game-info .game-info-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .4);
}

/*.game-phone .game-info .game-thumb {*/
/*  position: relative;*/
/*  z-index: 1;*/
/*  padding: 60px 0 0 0;*/
/*}*/

.game-phone .game-cmd .i-like-count{margin-left:6px;color:#999}

.game-phone .game-info .game-thumb img {
    display: block;
    margin: 0 auto 0;
    width: 200px;
    border-radius: 16px;
    /*box-shadow: rgb(0, 0, 0) 0px 0px 90px 0px;*/
}

.game-phone .game-info .game-name {
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 31px;
    padding: 12px 0 32px 0;
}

.game-phone .game-info .game-category {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    color: #000;
}

.game-phone .game-info .game-category .game-star {
    margin-right: 8px;
}

.game-phone .game-information
{
    width:  100%  ;
    padding: 20px 20px 0 20px;
}
.game-phone-line{
    display: block;
    width: 100%;
    height: 5px;
    background-color: #000;
}

.game-cmd {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    padding: 16px 0;
}

.game-cmd > div {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

/* -- 迁移自 pc_play.css -- */
.game-phone .game-cmd .game-cmd-like,
.game-phone .game-cmd .game-cmd-dislike{position:relative;cursor:pointer;display:flex;align-items:center;padding:8px 10px;background-color:#f8f8f8;color:inherit}
.game-phone .game-cmd .game-cmd-like{border-radius:27px 2px 2px 27px;margin-right:1px}
.game-phone .game-cmd .game-cmd-dislike{border-radius:2px 27px 27px 2px}
.game-phone .game-cmd .game-cmd-like:hover,
.game-phone .game-cmd .game-cmd-dislike:hover{color:#528bff;background-color:#e8e8e8}
/* -- like/dislike 图标 -- */
.game-phone .game-cmd .icon-like,
.game-phone .game-cmd .icon-dislike{display:inline-block;width:20px;height:20px;background-color:#000;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}
.game-phone .game-cmd .icon-dislike{transform:scaleY(-1)}

/* 原 mobile 样式已备注 */
/* .game-cmd .game-cmd-like,
.game-cmd .game-cmd-dislike {
    padding: 8px 12px;
    background: rgb(36, 40, 52);
} */

.game-cmd > div:active {
    color: #528bff;
}


/* .game-cmd .game-cmd-like {
    border-radius: 20px 2px 2px 20px;
}

.game-cmd .game-cmd-dislike {
    border-radius: 2px 20px 20px 2px;
    margin-right: 16px;
} */

/* -- 迁移自 pc_play.css：圆形按钮 -- */
.game-phone .game-cmd .game-cmd-fav,
.game-phone .game-cmd .game-cmd-share,
.game-phone .game-cmd .game-cmd-report{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-left:8px;background:#f8f8f8;color:inherit;font-size:14px;border:none;cursor:pointer;border-radius:50%}
.game-phone .game-cmd .game-cmd-fav:hover,
.game-phone .game-cmd .game-cmd-share:hover,
.game-phone .game-cmd .game-cmd-report:hover{color:#528bff;background-color:#e8e8e8}
/* -- 对应图标 -- */
.game-phone .game-cmd .icon-fav,
.game-phone .game-cmd .icon-share,
.game-phone .game-cmd .icon-feedback{
    display:inline-block;width:20px;height:20px;background-color:#000;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}

/* -- star 图标 -- */
.game-phone .icon-star{display:inline-block;width:16px;height:16px;background-color:#000;mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center}

/* 原 mobile 样式已备注 */
/* .game-cmd .game-cmd-fav,
.game-cmd .game-cmd-share,
.game-cmd .game-cmd-report {
    padding: 8px;
    margin-left: 8px;
    background-color: rgb(36, 40, 52);
    border-radius: 50%;
} */

.icon-game-down {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

.icon-down {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #000;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.game-phone-recommend {
    width: 100%;
    padding: 20px;
}


.game-phone .game-info .game-button{display:flex;justify-content:center}
.game-phone-play{

    border-radius: 48px;
    padding: 0 68px;
    height: 48px;
    flex: none;
    font-weight: bold;
    white-space: nowrap;

    position: relative;
    display: inline-flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    outline: none;
    border: none;

    background: #f1565b;
    color: white;
    cursor: pointer;
    transition: all 0.3s;

    animation: 0.5s cubic-bezier(0.1, 0.2, 0.1, 0.8) 0s infinite alternate both running continue-play;


}
.game-phone  .game-thumb img {
    display: block;
    margin: 0 auto 0;
    width: 200px;
    border-radius: 16px;
    /*box-shadow: rgb(0, 0, 0) 0px 0px 90px 0px;*/
}.game-btn-more {
     display: flex;
     justify-content: center;
     padding: 20px 0;
 }

.game-go-dot{width:300px;height:250px;margin:0 auto}
.game-thumb {
    padding: 120px 0 10px 0;
}

.game-btn-more {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}
.game-btn-more .game-btn-show-more {
    color: #333;
    background: #f4f4f4;
    margin: 0 30px;
    border-radius: 10px;
    border: 1px solid #ccc;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    font-size: 16px;
    box-sizing: border-box;
    padding: 8px 48px;
    height: 40px;
    -webkit-user-select: none;
    user-select: none;
}

.game-phone .game-line {height:5px;display:block;width:100%;background:#f4f4f4}
.top-game-box {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.g-b--game {
    width: 100%;
    height: 100%;
    border: none;
    background: #000;
}
.top-game-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6699;
    width: 40px;
}
#qp_cc {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 8966;
     display: none;
     width: 100%;
     height: 100%;
 }
#qp_cc #qp_c_cnt {
    background-color: #fff;
    height: 100%;
    float: left;
    width: 90%;
}
.game-cat-in-game {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
}

#qp_cc #qp_c_cmd {
    float: left;
    width: 10%;
    height: 100%;
    opacity: .7;
    background-color: #333;
}

#qp_cc #qp_c_cmd #close--top-game-page {
    border-radius: 0 5px 5px 0;
    background-color: #008ff9;
    width: 30px;
    height: 90px;
    text-align: center;
    padding-top: 8px;
    margin-top: 40px;
}#qp_cc #qp_c_cmd #close--top-game-page img {
     height: 20px;
     width: 20px;
     margin-top: 30px;
 }