*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#090b12;color:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}
a{color:inherit;text-decoration:none}
body{padding-top:80px}

.mm-header{
    position:fixed;
    top:0;left:0;right:0;
    height:80px;
    background:#080a10;
    border-bottom:1px solid #20232d;
    z-index:1000;
    display:flex;
    align-items:center;
    padding:0 42px;
}
.mm-brand{
    font-size:24px;
    font-weight:800;
    color:#ff4568;
    white-space:nowrap;
}
.mm-search{
    margin-left:auto;
    width:400px;
    display:flex;
    background:#171a24;
    border-radius:28px;
    overflow:hidden;
}
.mm-search input{
    flex:1;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    padding:14px 20px;
    font-size:15px;
}
.mm-search button{
    border:0;
    background:#ff4568;
    color:#fff;
    padding:0 24px;
    cursor:pointer;
}

.mm-sidebar{
    position:fixed;
    top:80px;
    bottom:0;
    left:0;
    width:210px;
    background:#0e1119;
    border-right:1px solid #242833;
    overflow-y:auto;
    padding:26px 18px;
}
.mm-sidebar h2{
    margin:0 0 22px;
    font-size:20px;
}
.mm-sidebar a{
    display:block;
    padding:10px 8px;
    color:#cbd0df;
    font-size:16px;
    border-radius:7px;
}
.mm-sidebar a:hover{
    background:#1a1e29;
    color:#ff5574;
}

.mm-main{
    margin-left:210px;
    padding:30px 34px 60px;
}
.mm-section{
    margin-bottom:42px;
}
.mm-section-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}
.mm-section-head h2{
    margin:0;
    font-size:24px;
}
.mm-more{
    color:#aeb5c7;
}

.mm-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:24px 16px;
}
.mm-card{
    min-width:0;
}
.mm-poster{
    position:relative;
    width:100%;
    aspect-ratio:2/3;
    border-radius:8px;
    overflow:hidden;
    background:#151821;
}
.mm-poster img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .25s ease;
}
.mm-card:hover .mm-poster img{
    transform:scale(1.04);
}
.mm-hd{
    position:absolute;
    right:7px;
    top:7px;
    background:rgba(15,18,25,.88);
    border:1px solid #59606f;
    border-radius:4px;
    padding:3px 5px;
    font-size:12px;
}
.mm-title{
    margin-top:10px;
    font-weight:700;
    font-size:16px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.mm-meta{
    color:#8e96aa;
    margin-top:6px;
    font-size:14px;
}

@media(max-width:1350px){
    .mm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1050px){
    .mm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:760px){
    body{padding-top:64px}
    .mm-header{height:64px;padding:0 14px}
    .mm-brand{font-size:19px}
    .mm-search{width:46%}
    .mm-sidebar{display:none}
    .mm-main{margin-left:0;padding:20px 14px 40px}
    .mm-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}
    .mm-section-head h2{font-size:20px}
}

/* 分类分页 */
#mm-category-pager{
    display:block!important;
    width:100%;
    margin:32px 0 45px!important;
    font-size:16px!important;
    color:#aab3c5!important;
}

#mm-category-pager button{
    height:46px!important;
    min-width:78px!important;
    padding:0 18px!important;
    margin-right:10px!important;
    border:1px solid #343b4b!important;
    border-radius:7px!important;
    background:#111620!important;
    color:#fff!important;
    font-size:16px!important;
    cursor:pointer!important;
}

#mm-category-pager button:not(:disabled):hover{
    background:#ff4267!important;
    border-color:#ff4267!important;
}

#mm-category-pager button:disabled{
    opacity:.4!important;
}

#mm-category-pager .mm-page-input{
    width:82px!important;
    height:46px!important;
    margin:0 10px!important;
    box-sizing:border-box!important;
    border:1px solid #343b4b!important;
    border-radius:7px!important;
    background:#171b25!important;
    color:#fff!important;
    text-align:center!important;
    font-size:16px!important;
}

#mm-category-pager .mm-pager-info{
    margin-top:18px!important;
    font-size:16px!important;
    color:#9da8bd!important;
}

/* 手机版所有首页分类统一3列 */
@media (max-width:760px){
    .mm-grid{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:18px 10px !important;
    }

    .mm-grid .mm-card{
        min-width:0 !important;
        width:100% !important;
    }

    .mm-grid .mm-poster{
        width:100% !important;
        aspect-ratio:2/3 !important;
        height:auto !important;
    }

    .mm-grid .mm-card-title{
        font-size:14px !important;
        line-height:1.35 !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }
}

/* ===== 手机版顶部分类导航 ===== */
.mm-mobile-nav{
    display:none;
}

