/* 版面左右边距统一；宽度沿用主题 style.css 默认（750 / 1170 / 1280） */
@media (min-width: 768px) {
    :root {
        --conch-x-gutter: 10px;
    }

    .container {
        box-sizing: border-box;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--conch-x-gutter) !important;
        padding-right: var(--conch-x-gutter) !important;
    }

    /* 顶栏 logo 与正文共用同一左内边距，不再叠加 logo-shine 的额外缩进 */
    .conch-header .conch-headwrap > .container {
        padding-left: var(--conch-x-gutter) !important;
        padding-right: var(--conch-x-gutter) !important;
    }

    .conch-header .conch-headwrap .conch-logo {
        margin: 0 !important;
        padding: 0 !important;
        flex: 0 0 auto;
    }

    .conch-header .conch-logo {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-item:first-child {
        padding-left: 0 !important;
    }

    /* 福利片子分类标签与顶栏 logo 左对齐（去掉栅格额外缩进） */
    .conch-content .conch-ctwrap > .container > .hl-row-nano {
        margin-left: 0;
        margin-right: 0;
    }

    .conch-content .hl-row-nano > .row {
        margin-left: 0;
        margin-right: 0;
    }

    .conch-content .hl-row-nano > .row > [class*="hl-col-"] {
        padding-left: 0;
        padding-right: 0;
    }

    .conch-content .hl-smnav-type.hl-smnav-box {
        margin-left: 0;
        margin-right: 0;
    }

    .conch-content .hl-smnav-type .hl-typenav-all {
        margin-left: 0;
        padding-left: 0;
    }

    .conch-content .hl-smnav-type .hl-typenav-all .hl-mbg {
        display: none !important;
    }

    .conch-content .hl-smnav-type .hl-typenav-all .hl-smnav-item {
        padding-left: 0;
        padding-right: 0;
    }

    .conch-content .hl-smnav-type .hl-list-wrap {
        width: calc(100% - 100px);
    }

    .conch-content .hl-smnav-type .hl-smnav .hl-smnav-item {
        float: left;
        width: auto;
    }

    .conch-content .hl-smnav-type .swiper-wrapper {
        display: block;
        transform: none !important;
        width: 100% !important;
    }

    /* 正文栅格与顶栏共用左右边距，去掉主题 row 额外缩进 */
    .conch-content .conch-ctwrap > .container .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .conch-content .conch-ctwrap > .container .row [class*="hl-col-"],
    .conch-content .conch-ctwrap > .container .hl-vod-list > .hl-list-item {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .conch-content .conch-ctwrap > .container .hl-vod-list > .hl-list-item:first-child {
        padding-left: 0 !important;
    }

    .conch-content .conch-ctwrap > .container .hl-vod-list > .hl-list-item:last-child {
        padding-right: 0 !important;
    }

    .conch-content .hl-row-box .hl-list-wrap {
        width: 100%;
    }

    /* 平板/PC 顶栏基础：单行 flex，子项紧挨排列不撑出大块空白 */
    .conch-header .conch-headwrap > .container {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        gap: 0 clamp(10px, 1.1vw, 18px);
    }

    /* 主题 clearfix 伪元素在 flex 顶栏会占位，把 logo 往右挤 */
    .conch-header .conch-headwrap > .container::before,
    .conch-header .conch-headwrap > .container::after {
        display: none !important;
        content: none !important;
        width: 0 !important;
        height: 0 !important;
        flex: 0 0 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .conch-header .conch-headwrap > .container > .conch-logo {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .conch-header .conch-headwrap .conch-logo,
    .conch-header .conch-headwrap .conch-list,
    .conch-header .conch-headwrap .conch-search,
    .conch-header .conch-headwrap .conch-nav {
        float: none;
    }

    .conch-header .conch-headwrap .conch-logo {
        order: 1;
        flex: 0 0 auto;
    }

    .conch-header .conch-headwrap .conch-nav {
        order: 2;
        flex: 0 1 auto;
        width: auto !important;
        min-width: 0;
        margin: 0 !important;
        padding-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-nav {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-wrap {
        overflow: hidden !important;
        float: none;
        display: flex;
        flex: 0 1 auto;
        min-width: 0;
        margin: 0;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-wrap .hl-nav {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        gap: clamp(4px, 0.65vw, 14px);
        float: none;
        width: auto;
        min-width: 0;
        transform: none !important;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-item {
        float: none;
        flex: 0 0 auto;
        padding-left: 0;
        padding-right: 0;
        display: none !important;
    }

    /* JS 按顶栏剩余宽度计算可展示项数 */
    .conch-header .conch-headwrap .conch-nav .hl-nav-item.hl-nav-fit-show {
        display: block !important;
    }

    /* JS 未执行前至少显示首页，避免空白闪烁 */
    .conch-header .conch-headwrap .conch-nav:not(.conch-nav-adapted) .hl-nav-item:first-child {
        display: block !important;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-more {
        position: relative;
        top: auto;
        right: auto;
        float: none;
        flex: 0 0 auto;
    }

    .conch-header .conch-headwrap .conch-search {
        order: 3;
        flex: 0 0 auto;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        float: none !important;
        margin-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-list {
        order: 4;
        flex: 0 0 auto;
        margin-left: 0 !important;
        padding-right: 0;
    }

    /* conch-list 在 DOM 中位于 logo 前，必须显式 order 避免把 logo 挤到右侧 */
    .conch-header .conch-headwrap > .container > .conch-list {
        order: 4;
    }

    .conch-header .conch-headwrap > .container > .conch-logo {
        order: 1;
    }

    .conch-header .conch-headwrap > .container > .conch-search {
        order: 3;
    }

    .conch-header .conch-headwrap > .container > .conch-nav {
        order: 2;
    }

    /* 顶栏/正文统一左对齐：去掉主题残留缩进 */
    .conch-header .conch-headwrap .conch-logo,
    .conch-header .conch-logo {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-nav,
    .conch-header .conch-nav {
        padding-left: 0 !important;
    }

    /* 首页快捷分类与 logo、区块标题左对齐 */
    .conch-content .hl-smnav-home .hl-smnav {
        text-align: left !important;
    }

    .container.hl-home-nano .hl-smnav-home .hl-smnav-item:first-child {
        margin-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-list .hl-list {
        display: flex;
        align-items: center;
        gap: clamp(10px, 1vw, 18px);
    }

    .conch-header .conch-headwrap .conch-list .hl-list-font {
        float: none;
        margin-left: 0 !important;
    }
}

/* iPad / 平板（768~1023px）：Logo 左对齐，菜单与搜索紧挨、间距自适应 */
@media (min-width: 768px) and (max-width: 1023px) {
    .container {
        width: calc(100% - 24px);
        max-width: none;
    }

    .conch-header .conch-headwrap > .container {
        gap: 0 clamp(6px, 1vw, 12px);
    }

    .conch-header .conch-headwrap .conch-logo {
        flex: 0 0 auto;
        margin: 0 !important;
        padding: 0 !important;
    }

    .conch-header .conch-headwrap .conch-nav {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
        padding-left: 0 !important;
        margin-right: 0 !important;
        font-size: clamp(14px, 1.6vw, 16px);
        line-height: 56px;
        white-space: nowrap;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-wrap .hl-nav {
        gap: clamp(4px, 0.9vw, 10px);
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-item {
        padding: 0;
    }

    /* JS 未就绪时的平板回退：尽量多展示菜单项 */
    .conch-header .conch-headwrap .conch-nav:not(.conch-nav-adapted) .hl-nav-item:nth-child(-n+6) {
        display: block !important;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-more a {
        padding: 0 4px;
        font-size: clamp(16px, 1.8vw, 18px);
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-more .hl-hidden-xs {
        display: none !important;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-more .hl-mbg {
        display: none !important;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-item a.active,
    .conch-header .conch-headwrap .conch-nav-more span.active {
        font-size: clamp(15px, 1.7vw, 17px);
        font-weight: 700;
    }

    .conch-header .conch-headwrap .conch-search {
        flex: 0 0 auto;
        width: clamp(130px, 16vw, 190px) !important;
        min-width: 0;
        max-width: 240px;
        margin: 10px 0 !important;
    }

    .conch-header .conch-headwrap .conch-search .hl-search-text {
        padding-left: 15px !important;
        padding-right: 52px !important;
        font-size: 13px;
    }

    .conch-header .conch-headwrap .conch-search .hl-search-submit {
        width: 52px !important;
        font-size: 0;
    }

    .conch-header .conch-headwrap .conch-search .hl-search-submit i {
        font-size: 17px;
    }

    .conch-header .conch-headwrap .conch-search {
        margin-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-list {
        flex: 0 0 auto;
        margin-left: auto !important;
        line-height: 56px;
        gap: clamp(8px, 1.1vw, 14px);
        padding-right: 0;
    }

    .conch-header .conch-headwrap .conch-list .hl-list-font {
        height: 56px;
        margin-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-list .hl-list-font > a > i {
        font-size: 19px;
    }

    /* 首页快捷分类 */
    .container.hl-home-nano .hl-smnav-home .hl-smnav {
        text-align: left;
    }

    .container.hl-home-nano .hl-smnav-home .hl-smnav-item {
        float: left !important;
        display: block !important;
        width: auto !important;
        margin-right: 16px;
        margin-left: 0;
    }

    .container.hl-home-nano .hl-smnav-home .hl-smnav-item a {
        padding: 0 18px;
        height: 38px;
        font-size: 15px;
        line-height: 38px;
    }

    .container.hl-home-nano .hl-smnav-home .hl-smnav-item a > i {
        margin-right: 6px;
    }
}

/* 中等宽度桌面 */
@media (min-width: 1024px) and (max-width: 1199px) {
    /* PC：菜单区撑满中间，搜索与图标作为右侧一组 */
    .conch-header .conch-headwrap .conch-nav {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
    }

    .conch-header .conch-headwrap .conch-search {
        margin-left: 0 !important;
        flex: 0 0 auto;
    }

    .conch-header .conch-headwrap .conch-list {
        margin-left: 0 !important;
        flex: 0 0 auto;
    }

    .conch-header .conch-headwrap .conch-nav {
        padding-left: 0 !important;
        font-size: 15px;
        line-height: 64px;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-wrap .hl-nav {
        gap: clamp(6px, 0.75vw, 12px);
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-item {
        padding: 0;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-more a {
        padding: 0 4px;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-item a.active,
    .conch-header .conch-headwrap .conch-nav-more span.active {
        font-size: 17px;
    }

    .conch-header .conch-headwrap .conch-search {
        width: clamp(200px, 18vw, 260px) !important;
        margin-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-search .hl-search-submit {
        width: 56px !important;
    }

    .conch-header .conch-headwrap .conch-list {
        line-height: 64px;
    }

    .conch-header .conch-headwrap .conch-list .hl-list-font {
        height: 64px;
        margin-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-more .hl-mbg {
        height: 64px;
    }
}

@media (min-width: 1200px) {
    /* PC 宽屏：菜单占中间，搜索+图标靠右一组 */
    .conch-header .conch-headwrap .conch-nav {
        flex: 1 1 auto;
        min-width: 0;
        max-width: none;
    }

    .conch-header .conch-headwrap .conch-search {
        margin-left: 0 !important;
        flex: 0 0 auto;
    }

    .conch-header .conch-headwrap .conch-list {
        margin-left: 0 !important;
        flex: 0 0 auto;
    }

    .conch-header .conch-headwrap .conch-nav {
        padding-left: 0 !important;
        font-size: clamp(16px, 0.55vw + 13px, 19px);
        line-height: 70px;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-wrap .hl-nav {
        gap: clamp(6px, 0.85vw, 14px);
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-item {
        padding: 0;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-more a {
        padding: 0 clamp(4px, 0.5vw, 10px);
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-item a.active,
    .conch-header .conch-headwrap .conch-nav-more span.active {
        font-size: clamp(18px, 0.65vw + 15px, 22px);
    }

    .conch-header .conch-headwrap .conch-search {
        width: clamp(220px, 14vw, 280px) !important;
        min-width: 0;
        flex: 0 1 auto;
        margin: 15px 0 !important;
    }

    .conch-header .conch-headwrap .conch-search .hl-search-text {
        padding-left: 15px !important;
        padding-right: 90px !important;
        font-size: inherit;
    }

    .conch-header .conch-headwrap .conch-search .hl-search-submit {
        width: 80px !important;
        font-size: inherit;
    }

    .conch-header .conch-headwrap .conch-list {
        line-height: 70px;
    }

    .conch-header .conch-headwrap .conch-list .hl-list-font {
        height: 70px;
        margin-left: 0 !important;
    }

    .conch-header .conch-headwrap .conch-nav .hl-nav-more .hl-mbg {
        height: 70px;
    }

    .container.hl-home-nano .hl-smnav-home .hl-smnav-item {
        margin-right: 20px;
    }

    .container.hl-home-nano .hl-smnav-home .hl-smnav-item a {
        padding: 0 20px;
        height: 40px;
        font-size: 16px;
        line-height: 40px;
    }
}

/* 视频列表：flex 换行替代 float，避免卡片高度不齐时第二行左侧空位 */
.conch-content .hl-row-box .hl-vod-list:not(.swiper-wrapper) {
    display: flex;
    flex-wrap: wrap;
}

.conch-content .hl-row-box .hl-vod-list:not(.swiper-wrapper) > .hl-list-item {
    float: none;
}

.conch-content .hl-row-box .hl-rb-vod > .hl-rb-head,
.conch-content .hl-row-box .hl-rb-vod > .row {
    width: 100%;
    clear: both;
}

/* 播放列表（播放页 + 详情页） */
.conch-content .hl-rb-playlist .hl-rb-head {
    margin-bottom: 12px;
    padding: 0;
}

.conch-content .hl-rb-playlist .hl-rb-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin-left: 0;
    padding-left: 0;
}

.conch-content .hl-rb-playlist .hl-play-source {
    margin: 0;
    padding: 0;
}

.conch-content .hl-rb-playlist .hl-rb-tips {
    margin-left: 10px;
    width: calc(100% - 120px);
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.conch-content .hl-rb-playlist .hl-rb-tips .iconfont {
    display: none;
}

.conch-content .hl-rb-playlist .hl-rb-tips marquee {
    vertical-align: top;
}

.conch-content .hl-rb-playlist .hl-sort-btn {
    line-height: 24px;
    font-size: 13px;
}

/* 线路 Tab：与标题左对齐 */
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-wrap,
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-wrap-chips {
    margin: 0 0 10px;
    border-bottom: none;
    padding: 0;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from,
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from-chips {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0 16px;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from::before,
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from::after,
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from-chips::before,
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from-chips::after {
    display: none !important;
    content: none !important;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from-chips::-webkit-scrollbar {
    display: none;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from-chips a,
.conch-content .hl-playpage-playlist.hl-rb-playlist .hl-play-source .hl-plays-from-chips a {
    position: relative;
    flex: 0 0 auto;
    max-width: none !important;
    margin: 0 !important;
    padding: 4px 0 8px !important;
    font-size: 14px;
    line-height: 1.2;
    color: #666;
    text-align: left;
    background: transparent !important;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from-chips a.active {
    font-weight: 600;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-from-chips a.active:after {
    left: 0;
    right: auto;
    margin-left: 0;
    width: 100%;
    height: 2px;
    bottom: 0;
    border-radius: 2px;
}

.conch-content .hl-rb-playlist .hl-list-wrap,
.conch-content .hl-rb-playlist .hl-play-source .hl-tabs-box {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* 选集：每行 3 个，固定 32px 高度 */
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips,
.conch-content .hl-play-source .hl-plays-list.hl-plays-list-chips,
#playlist .hl-plays-list.hl-plays-list-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    align-content: flex-start !important;
    position: relative;
    margin: 0;
    padding: 0;
    gap: 6px;
    overflow: hidden;
    width: 100%;
    box-sizing: border-box;
    --hl-chip-gap: 6px;
    --hl-chip-h: 32px;
    --hl-chip-rows: 3;
    --hl-chip-collapsed-h: calc(var(--hl-chip-rows) * var(--hl-chip-h) + (var(--hl-chip-rows) - 1) * var(--hl-chip-gap));
}

.conch-content .hl-playpage-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips:not(.hl-list-hide-xs) {
    max-height: 320px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.clearfix::before,
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.clearfix::after {
    display: none !important;
    content: none !important;
}

.conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-plays-list.hl-plays-list-chips:not(.hl-list-hide-xs) {
    max-height: none;
    overflow: visible;
}

/* 详情页：Tab 与第一集左对齐 */
.conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-plays-wrap-chips,
.conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-list-wrap,
.conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-tabs-box {
    padding-left: 0;
    padding-right: 0;
}

/* Tab 下横条 → 集数/正片按钮间距 */
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips {
    margin-top: 12px;
}

.conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-plays-wrap-chips {
    margin-bottom: 0;
}

/* 折叠态：整行高度 + 2px 缓冲，避免最后一行圆角被 overflow 裁切 */
.conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs {
    max-height: calc(var(--hl-chip-collapsed-h) + 2px);
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs:not(.hl-list-sm) {
    --hl-chip-rows: 2;
    max-height: calc(var(--hl-chip-collapsed-h) + 2px);
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs.hl-list-sm {
    --hl-chip-rows: 3;
    max-height: calc(var(--hl-chip-collapsed-h) + 2px);
}

/* 展开/收起：列表下方独立一行（progressive disclosure） */
.conch-content .hl-rb-playlist .hl-play-source .hl-plays-more {
    margin-top: 6px;
    padding: 0 0 8px;
    text-align: left;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-more .hl-show-list {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 0;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    background: transparent !important;
    cursor: pointer;
    transition: color 0.2s ease;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-more .hl-show-list:hover {
    color: #222;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-more .hl-show-list i {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-more.is-expanded .hl-show-list i {
    transform: rotate(180deg);
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-more .hl-show-list em {
    display: inline !important;
    font-style: normal;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li,
#playlist .hl-plays-list.hl-plays-list-chips > li {
    min-width: 0;
    height: 32px;
    max-height: 32px;
    float: none !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* 播放页：每行 3 个 */
.conch-content .hl-playpage-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li {
    flex: 0 0 calc((100% - 12px) / 3);
    width: calc((100% - 12px) / 3);
    max-width: calc((100% - 12px) / 3);
}

/* 详情页：移动端 4 列，PC 6 列 */
.conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-plays-list.hl-plays-list-chips > li,
#playlist:not(.hl-playpage-playlist) .hl-plays-list.hl-plays-list-chips > li {
    flex: 0 0 calc((100% - 18px) / 4);
    width: calc((100% - 18px) / 4);
    max-width: calc((100% - 18px) / 4);
}

@media (min-width: 768px) {
    .conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-plays-list.hl-plays-list-chips > li,
    #playlist:not(.hl-playpage-playlist) .hl-plays-list.hl-plays-list-chips > li {
        flex: 0 0 calc((100% - 30px) / 6);
        width: calc((100% - 30px) / 6);
        max-width: calc((100% - 30px) / 6);
    }
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li > a:not(.active),
.conch-content .hl-playpage-playlist.hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li > a:not(.active) {
    position: relative;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 32px;
    max-height: 32px;
    min-height: 32px;
    padding: 0 4px;
    border-radius: 4px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    color: #666;
    background-color: #f5f5f5 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li > a.active,
.conch-content .hl-playpage-playlist.hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li > a.active {
    position: relative;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 32px;
    max-height: 32px;
    min-height: 32px;
    padding: 0 4px;
    border-radius: 4px;
    line-height: 32px;
    font-size: 13px;
    text-align: center;
    background-color: #f5f5f5 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: normal;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li > a:hover {
    font-weight: 600;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li > a.active {
    font-weight: 600;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li:not(.hl-show-div) > a > em {
    display: none !important;
}

/* 播放页侧栏：同样每行 3 个 */
@media (min-width: 992px) {
    .conch-content .hl-play-side .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips {
        width: 100%;
    }

    .conch-content .hl-play-side .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips > li {
        flex: 0 0 calc((100% - 12px) / 3);
        width: calc((100% - 12px) / 3);
        max-width: calc((100% - 12px) / 3);
        height: 32px;
        max-height: 32px;
    }
}

@media (max-width: 991px) {
    .conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips {
        margin-top: 12px;
    }
}

@media (max-width: 767px) {
    .conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs:not(.hl-list-sm) {
        --hl-chip-rows: 2;
        max-height: calc(var(--hl-chip-collapsed-h) + 2px);
    }

    .conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs.hl-list-sm {
        --hl-chip-rows: 3;
        max-height: calc(var(--hl-chip-collapsed-h) + 2px);
    }

    .conch-content .hl-rb-playlist .hl-rb-tips {
        width: calc(100% - 100px);
        margin-left: 8px;
    }

    .conch-content .hl-playside-wrap .hl-rb-playlist {
        margin-bottom: 0;
    }

    .conch-content .hl-paly-players .hl-play-side {
        background-color: #fff;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .conch-content .hl-rb-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs {
        --hl-chip-rows: 3;
        max-height: calc(var(--hl-chip-collapsed-h) + 2px);
    }
}

@media (min-width: 992px) {
    .conch-content .hl-rb-playlist:not(.hl-playpage-playlist) .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs {
        --hl-chip-rows: 3;
        max-height: calc(var(--hl-chip-collapsed-h) + 2px);
        overflow: hidden;
    }

    .conch-content .hl-rb-playlist .hl-play-source .hl-plays-wrap-chips {
        border-bottom-color: rgba(128, 128, 128, 0.12);
    }
}

/* 播放列表：隐藏非当前线路面板，侧栏高度随内容收缩 */
.conch-content .hl-rb-playlist .hl-play-source .hl-tabs-box:not(.hl-tab-active) {
    display: none !important;
}

.conch-content .hl-rb-playlist .hl-play-source .hl-tabs-box.hl-tab-active {
    display: block !important;
}

.conch-content .hl-playpage-playlist.hl-rb-playlist {
    margin-bottom: 0;
}

.conch-content .hl-playpage-playlist .hl-play-source .hl-plays-more {
    margin-bottom: 0;
    padding-bottom: 0;
}

.conch-content .hl-playside-wrap .hl-rb-playlist {
    margin-bottom: 0;
}

/* 播放页侧栏「猜你喜欢」：与上方播放列表拉开，与下方列表略贴 */
.conch-content .hl-play-side .hl-rb-relvod.hl-one-relvod {
    margin-top: 16px;
    padding-top: 0;
}

.conch-content .hl-play-side .hl-rb-relvod.hl-one-relvod > .hl-rb-head {
    margin-top: 0;
    margin-bottom: 8px;
}

.conch-content .hl-play-side .hl-rb-relvod.hl-one-relvod .hl-rb-title {
    margin-bottom: 0;
    line-height: 1.35;
}

.conch-content .hl-play-side .hl-rb-relvod.hl-one-relvod .hl-list-wrap {
    margin-top: 0;
}

@media (min-width: 992px) {
    .conch-content .hl-play-side .hl-rb-relvod.hl-one-relvod .hl-list-wrap {
        max-height: min(420px, calc(100vh - 280px));
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding-right: 2px;
    }

    .conch-content .hl-play-side .hl-rb-relvod.hl-one-relvod .hl-vod-list.hl-wide-list > li {
        display: flex !important;
    }

    .conch-content .hl-play-side .hl-rb-relvod.hl-one-relvod .hl-list-wrap::-webkit-scrollbar {
        width: 4px;
    }

    .conch-content .hl-play-side .hl-rb-relvod.hl-one-relvod .hl-list-wrap::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background: rgba(0, 0, 0, .18);
    }
}

@media (max-width: 991px) {
    .conch-content .hl-paly-players .hl-play-side,
    .conch-content .hl-paly-players .hl-play-scrollbar {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    .conch-content .hl-playpage-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs,
    .conch-content .hl-playpage-playlist .hl-play-source .hl-plays-list.hl-plays-list-chips.hl-list-hide-xs.hl-list-md {
        --hl-chip-rows: 3;
        max-height: calc(var(--hl-chip-collapsed-h) + 2px);
        overflow: hidden;
    }
}

@media (min-width: 992px) {
    .conch-content .hl-paly-players .hl-playside-wrap {
        bottom: auto !important;
        height: auto !important;
        align-self: flex-start;
    }

    .conch-content .hl-paly-players .hl-play-side,
    .conch-content .hl-paly-players .hl-play-side-inner {
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
    }
}