/* MIIGO_FIVE_CHANNEL_NAV_V2 */

/*
 * 五个作品频道固定平均分布：
 * 视频 / 动漫 / 漫画 / 小说 / 有声小说 🎧
 */
.miigo-v4-channel-nav.miigo-inner-channel-nav,
.miigo-audio-channel-nav{
    width:100%!important;
    display:grid!important;
    grid-template-columns:
        repeat(5,minmax(0,1fr))!important;
    align-items:center!important;
    gap:2px!important;
    overflow:visible!important;
    padding:0!important;
    scrollbar-width:none!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav
button,
.miigo-audio-channel-nav button{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:9px 1px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:10px!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:visible!important;
    font-size:clamp(
        11px,
        3.05vw,
        14px
    )!important;
    line-height:1.2!important;
    letter-spacing:-.045em!important;
    font-weight:850!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav
button.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav
button.active,
.miigo-audio-channel-nav
button.is-active{
    box-shadow:
        0 7px 18px rgba(15,23,42,.16)!important;
}

@media(max-width:380px){
    .miigo-v4-channel-nav.miigo-inner-channel-nav
    button,
    .miigo-audio-channel-nav button{
        padding-left:0!important;
        padding-right:0!important;
        font-size:10.5px!important;
    }
}

/* MIIGO_A_FIVE_CHANNEL_FONT_V4 */

/*
 * 参照原“视频/动漫/漫画/小说/娱乐/影院”的字号层级：
 * 未选频道明显放大，当前频道再放大一级。
 */
.miigo-v4-channel-nav.miigo-inner-channel-nav,
.miigo-audio-channel-nav{
    min-height:48px!important;
    align-items:center!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav button,
.miigo-audio-channel-nav button{
    min-width:0!important;
    min-height:46px!important;
    padding:8px 1px!important;
    font-size:clamp(15px,3.7vw,17px)!important;
    line-height:1.15!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;
    text-align:center!important;
    white-space:nowrap!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav button.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav button.active,
.miigo-audio-channel-nav button.is-active,
.miigo-audio-channel-nav button.active{
    font-size:clamp(19px,4.7vw,21px)!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
}

/* 有声小说名称较长，单独适配但仍比旧版更大。 */
.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child,
.miigo-audio-channel-nav button:last-child{
    font-size:clamp(13.5px,3.25vw,15px)!important;
    letter-spacing:-.055em!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child.active,
.miigo-audio-channel-nav button:last-child.is-active,
.miigo-audio-channel-nav button:last-child.active{
    font-size:clamp(15px,3.7vw,17px)!important;
}

@media(max-width:375px){
    .miigo-v4-channel-nav.miigo-inner-channel-nav button,
    .miigo-audio-channel-nav button{
        font-size:14px!important;
    }

    .miigo-v4-channel-nav.miigo-inner-channel-nav button.is-active,
    .miigo-v4-channel-nav.miigo-inner-channel-nav button.active,
    .miigo-audio-channel-nav button.is-active{
        font-size:18px!important;
    }

    .miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child,
    .miigo-audio-channel-nav button:last-child{
        font-size:12.5px!important;
    }
}

/* MIIGO_A_FIVE_CHANNEL_FONT_V5 */

/* 固定五等分，不再根据手机壳视口自动缩小。 */
.miigo-v4-channel-nav.miigo-inner-channel-nav,
.miigo-audio-channel-nav{
    width:100%!important;
    min-height:50px!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:0!important;
    align-items:center!important;
    overflow:visible!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav button,
.miigo-audio-channel-nav button{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    margin:0!important;
    padding:7px 0!important;

    font-size:17px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.02em!important;

    white-space:nowrap!important;
    text-align:center!important;

    transform:none!important;
    scale:1!important;

    text-shadow:
        0 2px 7px rgba(0,0,0,.30)!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav button.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav button.active,
.miigo-audio-channel-nav button.is-active,
.miigo-audio-channel-nav button.active{
    font-size:22px!important;
    font-weight:950!important;
    letter-spacing:-.04em!important;
}

/* 有声小说名称较长，只做轻微适配，不再缩得很小。 */
.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child,
.miigo-audio-channel-nav button:last-child{
    font-size:15.2px!important;
    letter-spacing:-.065em!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child.active,
.miigo-audio-channel-nav button:last-child.is-active,
.miigo-audio-channel-nav button:last-child.active{
    font-size:16.2px!important;
}

@media(max-width:375px){
    .miigo-v4-channel-nav.miigo-inner-channel-nav button,
    .miigo-audio-channel-nav button{
        font-size:16px!important;
    }

    .miigo-v4-channel-nav.miigo-inner-channel-nav button.is-active,
    .miigo-v4-channel-nav.miigo-inner-channel-nav button.active,
    .miigo-audio-channel-nav button.is-active{
        font-size:20px!important;
    }

    .miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child,
    .miigo-audio-channel-nav button:last-child{
        font-size:14.2px!important;
    }

    .miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child.is-active,
    .miigo-audio-channel-nav button:last-child.is-active{
        font-size:15.2px!important;
    }
}

/* MIIGO_A_FIVE_CHANNEL_BALANCE_V6 */

/*
 * 五个频道严格平均。
 * 有声小说文字与其他频道保持同字号，
 * 耳机图标独立缩小，不再缩小整个标题。
 */
.miigo-v4-channel-nav.miigo-inner-channel-nav,
.miigo-audio-channel-nav{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:50px!important;

    display:grid!important;
    grid-template-columns:
        repeat(5,minmax(0,1fr))!important;

    align-items:center!important;
    justify-content:stretch!important;

    column-gap:0!important;
    row-gap:0!important;

    padding-left:2px!important;
    padding-right:2px!important;

    overflow:visible!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav button,
.miigo-audio-channel-nav button{
    box-sizing:border-box!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:48px!important;

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

    margin:0!important;
    padding:7px 1px!important;

    font-size:17px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;

    white-space:nowrap!important;
    text-align:center!important;

    transform:none!important;
    scale:1!important;
}

/* 清除V4/V5对最后一个频道的单独缩小。 */
.miigo-v4-channel-nav.miigo-inner-channel-nav
button:last-child,
.miigo-audio-channel-nav
button:last-child{
    font-size:17px!important;
    letter-spacing:-.025em!important;
}

/* 当前频道只比其他频道大一级，不再差距过大。 */
.miigo-v4-channel-nav.miigo-inner-channel-nav
button.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav
button.active,
.miigo-audio-channel-nav
button.is-active,
.miigo-audio-channel-nav
button.active{
    font-size:20px!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav
button:last-child.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav
button:last-child.active,
.miigo-audio-channel-nav
button:last-child.is-active,
.miigo-audio-channel-nav
button:last-child.active{
    font-size:20px!important;
}

/* 有声小说文字与其他频道完全一致。 */
.miigo-channel-nav-text-v6{
    display:inline-block!important;
    flex:0 1 auto!important;

    font-size:inherit!important;
    line-height:1!important;
    font-weight:inherit!important;

    white-space:nowrap!important;
}

/* 只缩小耳机图标。 */
.miigo-channel-nav-icon-v6{
    display:inline-flex!important;
    flex:0 0 auto!important;

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

    width:13px!important;
    height:16px!important;

    font-size:12px!important;
    line-height:1!important;

    letter-spacing:0!important;
    transform:translateY(0)!important;
}

@media(max-width:375px){
    .miigo-v4-channel-nav.miigo-inner-channel-nav
    button,
    .miigo-audio-channel-nav button,
    .miigo-v4-channel-nav.miigo-inner-channel-nav
    button:last-child,
    .miigo-audio-channel-nav
    button:last-child{
        font-size:16px!important;
    }

    .miigo-v4-channel-nav.miigo-inner-channel-nav
    button.is-active,
    .miigo-v4-channel-nav.miigo-inner-channel-nav
    button.active,
    .miigo-audio-channel-nav
    button.is-active,
    .miigo-audio-channel-nav
    button.active{
        font-size:19px!important;
    }

    .miigo-channel-nav-icon-v6{
        width:12px!important;
        font-size:11px!important;
    }
}

/* MIIGO_A_FIVE_CHANNEL_BALANCE_V7 */

/*
 * 五个频道严格五等分：
 * 视频 / 动漫 / 漫画 / 小说 / 有声 🎧
 */
.miigo-v4-channel-nav.miigo-inner-channel-nav,
.miigo-audio-channel-nav{
    box-sizing:border-box!important;
    width:100%!important;
    min-height:50px!important;

    display:grid!important;
    grid-template-columns:
        repeat(5,minmax(0,1fr))!important;

    column-gap:0!important;
    row-gap:0!important;

    align-items:center!important;
    justify-items:stretch!important;

    margin:0!important;
    padding:0 5px!important;

    overflow:visible!important;
}

.miigo-v4-channel-nav.miigo-inner-channel-nav button,
.miigo-audio-channel-nav button,
.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child,
.miigo-audio-channel-nav button:last-child{
    box-sizing:border-box!important;

    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    min-height:48px!important;

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

    margin:0!important;
    padding:7px 0!important;

    font-size:17px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:-.025em!important;

    white-space:nowrap!important;
    text-align:center!important;

    transform:none!important;
    scale:1!important;
}

/* 当前频道只大一级，五个频道规则完全一致。 */
.miigo-v4-channel-nav.miigo-inner-channel-nav button.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav button.active,
.miigo-audio-channel-nav button.is-active,
.miigo-audio-channel-nav button.active,
.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child.is-active,
.miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child.active,
.miigo-audio-channel-nav button:last-child.is-active,
.miigo-audio-channel-nav button:last-child.active{
    font-size:20px!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
}

.miigo-channel-nav-text-v6{
    flex:0 0 auto!important;
    display:inline-block!important;

    font-size:inherit!important;
    line-height:1!important;
    font-weight:inherit!important;
    letter-spacing:inherit!important;
}

.miigo-channel-nav-icon-v6{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;

    width:13px!important;
    height:16px!important;

    font-size:12px!important;
    line-height:1!important;
    letter-spacing:0!important;
}

/*
 * 有声独立页面不再使用过大的黑色选中块，
 * 改成和其他频道相近的轻金色效果。
 */
body.miigo-v4-page-audiobook
.miigo-audio-channel-nav button{
    border:0!important;
    background:transparent!important;
    color:#64748b!important;
    box-shadow:none!important;
}

body.miigo-v4-page-audiobook
.miigo-audio-channel-nav button.is-active,
body.miigo-v4-page-audiobook
.miigo-audio-channel-nav button.active{
    border-radius:11px!important;
    background:rgba(250,204,21,.20)!important;
    color:#111827!important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.42),
        0 5px 14px rgba(15,23,42,.08)!important;
}

@media(max-width:375px){
    .miigo-v4-channel-nav.miigo-inner-channel-nav button,
    .miigo-audio-channel-nav button,
    .miigo-v4-channel-nav.miigo-inner-channel-nav button:last-child,
    .miigo-audio-channel-nav button:last-child{
        font-size:16px!important;
    }

    .miigo-v4-channel-nav.miigo-inner-channel-nav button.is-active,
    .miigo-v4-channel-nav.miigo-inner-channel-nav button.active,
    .miigo-audio-channel-nav button.is-active,
    .miigo-audio-channel-nav button.active{
        font-size:19px!important;
    }

    .miigo-channel-nav-icon-v6{
        width:12px!important;
        font-size:11px!important;
    }
}