@media (max-width:760px){

    .mm-sidebar{
        display:none !important;
    }

    .mm-main{
        margin-left:0 !important;
        padding:18px 14px 40px !important;
    }

    .mm-mobile-nav{
        display:flex !important;
        align-items:center;
        gap:18px;
        padding:12px 14px;
        background:#0e1119;
        border-top:1px solid #242833;
        border-bottom:1px solid #242833;
        overflow-x:auto;
        white-space:nowrap;
        scrollbar-width:none;
    }

    .mm-mobile-nav::-webkit-scrollbar{
        display:none;
    }

    .mm-mobile-nav a{
        flex:0 0 auto;
        color:#b8bfcc;
        font-size:15px;
        text-decoration:none;
        padding:5px 0;
    }

    .mm-mobile-nav a:first-child{
        color:#ff4568;
        font-weight:700;
    }
}

/* ===== 手机版分类：19459 四列网格 ===== */
@media (max-width:760px){

    .mm-mobile-nav{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:0 !important;

        margin:8px 6px 16px !important;
        padding:12px 8px !important;

        background:#292f3a !important;
        border:1px solid #444b58 !important;
        border-radius:3px !important;

        overflow:visible !important;
        white-space:normal !important;
    }

    .mm-mobile-nav a{
        display:block !important;
        width:100% !important;
        min-width:0 !important;

        padding:10px 10px !important;
        box-sizing:border-box !important;

        color:#fff !important;
        font-size:15px !important;
        line-height:1.3 !important;
        font-weight:400 !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    /* 首页不要放进分类方框 */
    .mm-mobile-nav-home{
        display:none !important;
    }
}

@media (max-width:760px){

    .mm-header{
        height:72px !important;
        padding:0 16px !important;
        background:#1e2430 !important;
    }

    .mm-brand{
        font-size:17px !important;
        color:#ff4568 !important;
        font-weight:700 !important;
    }

    .mm-search{
        max-width:210px !important;
        height:40px !important;
    }

    .mm-main{
        padding-top:8px !important;
    }
}

/* ===== 手机版顶部：菜单 + 搜索 + 收藏 + 历史 ===== */
.mm-mobile-menu,
.mm-mobile-tools{
    display:none;
}

@media (max-width:760px){

    .mm-header{
        height:64px !important;
        display:flex !important;
        align-items:center !important;
        padding:0 12px !important;
        gap:12px !important;
        background:#1d2330 !important;
    }

    .mm-mobile-menu{
        display:block !important;
        flex:0 0 auto;
        color:#fff;
        font-size:26px;
        line-height:1;
    }

    .mm-brand{
        flex:1 1 auto !important;
        min-width:0 !important;
        font-size:16px !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
    }

    /* 原搜索框手机版隐藏 */
    .mm-search{
        display:none !important;
    }

    .mm-mobile-tools{
        display:flex !important;
        flex:0 0 auto;
        gap:5px;
    }

    .mm-mobile-tools button{
        width:38px;
        height:40px;
        padding:0;
        border:1px solid #8d96a7;
        border-radius:5px;
        background:transparent;
        color:#fff;
        font-size:20px;
        cursor:pointer;
    }

    /* 分类目录 */
    .mm-mobile-nav{
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        margin:8px 0 18px !important;
        padding:10px 8px !important;
        background:#2b313c !important;
        border:1px solid #444c59 !important;
    }

    .mm-mobile-nav a{
        padding:10px 10px !important;
        font-size:16px !important;
    }
}

@media (max-width:760px){
    .mm-search.mm-search-open{
        display:flex !important;
        position:absolute !important;
        top:66px;
        left:12px;
        right:12px;
        z-index:1000;
        max-width:none !important;
        background:#171c26;
    }

    .mm-search.mm-search-open input{
        flex:1;
        min-width:0;
    }
}

/* 手机版首页观看记录 */
.mm-history-panel{
    display:none;
}

@media(max-width:760px){
    .mm-history-panel{
        position:absolute;
        z-index:2000;
        top:66px;
        right:8px;
        width:330px;
        max-width:calc(100vw - 16px);
        max-height:430px;
        overflow-y:auto;
        padding:14px;
        box-sizing:border-box;
        background:#252b36;
        border:1px solid #444c59;
        box-shadow:0 8px 25px rgba(0,0,0,.45);
    }

    .mm-history-panel.show{
        display:block;
    }

    .mm-history-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        margin-bottom:12px;
        color:#fff;
        font-size:17px;
    }

    #mm-history-clear{
        border:0;
        background:transparent;
        color:#aaa;
        font-size:14px;
    }

    .mm-history-item{
        display:flex;
        gap:10px;
        padding:10px 0;
        border-top:1px solid #3b414c;
        color:#fff;
        text-decoration:none;
    }

    .mm-history-item img{
        width:62px;
        height:82px;
        object-fit:cover;
        border-radius:3px;
        background:#151922;
    }

    .mm-history-info{
        min-width:0;
        padding-top:5px;
    }

    .mm-history-title{
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        font-size:14px;
        font-weight:600;
    }

    .mm-history-play{
        margin-top:10px;
        color:#43d19e;
        font-size:13px;
    }

    .mm-history-empty{
        padding:25px 5px;
        text-align:center;
        color:#929aaa;
    }
}

@media(max-width:760px){
    #mm-history-panel{
        position:fixed !important;
        top:66px !important;
        right:8px !important;
        z-index:99999 !important;
    }

    #mm-history-panel.show{
        display:block !important;
    }
}

@media(max-width:760px){

    /* 手机版分类默认收起 */
    .mm-mobile-nav{
        display:none !important;
    }

    /* 点击左上角菜单后展开 */
    .mm-mobile-nav.mm-nav-open{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    }

    .mm-mobile-menu{
        cursor:pointer;
        user-select:none;
    }
}

/* 手机版视频列表最终固定3列 */
@media screen and (max-width:760px){
    #mm-category-grid.mm-grid,
    #mm-category-grid{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:18px 10px !important;
    }

    #mm-category-grid .mm-card{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        margin:0 !important;
    }
}

/* 手机版分类视频固定3列 */
@media (max-width:760px){
    #mm-category-grid{
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:18px 10px !important;
    }

    #mm-category-grid .mm-card{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
    }
}

#mm-hot-pager{
    display:none !important;
}

/* 手机版分页紧凑美化 */
@media (max-width:760px){
    #mm-category-pager{
        display:flex !important;
        align-items:center;
        justify-content:center;
        flex-wrap:nowrap;
        gap:6px;
        width:100%;
        margin:18px 0 12px;
        font-size:14px;
        white-space:nowrap;
    }

    #mm-category-pager button{
        width:auto !important;
        min-width:58px;
        height:36px;
        padding:0 10px !important;
        margin:0 !important;
        font-size:14px !important;
        line-height:36px;
        border-radius:7px;
    }

    #mm-category-pager .mm-page-input{
        width:48px !important;
        height:36px !important;
        padding:0 !important;
        margin:0 !important;
        text-align:center;
        font-size:15px !important;
        border-radius:7px;
    }

    #mm-category-pager span{
        font-size:14px !important;
        margin:0 1px;
    }

    #mm-category-pager .mm-pager-info{
        display:none !important;
    }
}

/* 手机版顶部分类下拉菜单 */
@media (max-width:760px){

    .mm-mobile-nav{
        display:none;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:0;
        width:calc(100% - 16px);
        max-height:340px;
        overflow-y:auto;
        overflow-x:hidden;
        margin:8px;
        padding:10px 6px;
        box-sizing:border-box;
        background:#252b36;
        border:1px solid #3b4350;
        border-radius:5px;
        -webkit-overflow-scrolling:touch;
    }

    .mm-mobile-nav.mm-nav-open{
        display:grid !important;
    }

    .mm-mobile-nav a{
        display:block;
        min-width:0;
        padding:10px 7px;
        margin:0;
        font-size:14px;
        line-height:20px;
        text-align:left;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        box-sizing:border-box;
    }

    .mm-mobile-nav-home{
        grid-column:auto;
    }
}

/* 手机版首页顶部最终布局：19459式分类 */
@media (max-width:760px){

    /* 隐藏左上菜单按钮 */
    .mm-mobile-menu{
        display:none !important;
    }

    /* 隐藏右上搜索/收藏/历史三个按钮 */
    .mm-mobile-tools{
        display:none !important;
    }

    /* 顶部 */
    .mm-header{
        min-height:58px !important;
        padding:0 14px !important;
        display:flex !important;
        align-items:center !important;
    }

    .mm-brand{
        margin:0 !important;
        font-size:18px !important;
    }

    /* 分类默认直接打开 */
    .mm-mobile-nav{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;

        /* 6排，超出的向下滑 */
        grid-auto-rows:42px;
        max-height:252px !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;

        width:calc(100% - 16px) !important;
        margin:8px !important;
        padding:4px 6px !important;

        background:#252b36 !important;
        border:1px solid #3b4350 !important;
        border-radius:4px !important;
        box-sizing:border-box !important;

        -webkit-overflow-scrolling:touch;
    }

    .mm-mobile-nav a{
        display:block !important;
        min-width:0 !important;
        height:42px !important;
        padding:10px 7px !important;
        margin:0 !important;

        font-size:14px !important;
        line-height:22px !important;
        text-align:left !important;

        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:ellipsis !important;
        box-sizing:border-box !important;
    }
}

/* 手机版顶部修正：恢复工具按钮 + 分类下拉提示 */
@media (max-width:760px){

    /* 恢复右上角：搜索 / 收藏 / 历史 */
    .mm-mobile-tools{
        display:flex !important;
        margin-left:auto !important;
        align-items:center !important;
        gap:6px !important;
    }

    .mm-mobile-tools button,
    .mm-mobile-tools a{
        display:flex !important;
        width:38px !important;
        height:38px !important;
        padding:0 !important;
        align-items:center !important;
        justify-content:center !important;
        border-radius:6px !important;
    }

    /* 分类区域给右侧下拉箭头留位置 */
    .mm-mobile-nav{
        position:relative !important;
        padding-right:28px !important;
    }

    /* 右侧下拉提示 */
    .mm-mobile-nav::after{
        content:"▼";
        position:sticky;
        right:4px;
        bottom:6px;
        float:right;
        font-size:16px;
        line-height:20px;
        opacity:.85;
        pointer-events:none;
    }
}

/* 手机版分类：6排 + 右侧真实滚动条 */
@media (max-width:760px){

    .mm-mobile-nav{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-auto-rows:42px !important;

        height:252px !important;
        max-height:252px !important;

        overflow-y:scroll !important;
        overflow-x:hidden !important;

        padding:4px 8px !important;
        scrollbar-width:auto;
        scrollbar-color:#999 transparent;
        -webkit-overflow-scrolling:touch;
    }

    /* 删除之前的倒三角 */
    .mm-mobile-nav::after{
        content:none !important;
        display:none !important;
    }

    /* Chrome / 手机浏览器滚动条 */
    .mm-mobile-nav::-webkit-scrollbar{
        width:6px;
    }

    .mm-mobile-nav::-webkit-scrollbar-track{
        background:transparent;
    }

    .mm-mobile-nav::-webkit-scrollbar-thumb{
        background:#999;
        border-radius:6px;
    }
}

@media (max-width:760px){
    #mm-search-form{
        width:98% !important;
    }

    #mm-search-form input{
        flex:1 1 auto !important;
        width:auto !important;
    }

    #mm-search-form button{
        flex:0 0 68px !important;
        width:68px !important;
    }
}

/* cms手机版：首页默认展开分类 */
@media (max-width:760px){
    .mm-mobile-nav{
        display:grid !important;
    }
}

/* ===== 手机版分类最终固定规则 ===== */
@media screen and (max-width:760px){
    html body .mm-mobile-nav,
    html body .mm-mobile-nav.mm-nav-open{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        grid-auto-rows:42px !important;

        height:252px !important;
        max-height:252px !important;

        overflow-y:scroll !important;
        overflow-x:hidden !important;

        width:calc(100% - 16px) !important;
        margin:8px !important;
        padding:4px 8px !important;

        box-sizing:border-box !important;
        background:#252b36 !important;
        border:1px solid #3b4350 !important;
        border-radius:4px !important;
        visibility:visible !important;
        opacity:1 !important;
    }
}

/* 电脑端隐藏首页视频内容 */
@media (min-width:761px){
    #mm-category-grid,
    #mm-hot-grid,
    #mm-home-hot,
    #mm-category-pager,
    #mm-hot-pager{
        display:none !important;
    }
}

/* 恢复电脑端首页视频 */
@media (min-width:761px){
    #mm-category-grid,
    #mm-hot-grid{
        display:grid !important;
    }

    #mm-home-hot{
        display:block !important;
    }

    #mm-category-pager,
    #mm-hot-pager{
        display:flex !important;
    }
}

/* 电脑端：首页默认只显示分类视频，隐藏热播 */
@media (min-width:761px){
    #mm-home-hot{
        display:none !important;
    }

    #mm-category-grid{
        display:grid !important;
    }
}

/* 电脑端恢复正在热播 */
@media (min-width:761px){
    #mm-home-hot{
        display:block !important;
    }
    #mm-hot-grid{
        display:grid !important;
    }
}

/* 电脑端：显示热播底部分页 */
@media (min-width:761px){
    html body #mm-hot-pager{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:12px !important;
        width:100% !important;
        margin:24px 0 30px !important;
        visibility:visible !important;
        opacity:1 !important;
    }
}

/* 电脑首页热播分页放大 */
@media (min-width:761px){
    #mm-hot-pager{
        gap:16px !important;
        margin:32px 0 36px !important;
        font-size:18px !important;
    }

    #mm-hot-pager button{
        min-width:76px !important;
        height:42px !important;
        padding:0 16px !important;
        font-size:16px !important;
        border-radius:6px !important;
        cursor:pointer;
    }

    #mm-hot-pager span{
        font-size:18px !important;
        line-height:42px !important;
    }
}

/* 电脑首页热播分页：左侧 + 跳转 */
@media (min-width:761px){
    #mm-hot-pager{
        justify-content:flex-start !important;
        gap:10px !important;
        padding-left:0 !important;
        margin:28px 0 36px !important;
    }

    #mm-hot-pager .mm-hot-page-input{
        width:70px !important;
        height:42px !important;
        text-align:center !important;
        font-size:17px !important;
        border-radius:6px !important;
        box-sizing:border-box !important;
    }

    #mm-hot-pager .mm-hot-jump{
        min-width:72px !important;
    }
}

/* 隐藏上面的热播分页，只保留下方分页 */
#mm-hot-pager{
    display:none !important;
}

/* 热播分页：默认只供首页显示 */
#mm-hot-pager{
    display:flex !important;
}

/* 首页热播分页：左下角，和分类分页统一 */
@media (min-width:761px){
    html body #mm-hot-pager{
        display:flex !important;
        justify-content:flex-start !important;
        align-items:center !important;
        gap:10px !important;
        width:100% !important;
        margin:26px 0 32px !important;
        padding:0 !important;
        font-size:16px !important;
    }

    #mm-hot-pager button{
        min-width:96px !important;
        height:56px !important;
        padding:0 18px !important;
        font-size:16px !important;
        border-radius:8px !important;
    }

    #mm-hot-pager .mm-hot-page-input{
        width:102px !important;
        height:56px !important;
        padding:0 10px !important;
        text-align:center !important;
        font-size:18px !important;
        border-radius:8px !important;
        box-sizing:border-box !important;
    }

    #mm-hot-pager span{
        font-size:16px !important;
        line-height:56px !important;
    }
}

/* 首页分页最终尺寸：参考分类分页 */
@media (min-width:761px){
    html body #mm-hot-pager{
        justify-content:flex-start !important;
        align-items:center !important;
        gap:10px !important;
        margin:22px 0 30px !important;
        padding:0 !important;
        font-size:16px !important;
    }

    #mm-hot-pager button{
        min-width:96px !important;
        height:56px !important;
        padding:0 18px !important;
        font-size:16px !important;
        border-radius:8px !important;
    }

    #mm-hot-pager .mm-hot-page-input{
        width:102px !important;
        height:56px !important;
        padding:0 8px !important;
        text-align:center !important;
        font-size:18px !important;
        border-radius:8px !important;
        box-sizing:border-box !important;
    }

    #mm-hot-pager span{
        font-size:16px !important;
        line-height:56px !important;
    }
}

/* 首页分页再缩小一档 */
@media (min-width:761px){
    html body #mm-hot-pager{
        gap:8px !important;
        margin:18px 0 24px !important;
    }

    #mm-hot-pager button{
        min-width:82px !important;
        height:46px !important;
        padding:0 14px !important;
        font-size:15px !important;
        border-radius:7px !important;
    }

    #mm-hot-pager .mm-hot-page-input{
        width:82px !important;
        height:46px !important;
        padding:0 6px !important;
        font-size:16px !important;
        border-radius:7px !important;
    }

    #mm-hot-pager span{
        font-size:15px !important;
        line-height:46px !important;
    }
}

/* 电脑首页分页：完全对齐分类分页样式 */
@media (min-width:761px){
    html body #mm-hot-pager{
        justify-content:flex-start !important;
        align-items:center !important;
        gap:10px !important;
        margin:20px 0 26px !important;
        padding:0 !important;
    }

    html body #mm-hot-pager button{
        min-width:0 !important;
        width:auto !important;
        height:56px !important;
        padding:0 22px !important;
        margin:0 !important;
        background:#111722 !important;
        color:#fff !important;
        border:1px solid #303849 !important;
        border-radius:8px !important;
        font-size:16px !important;
    }

    html body #mm-hot-pager button:disabled{
        color:#687080 !important;
        background:#111722 !important;
        opacity:1 !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:102px !important;
        height:56px !important;
        margin:0 !important;
        padding:0 8px !important;
        background:#111722 !important;
        color:#fff !important;
        border:1px solid #303849 !important;
        border-radius:8px !important;
        text-align:center !important;
        font-size:18px !important;
        box-sizing:border-box !important;
    }

    html body #mm-hot-pager span{
        color:#fff !important;
        font-size:16px !important;
        line-height:56px !important;
    }
}

/* 首页分页尺寸再缩小 */
@media (min-width:761px){
    html body #mm-hot-pager{
        gap:7px !important;
        margin:16px 0 22px !important;
    }

    html body #mm-hot-pager button{
        height:44px !important;
        padding:0 16px !important;
        font-size:14px !important;
        border-radius:7px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:76px !important;
        height:44px !important;
        padding:0 6px !important;
        font-size:16px !important;
        border-radius:7px !important;
    }

    html body #mm-hot-pager span{
        font-size:14px !important;
        line-height:44px !important;
    }
}

/* 首页分页总数文字样式 */
@media (min-width:761px){
    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:14px !important;
        font-weight:400 !important;
        color:#9fb3d1 !important;
        line-height:44px !important;
        margin-left:4px !important;
        white-space:nowrap !important;
    }
}

/* 电脑首页分页整体居中 */
@media (min-width:761px){
    html body #mm-hot-pager{
        justify-content:center !important;
        padding-left:0 !important;
        padding-right:0 !important;
        width:100% !important;
    }
}

/* 首页分页：恢复左侧，总页数放下一行 */
@media (min-width:761px){
    html body #mm-hot-pager{
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
        width:100% !important;
        gap:7px !important;
        padding:0 !important;
        margin:16px 0 22px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        flex-basis:100% !important;
        width:100% !important;
        margin:3px 0 0 0 !important;
        padding:0 !important;
        line-height:24px !important;
        font-size:14px !important;
        font-weight:400 !important;
        color:#9fb3d1 !important;
        text-align:left !important;
    }
}

/* 首页分页：总页数放在下一页右下方 */
@media (min-width:761px){
    html body #mm-hot-pager{
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
        position:relative !important;
        width:max-content !important;
        padding-bottom:25px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        position:absolute !important;
        right:0 !important;
        bottom:0 !important;
        width:auto !important;
        margin:0 !important;
        padding:0 !important;
        font-size:14px !important;
        line-height:20px !important;
        font-weight:400 !important;
        color:#9fb3d1 !important;
        white-space:nowrap !important;
    }
}

/* 首页分页：总页数紧跟下一页右边 */
@media (min-width:761px){
    html body #mm-hot-pager{
        display:flex !important;
        justify-content:flex-start !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        width:100% !important;
        padding-bottom:0 !important;
        position:static !important;
        gap:7px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        position:static !important;
        width:auto !important;
        flex:none !important;
        margin-left:5px !important;
        padding:0 !important;
        font-size:14px !important;
        line-height:44px !important;
        color:#9fb3d1 !important;
        white-space:nowrap !important;
    }
}

/* 首页分页尺寸与分类分页完全统一 */
@media (min-width:761px){
    html body #mm-hot-pager{
        gap:10px !important;
        align-items:center !important;
    }

    html body #mm-hot-pager button{
        width:auto !important;
        min-width:105px !important;
        height:58px !important;
        padding:0 20px !important;
        margin:0 !important;
        font-size:16px !important;
        border-radius:8px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:103px !important;
        height:58px !important;
        padding:0 8px !important;
        margin:0 !important;
        font-size:18px !important;
        border-radius:8px !important;
    }

    html body #mm-hot-pager span{
        font-size:16px !important;
        line-height:58px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:14px !important;
        line-height:58px !important;
        margin-left:4px !important;
    }
}

/* 首页分页最终位置和尺寸 */
@media (min-width:761px){
    html body #mm-hot-pager{
        justify-content:flex-start !important;
        gap:8px !important;
        width:auto !important;
        margin:18px 0 24px 230px !important;
        padding:0 !important;
    }

    html body #mm-hot-pager button{
        min-width:0 !important;
        width:auto !important;
        height:44px !important;
        padding:0 16px !important;
        font-size:14px !important;
        border-radius:7px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:72px !important;
        height:44px !important;
        padding:0 6px !important;
        font-size:16px !important;
        border-radius:7px !important;
    }

    html body #mm-hot-pager span{
        font-size:14px !important;
        line-height:44px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:14px !important;
        line-height:44px !important;
        margin-left:4px !important;
    }
}

/* 首页分页最终对齐分类分页 */
@media (min-width:761px){

    html body #mm-hot-pager{
        justify-content:flex-start !important;
        align-items:center !important;
        flex-wrap:nowrap !important;
        width:100% !important;

        margin:18px 0 24px 0 !important;
        padding:0 !important;
        gap:10px !important;
    }

    html body #mm-hot-pager button{
        width:auto !important;
        min-width:0 !important;
        height:58px !important;
        padding:0 24px !important;
        margin:0 !important;

        font-size:16px !important;
        border-radius:8px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:102px !important;
        height:58px !important;
        padding:0 !important;
        margin:0 !important;

        font-size:18px !important;
        text-align:center !important;
        border-radius:8px !important;
    }

    html body #mm-hot-pager span{
        font-size:16px !important;
        line-height:58px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:14px !important;
        line-height:58px !important;
        margin-left:2px !important;
        white-space:nowrap !important;
    }
}

/* 首页分页最终缩小 */
@media (min-width:761px){
    html body #mm-hot-pager{
        gap:6px !important;
        margin:16px 0 22px 0 !important;
    }

    html body #mm-hot-pager button{
        min-width:0 !important;
        width:auto !important;
        height:42px !important;
        padding:0 14px !important;
        font-size:14px !important;
        border-radius:6px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:64px !important;
        height:42px !important;
        padding:0 5px !important;
        font-size:15px !important;
        border-radius:6px !important;
    }

    html body #mm-hot-pager span{
        font-size:14px !important;
        line-height:42px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:14px !important;
        line-height:42px !important;
        margin-left:4px !important;
    }
}

/* 首页分页往上贴近视频 */
@media (min-width:761px){
    html body #mm-hot-pager{
        margin-top:-28px !important;
        margin-bottom:18px !important;
    }
}

/* 首页分页：恢复位置，只缩横向尺寸 */
@media (min-width:761px){
    html body #mm-hot-pager{
        margin-top:16px !important;
        margin-bottom:22px !important;
        gap:5px !important;
    }

    html body #mm-hot-pager button{
        min-width:0 !important;
        width:auto !important;
        height:42px !important;
        padding-left:10px !important;
        padding-right:10px !important;
        font-size:14px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:52px !important;
        height:42px !important;
        padding:0 3px !important;
        font-size:15px !important;
    }

    html body #mm-hot-pager span{
        font-size:14px !important;
        margin:0 !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        margin-left:3px !important;
        font-size:14px !important;
    }
}

/* 首页分页继续收窄：下一页右边缘对齐第二个视频 */
@media (min-width:761px){
    html body #mm-hot-pager{
        gap:4px !important;
    }

    html body #mm-hot-pager button{
        padding-left:8px !important;
        padding-right:8px !important;
        font-size:13px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:46px !important;
        padding:0 2px !important;
        font-size:14px !important;
    }

    html body #mm-hot-pager span{
        font-size:13px !important;
    }
}

/* 首页分页：宽度对齐前两个视频卡片 */
@media (min-width:761px){

    html body #mm-hot-pager{
        gap:8px !important;
    }

    html body #mm-hot-pager button{
        height:42px !important;
        padding-left:16px !important;
        padding-right:16px !important;
        font-size:14px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:72px !important;
        height:42px !important;
        padding:0 6px !important;
        font-size:15px !important;
    }

    html body #mm-hot-pager span{
        font-size:14px !important;
    }
}

/* 首页分页横向再放大一点 */
@media (min-width:761px){
    html body #mm-hot-pager{
        gap:9px !important;
    }

    html body #mm-hot-pager button{
        padding-left:19px !important;
        padding-right:19px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:78px !important;
    }
}

/* 首页分页整体稍微放大 */
@media (min-width:761px){
    html body #mm-hot-pager button{
        height:46px !important;
        font-size:15px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        height:46px !important;
        font-size:16px !important;
    }

    html body #mm-hot-pager span{
        font-size:15px !important;
        line-height:46px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:15px !important;
        line-height:46px !important;
    }
}

/* 首页分页最终微调：稍大，页码文字贴近边框 */
@media (min-width:761px){
    html body #mm-hot-pager{
        gap:5px !important;
    }

    html body #mm-hot-pager button{
        height:48px !important;
        font-size:16px !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        height:48px !important;
        width:80px !important;
        font-size:17px !important;
    }

    html body #mm-hot-pager span{
        font-size:16px !important;
        line-height:48px !important;
        margin:0 !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:15px !important;
        line-height:48px !important;
        margin-left:5px !important;
    }
}

/* 首页分页整体再放大一点点 */
@media (min-width:761px){
    html body #mm-hot-pager button{
        height:53px !important;
        font-size:17px !important;
        padding-left:23px !important;
        padding-right:23px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:86px !important;
        height:53px !important;
        font-size:18px !important;
    }

    html body #mm-hot-pager span{
        font-size:17px !important;
        line-height:53px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:15px !important;
        line-height:53px !important;
    }
}

/* 首页分页整体缩小一点点 */
@media (min-width:761px){
    html body #mm-hot-pager button{
        height:51px !important;
        font-size:16px !important;
        padding-left:22px !important;
        padding-right:22px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:84px !important;
        height:51px !important;
        font-size:17px !important;
    }

    html body #mm-hot-pager span{
        font-size:16px !important;
        line-height:51px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:15px !important;
        line-height:51px !important;
    }
}

/* 首页分页整体缩小一点点 */
@media (min-width:761px){
    html body #mm-hot-pager button{
        height:51px !important;
        font-size:16px !important;
        padding-left:22px !important;
        padding-right:22px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:84px !important;
        height:51px !important;
        font-size:17px !important;
    }

    html body #mm-hot-pager span{
        font-size:16px !important;
        line-height:51px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:15px !important;
        line-height:51px !important;
    }
}

/* 首页分页再缩小一点点 */
@media (min-width:761px){
    html body #mm-hot-pager button{
        height:49px !important;
        font-size:15px !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:80px !important;
        height:49px !important;
        font-size:16px !important;
    }

    html body #mm-hot-pager span{
        font-size:15px !important;
        line-height:49px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:14px !important;
        line-height:49px !important;
    }
}

/* 首页分页：比参考尺寸小一点点 */
@media (min-width:761px){
    html body #mm-hot-pager button{
        height:50px !important;
        font-size:16px !important;
        padding-left:21px !important;
        padding-right:21px !important;
    }

    html body #mm-hot-pager .mm-hot-page-input{
        width:82px !important;
        height:50px !important;
        font-size:17px !important;
    }

    html body #mm-hot-pager span{
        font-size:16px !important;
        line-height:50px !important;
    }

    html body #mm-hot-pager .mm-hot-pager-info{
        font-size:15px !important;
        line-height:50px !important;
    }
}

/* 分类分页：第、页轻微下移 */
@media (min-width:761px){
    #mm-category-pager > span:not(.mm-pager-info){
        position:relative !important;
        top:3px !important;
    }
}

/* 恢复分类分页“第 / 页”原位置 */
@media (min-width:761px){
    #mm-category-pager > span:not(.mm-pager-info){
        position:static !important;
        top:auto !important;
    }
}

/* 分类分页：第、页与首页分页垂直对齐 */
@media (min-width:761px){
    #mm-category-pager > span:not(.mm-pager-info){
        position:relative !important;
        top:4px !important;
    }
}

/* 分类分页：只把“第 / 页”向下移动 */
@media (min-width:761px){
    #mm-category-pager > span:not(.mm-pager-info){
        transform:translateY(5px) !important;
    }
}

/* 分类分页：第、页与首页分页垂直对齐 */
@media (min-width:761px){
    #mm-category-pager > span:not(.mm-pager-info){
        position:relative !important;
        top:4px !important;
    }
}

/* 分类分页：只把“第 / 页”向下移动 */
@media (min-width:761px){
    #mm-category-pager > span:not(.mm-pager-info){
        transform:translateY(5px) !important;
    }
}

/* 分类分页最终统一样式 */
@media (min-width:761px){
    html body #mm-category-pager{
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        gap:6px !important;
        margin:16px 0 22px !important;
    }

    html body #mm-category-pager button{
        height:50px !important;
        padding:0 21px !important;
        margin:0 !important;
        font-size:16px !important;
        line-height:50px !important;
        border-radius:7px !important;
    }

    html body #mm-category-pager .mm-page-input{
        width:82px !important;
        height:50px !important;
        padding:0 !important;
        margin:0 !important;
        text-align:center !important;
        font-size:17px !important;
        border-radius:7px !important;
        box-sizing:border-box !important;
    }

    html body #mm-category-pager > span:not(.mm-pager-info){
        position:static !important;
        top:auto !important;
        transform:none !important;
        margin:0 !important;
        padding:0 !important;
        font-size:16px !important;
        line-height:50px !important;
        align-self:center !important;
    }

    html body #mm-category-pager .mm-pager-info{
        margin-left:6px !important;
        font-size:14px !important;
        line-height:50px !important;
        color:#9fb3d1 !important;
        white-space:nowrap !important;
    }
}

/* 手机版分类菜单隐藏“首页” */
@media (max-width:760px){
    .mm-mobile-nav-home{
        display:none !important;
    }
}

/* 手机版只保留分类分页，隐藏上面的热播分页 */
@media (max-width:760px){
    html body #mm-hot-pager{
        display:none !important;
    }

    html body #mm-category-pager{
        display:flex !important;
    }
}
