@charset "utf-8";

/*
 * 主题约定（避免 html/body 双挂类导致同一规则命中两次、覆盖顺序混乱）：
 * - 明暗仅使用 documentElement：html.theme-dark / html.theme-light（由 block/include WBTheme 维护）
 * - body 不再带 theme-*；局部页面用 body 业务类（如 .wb-uc、.wb-co-community-page）即可
 * - 新写选择器请用 html.theme-dark .your-module …，不要写 body.theme-dark
 */

/* header - 新版现代化设计（默认：明色系，适配歪宝CMS配色） */

:root{
    /* 与 iOS/Android 原生导航栏内容区一致（安全区由 .wb-statusbar 单独占位） */
    --myui-header-height: 44px;
    /* 顶部悬浮轮播高度（轮播显示时由JS动态写入），默认0 */
    --top-floating-ad-height: 0px;
    /* 底部悬浮轮播高度（轮播显示时由JS动态写入），默认0 */
    --bottom-floating-ad-height: 0px;
    /* 底部 Tab 占位：栏高 + 底内边距/安全区（底栏贴底无边距） */
    --wb-tabbar-height: calc(58px + max(6px, env(safe-area-inset-bottom, 0px)));
    --wb-co-pfab-size: 54px;

    /* 主题变量：用于搜索弹窗/侧边栏等组件，默认按明色（歪宝CMS） */
    --wb-overlay: rgba(0,0,0,.30);
    --wb-surface: rgba(255,255,255,.95);
    --wb-surface-2: rgba(31,45,61,.04);
    --wb-border: rgba(31,45,61,.10);
    --wb-border-2: rgba(31,45,61,.12);
    --wb-text: #1f2d3d;
    --wb-muted: rgba(31,45,61,.60);
    --wb-input-bg: rgba(31,45,61,.04);
    --wb-input-border: rgba(31,45,61,.12);
    /* 主色：蓝色系 */
    --wb-accent: #2563eb;
    --wb-accent-soft: rgba(37,99,235,.14);
    --wb-green: rgba(37,99,235,.95);
}

/* =============================
   明色系默认主题配色覆盖
   目标：统一按钮/链接/高亮的"蓝色系"
   ============================= */
html.theme-light{
    --wb-accent: #2563eb;
    --wb-accent-soft: rgba(37,99,235,.14);
}
html.theme-light a:visited{ color: inherit; }
html.theme-light a.text-333:visited,
html.theme-light a.text-muted:visited{ color: inherit; }
html.theme-dark a:visited{ color: inherit; }
html.theme-light a:hover{ color: var(--wb-accent); }
html.theme-light .text-link{ color: var(--wb-accent); }

/* 顶部按钮 hover 色 */
html.theme-light .myui-header__left .header-left-btn:hover{ color: var(--wb-accent); }

/* 通用主按钮：WBTheme 只挂 html.theme-*，避免与 body 双写造成重复匹配 */
html.theme-light .btn.btn-primary,
html.theme-light .btn.btn-warm,
html.theme-light .btn.btn-info{
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 10px 28px rgba(37,99,235,.18);
}

/* notice/公告弹层的强调色 */
html.theme-light .myui-notice-pop a{ border-bottom-color: rgba(37,99,235,.45); }
html.theme-light .myui-notice-btn--primary{
    background: rgba(37,99,235,.14) !important;
    border-color: rgba(37,99,235,.45) !important;
}
html.theme-light .myui-notice-btn--primary:hover{
    background: rgba(37,99,235,.18) !important;
    border-color: rgba(37,99,235,.55) !important;
}

/* 顶部悬浮轮播在 body 顶部时，让 header + 主体一起整体下移让位 */
body{
    /* 主体整体下移：安全区 + 顶飘广告 + 顶栏，与 fixed header 底边对齐 */
    padding-top: calc(env(safe-area-inset-top, 0px) + var(--top-floating-ad-height) + var(--myui-header-height));
    /* 底部：悬浮广告 + 移动端底栏 Tab 让位（有底栏的页面在下方用 ::after 同色块承接，避免滚到底露出壳色） */
    padding-bottom: calc(var(--bottom-floating-ad-height) + var(--wb-tabbar-height));
}
/* 底栏占位条：高度与原 body padding-bottom 一致，背景为内容柱色，替代 padding 区域的壳色外露 */
body.active:not(.wb-uc),
body.wb-video-home,
body.wb-video-list,
body.wb-video-search,
body.wb-video-detail,
body.wb-video-play,
body.wb-label-page,
body.wb-co-community-page,
body.wb-co-community-index,
body.wb-co-community-relations,
body.wb-map-body,
body.wb-uc:not(.wb-uc-iframe){
    padding-bottom:0 !important;
}
body.active:not(.wb-uc)::after,
body.wb-video-home::after,
body.wb-video-list::after,
body.wb-video-search::after,
body.wb-video-detail::after,
body.wb-video-play::after,
body.wb-label-page::after,
body.wb-co-community-page::after,
body.wb-co-community-index::after,
body.wb-co-community-relations::after,
body.wb-map-body::after,
body.wb-uc:not(.wb-uc-iframe)::after{
    content:"";
    display:block;
    width:100%;
    max-width:var(--wb-app-shell-max);
    margin-left:auto;
    margin-right:auto;
    height:calc(var(--bottom-floating-ad-height, 0px) + var(--wb-tabbar-height));
    background:var(--wb-app-card);
    box-sizing:border-box;
}

/* 深色主题变量覆盖（shenlanse.css 会进一步做细节色彩适配） */
html.theme-dark{
    --wb-overlay: rgba(0,0,0,.55);
    --wb-surface: rgba(10,10,18,.86);
    --wb-surface-2: rgba(255,255,255,.06);
    --wb-border: rgba(255,255,255,.10);
    --wb-border-2: rgba(255,255,255,.12);
    --wb-text: rgba(255,255,255,.92);
    --wb-muted: rgba(255,255,255,.70);
    --wb-input-bg: rgba(0,0,0,.18);
    --wb-input-border: rgba(255,255,255,.12);
    --wb-accent: #2563eb;
    --wb-accent-soft: rgba(37,99,235,.14);
    --wb-green: rgba(37,99,235,.92);
}

/* iOS/部分WebView：状态栏实际显示的往往是“顶部安全区背后的页面底色”，而不是 meta theme-color
   加一层安全区遮罩，确保导航栏显示/隐藏时都能跟随主题显示一致的状态栏底色。 */
.wb-statusbar{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* +1px 与顶栏重叠，消除安全区与导航栏之间的发丝线 */
    height: calc(env(safe-area-inset-top, 0px) + 1px);
    /* 由 JS 设置 --wb-statusbar-bg，确保切换主题时无需用户交互即可立刻重绘 */
    background: var(--wb-statusbar-bg, #ffffff);
    border: none;
    box-shadow: none;
    z-index: 9997; /* 低于 header(固定)，高于页面内容 */
    pointer-events: none;
}
/* 状态栏条仅在 html.theme-dark 下换色（主题类只挂在 documentElement） */
html.theme-dark .wb-statusbar{ background: var(--wb-statusbar-bg, var(--wb-topbar-bg, #0d1020)); }

/* PWA 独立模式：隐藏浏览器壳感，内容区仍保留顶栏/底栏布局 */
html.wb-pwa-standalone{
    --wb-pwa-safe-top:env(safe-area-inset-top, 0px);
    --wb-pwa-safe-bottom:env(safe-area-inset-bottom, 0px);
}
html.wb-pwa-standalone body.active:not(.wb-uc),
html.wb-pwa-standalone body.wb-video-home,
html.wb-pwa-standalone body.wb-video-list,
html.wb-pwa-standalone body.wb-video-search,
html.wb-pwa-standalone body.wb-video-detail,
html.wb-pwa-standalone body.wb-video-play,
html.wb-pwa-standalone body.wb-label-page,
html.wb-pwa-standalone body.wb-co-community-page,
html.wb-pwa-standalone body.wb-co-community-index,
html.wb-pwa-standalone body.wb-co-community-relations,
html.wb-pwa-standalone body.wb-map-body{
    padding-top:calc(var(--wb-pwa-safe-top) + var(--top-floating-ad-height, 0px) + var(--myui-header-height, 44px))!important;
}
html.wb-pwa-standalone .myui-nav__tabbar.wb-bottom-tabbar{
    padding-bottom:max(6px, var(--wb-pwa-safe-bottom))!important;
}
html.wb-pwa-standalone .wb-statusbar{
    height:calc(var(--wb-pwa-safe-top) + 1px)!important;
}

/* =============================
   右下角悬浮按钮 + 多功能菜单（明暗主题自适配）
   ============================= */
:root{
    --wb-fab-icon: #ff8a00;
    /* 悬浮按钮/菜单：主题自适配背景（避免暗色下出现大白块） */
    /* 浅色：白色半透明 */
    --wb-fab-btn-bg: rgba(255,255,255,.72);
    --wb-fab-btn-border: rgba(0,0,0,.06);
    --wb-fab-ico-bg: rgba(255,255,255,.78);

    /* 右下角两个圆按钮：跟顶部按钮一致的配色 */
    --wb-fab-main-bg: #f4f6f9;
    --wb-fab-main-fg: #1f2d3d;
}
html.theme-dark{
    /* 深色：暗色半透明（按钮本体不要发白） */
    --wb-fab-btn-bg: rgba(0,0,0,.34);
    --wb-fab-btn-border: rgba(255,255,255,.12);
    --wb-fab-ico-bg: rgba(255,255,255,.14);

    /* 暗色：与顶部按钮一致 */
    --wb-fab-main-bg: rgba(255,255,255,0.10);
    --wb-fab-main-fg: rgba(255,255,255,0.92);
}
.wb-fab{
    position: fixed;
    right: 12px;
    /* 距离底部约 30% 的高度位置 */
    bottom: 30vh;
    top: auto;
    transform: none;
    z-index: 10005;
    display:flex;
    flex-direction: column; /* 一列显示 */
    align-items:center;
    gap: 10px; /* 按钮间距 */
    transition: transform .2s ease, opacity .2s ease;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.wb-fab.dragging{
    transition: none;
    cursor: grabbing !important;
}
.wb-fab:not(.dragging){
    cursor: default;
}
.wb-fab-hidden{ display:none !important; }

/* 现代化悬浮主按钮（独立一个） */
.wb-fab-main{
    width: 42px;
    height: 42px;
    border-radius: 999px; /* 像搜索按钮一样：单一圆形容器 */
    border: none;
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    color: #ffffff;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: transform .15s ease, filter .15s ease, opacity .15s ease;
}
.wb-fab-main i{ font-size: 22px; color: #ffffff; }
.wb-fab-main:hover{ filter: brightness(1.04); }
.wb-fab-main:active{ transform: scale(.97); filter: brightness(1.02); }

/* 外壳：开关与按钮连成一个容器 */
.wb-fab-shell{
    display:flex;
    flex-direction: row;
    align-items: center;
    gap: 1px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    transition: none;
}

/* 默认展开：两按钮竖排 */
.wb-fab-dock{
    display:flex;
    flex-direction: column;
    gap: 10px;
}

/* 收起/展开开关：与外壳连在一起 */
.wb-fab-fold{
    width: 22px;
    height: 38px;
    border-radius: 14px;
    border: none;
    background: var(--wb-surface);
    color: var(--wb-text);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity: .95;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.wb-fab-fold i{ font-size: 16px; opacity: .85; transition: transform .18s ease; }
.wb-fab-fold:active{ transform: scale(.98); }

/* 收起：整块贴右边缘，只剩箭头 */
.wb-fab.is-collapsed{ right: 0; }
.wb-fab.is-collapsed .wb-fab-dock{ display:none; }
.wb-fab.is-collapsed .wb-fab-fold i{ transform: rotate(180deg); }

.wb-fab-btn{
    width: 42px;  /* 需求：48 -> 42 */
    height: 42px; /* 需求：48 -> 42 */
    border-radius: 16px;
    border: 1px solid var(--wb-fab-btn-border);
    background: var(--wb-fab-btn-bg);
    color: var(--wb-fab-icon);
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    gap: 4px;
    text-decoration:none;
    position: relative;
    overflow: hidden;
    transition: transform .15s ease, filter .15s ease, background .15s ease, opacity .15s ease;
}
.wb-fab-btn i{
    font-size: 22px; /* 按你说的改为 22 */
    transition: transform .15s ease, opacity .15s ease;
}
.wb-fab-btn-text{
    font-size: 6px; /* 需求：约 6px */
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: .01em;
    color: rgba(255,138,0,.85);
    white-space: nowrap;
    transform: translateY(1px);
    transition: color .15s ease, opacity .15s ease, transform .15s ease;
}
.wb-fab-btn:hover{
    filter: brightness(1.04);
}
.wb-fab-btn:active{
    transform: scale(.97);
    filter: brightness(1.02);
}
.wb-fab-btn:active i{
    transform: translateY(-1px) scale(.98);
    opacity: .92;
}
.wb-fab-btn:active .wb-fab-btn-text{
    color: rgba(255,138,0,1);
    opacity: 1;
    transform: translateY(1px) scale(.96);
}

/* 多功能菜单弹窗 */
.wb-fabmenu-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index: 10030;
    /* 略强于 --wb-overlay，提升与弹层的对比（theme-dark 另行覆盖） */
    background: rgba(15, 23, 42, 0.48);
    animation: fadeIn .22s ease;
}
html.theme-dark .wb-fabmenu-overlay {
    background: rgba(0, 0, 0, 0.58);
}
.wb-fabmenu-overlay.show{ display:block; }
.wb-fabmenu{
    position:fixed;
    left:50%;
    top:auto;
    bottom: calc(var(--bottom-floating-ad-height, 0px) + var(--wb-tabbar-height, 0px) + 8px);
    transform: translate(-50%, calc(100% + 24px)) scale(.98);
    width: min(calc(var(--wb-app-shell-max, 960px) - 20px), calc(100vw - 24px));
    max-width: calc(var(--wb-app-shell-max, 960px) - 20px);
    z-index: 100150;
    display:none;
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease;
    overflow: visible;
    isolation: isolate;
}
.wb-fabmenu.show{
    display:block;
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
}

/* 包住 .wb-fabmenu-inner：sheet 上做底边凹槽 mask（与手机同款全端） */
.wb-fabmenu-sheet {
    display: flex;
    flex-direction: column;
    min-width: 0;
    width: 100%;
}

.wb-fabmenu-inner{
    border-radius:var(--wb-radius-panel,12px);
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    box-shadow: none;
    padding: 14px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* 多功能弹窗：去掉外投射阴影（仅占位边框/圆角） */
#wbFabMenu .wb-fabmenu-inner,
#wbFabMenu .wb-fabmenu-sheet {
    box-shadow: none !important;
}

@keyframes wbFabItemRise {
    from {
        opacity: 0;
        transform: translate3d(0, 26px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* 多功能菜单「APP下载」图标跳动（移动端胶囊 + PC 宽卡片共用） */
@keyframes wb-appdl-icon-bounce {
    0%,
    100% {
        transform: translateY(0);
    }
    12% {
        transform: translateY(-5px);
    }
    24% {
        transform: translateY(0);
    }
    36% {
        transform: translateY(-3px);
    }
    48%,
    80% {
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .wb-fabmenu-apppill i,
    .wb-fabmenu-widecard--app-desktop .ico i {
        animation: none !important;
    }
}

#wbFabMenu.wb-fabmenu.show .wb-fabmenu-head-dock {
    animation: wbFabItemRise 0.52s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
}

#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item {
    animation: wbFabItemRise 0.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item:nth-child(1) {
    animation-delay: 0.12s;
}
#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item:nth-child(2) {
    animation-delay: 0.18s;
}
#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item:nth-child(3) {
    animation-delay: 0.24s;
}
#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item:nth-child(4) {
    animation-delay: 0.3s;
}
#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item:nth-child(5) {
    animation-delay: 0.36s;
}
#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item:nth-child(6) {
    animation-delay: 0.42s;
}
#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item:nth-child(7) {
    animation-delay: 0.48s;
}
#wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item:nth-child(8) {
    animation-delay: 0.54s;
}

#wbFabMenu.wb-fabmenu.show .wb-fabmenu-row-cards .wb-fabmenu-widecard {
    animation: wbFabItemRise 0.56s cubic-bezier(0.22, 1, 0.36, 1) 0.52s both;
}

@media (prefers-reduced-motion: reduce) {
    #wbFabMenu.wb-fabmenu.show .wb-fabmenu-head-dock,
    #wbFabMenu.wb-fabmenu.show .wb-fabmenu-grid .wb-fabmenu-item,
    #wbFabMenu.wb-fabmenu.show .wb-fabmenu-row-cards .wb-fabmenu-widecard {
        animation: none !important;
    }
}

.wb-fabmenu-grid{
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(88px, 1fr));
    gap: 12px 10px;
}
.wb-fabmenu-item{
    appearance:none;
    border: 1px solid var(--wb-border-2);
    background: var(--wb-surface-2);
    border-radius: 16px;
    padding: 10px 8px 8px;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:center;
    gap: 7px;
    color: inherit;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.wb-fabmenu-item:active{ transform: scale(.98); }
.wb-fabmenu-item .ico{
    width: 34px;
    height: 34px;
    border-radius: 14px;
    background: var(--wb-fab-ico-bg);
    border: 1px solid var(--wb-fab-btn-border);
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--wb-fab-icon);
}
.wb-fabmenu-item .ico i{ font-size: 16px; }
.wb-fabmenu-item .ico img{
    width: 22px;
    height: 22px;
    object-fit: contain;
    border-radius: 6px;
    display: block;
}
.wb-fabmenu-item .txt{
    font-size: 11px;
    font-weight: 400;
    opacity: .92;
    line-height: 1;
    text-align: center;
    width: 100%;
}

/* 底部一栏：APP下载 + 最新网址（横向卡片） */
.wb-fabmenu-row{
    margin-top: 12px;
    display:flex;
    gap: 12px;
}
.wb-fabmenu-row-stack{
    flex-direction: column;
}
.wb-fabmenu-widecard{
    flex: 1 1 0;
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 16px;
    border: 1px solid var(--wb-border-2);
    background: var(--wb-surface-2);
    color: inherit;
    text-decoration:none;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.wb-fabmenu-widecard:active{ transform: scale(.98); }
.wb-fabmenu-widecard .ico{
    width: 34px;
    height: 34px;
    border-radius: 14px;
    background: var(--wb-fab-ico-bg);
    border: 1px solid var(--wb-fab-btn-border);
    display:flex;
    align-items:center;
    justify-content:center;
    color: var(--wb-fab-icon);
    flex: 0 0 34px;
}
/* PC 多功能菜单内「APP下载」宽卡片：与移动端胶囊同一套图标跳动 */
.wb-fabmenu-widecard--app-desktop .ico i {
    display: inline-block;
    animation: wb-appdl-icon-bounce 1.25s ease-in-out infinite;
    transform-origin: 50% 80%;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.wb-fabmenu-widecard--app-desktop:active .ico i {
    animation: none;
}
.wb-fabmenu-widecard .meta{
    display:flex;
    flex-direction:column;
    justify-content:center; /* 修复：文字块上下居中 */
    gap: 3px;
    min-width: 0;
    flex: 1 1 auto;
}
.wb-fabmenu-widecard .t{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.05; /* 修复：标题/副标题基线更稳定 */
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.wb-fabmenu-widecard .d{
    font-size: 10px;
    opacity: .7;
    line-height: 1.05;
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    text-align: left;
}

/* 最新网址弹窗 */
.wb-url-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index: 10040;
    background: var(--wb-overlay);
    animation: fadeIn .22s ease;
}
.wb-url-overlay.show{ display:block; }
.wb-url{
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%) scale(.98);
    width: min(90vw, 420px);
    z-index: 10041;
    display:none;
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease;
}
.wb-url.show{
    display:block;
    opacity:1;
    transform: translate(-50%,-50%) scale(1);
}
.wb-url-inner{
    border-radius: 18px;
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    box-shadow: 0 26px 90px rgba(0,0,0,.55);
    overflow:hidden;
    /* 让内容在弹窗内部滚动（网址过多不溢出） */
    max-height: min(82vh, 620px);
    display:flex;
    flex-direction: column;
}
.wb-url-hd{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--wb-border);
}
.wb-url-title{
    font-size: 17px;
    font-weight: 700;
    color: var(--wb-text);
}
.wb-url-close{
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid var(--wb-border-2);
    background: var(--wb-surface-2);
    color: inherit;
}
.wb-url-tabs{
    display:flex;
    gap: 14px;
    padding: 8px 12px 0;
    background: var(--wb-accent-soft);
}
html.theme-dark .wb-url-tabs{ background: rgba(37,99,235,.10); }
.wb-url-tab{
    appearance:none;
    border:none;
    background: transparent;
    padding: 8px 2px;
    font-size: 14px;
    font-weight: 400;
    color: inherit;
    opacity: .75;
    border-bottom: 2px solid transparent;
}
.wb-url-tab.is-active{
    opacity: 1;
    border-bottom-color: rgba(37,99,235,.92);
    color: rgba(37,99,235,.95);
}
html.theme-dark .wb-url-tab{
    opacity: .92;
    color: #cbd5e1;
}
html.theme-dark .wb-url-tab.is-active{
    opacity: 1;
    border-bottom-color: rgba(165, 180, 252, .95);
    color: #e0e7ff;
    font-weight: 700;
    text-shadow: 0 0 12px rgba(129, 140, 248, .35);
}
.wb-url-tip{
    display:flex;
    align-items:flex-start;
    gap: 10px;
    padding: 10px 12px 0;
    color: var(--wb-muted);
    font-size: 12px;
}
.wb-url-tip i{ color: rgba(255,166,0,.95); margin-top: 2px; }
.wb-url-save{
    margin: 10px 12px 8px;
    width: calc(100% - 24px);
    height: 44px;
    border-radius: 12px;
    border:none;
    color:#fff;
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
}
.wb-url-save:active{ transform: scale(.99); }
.wb-url-list{
    padding: 6px 12px 12px;
    display:flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.wb-url-item{
    display:flex;
    align-items:center;
    gap: 10px;
    padding: 10px 10px;
    border-radius: 14px;
    border: 1px solid rgba(37,99,235,.22);
    background: rgba(37,99,235,.06);
}
html.theme-dark .wb-url-item{
    background: rgba(37,99,235,.10);
    border-color: rgba(37,99,235,.26);
}
.wb-url-item .no{
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(255,120,70,.95);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 12px;
    flex: 0 0 26px;
}
.wb-url-item .val{
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--wb-text);
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* 修复：文字垂直对齐更稳定 */
    display:flex;
    align-items:center;
    line-height: 1.1;
}
.wb-url-copy{
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(37,99,235,.28);
    background: rgba(255,255,255,.55);
    color: rgba(37,99,235,.92);
    /* 修复：复制按钮和文本行对齐 */
    display:flex;
    align-items:center;
    justify-content:center;
}
html.theme-dark .wb-url-copy{ background: rgba(255,255,255,.70); }
.wb-url-empty{
    padding: 10px 2px;
    font-size: 13px;
    opacity: .7;
}

/* =============================
   去边框：侧边栏 + 多功能菜单（按需求移除所有 border:1px 视觉）
   ============================= */
/* 侧边栏（片库/分类）按钮与图标容器 */
.category-modal-close,
.category-actions .btn,
.category-quick-item,
.category-head-more,
.category-module-tab,
.category-type-item a,
.category-type-item a .icon,
.category-topic-card,
.category-topic-badge{
    border: none !important;
}

/* 多功能菜单（悬浮按钮/菜单/网址弹窗）按钮与图标容器 */
.wb-fab-fold,
.wb-fab-btn,
.wb-fabmenu-item,
.wb-fabmenu-item .ico,
.wb-fabmenu-widecard,
.wb-fabmenu-widecard .ico,
.wb-url-close,
.wb-url-item,
.wb-url-copy{
    border: none !important;
}

/* =============================
   片库/搜索侧边栏（结构样式，深浅主题通用）
   颜色相关在 baise.css / shenlanse.css 覆盖
   ============================= */
.category-modal-overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9998;
    animation: fadeIn .3s ease;
    background: var(--wb-overlay);
}
.category-modal-overlay.show{ display:block; }

/* =============================
   搜索弹窗（移动端：右上角搜索按钮）
   ============================= */
.search-modal-overlay{
    display:none;
    position:fixed;
    inset:0;
    z-index:10020;
    background: var(--wb-overlay);
    opacity:0;
    transition:opacity .26s ease;
}
.search-modal-overlay.show{ display:block; }
.search-modal-overlay.show.is-visible{ opacity:1; }
.search-modal{
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,calc(-50% + 18px)) scale(.96);
    width:min(92vw, 520px);
    z-index:10021;
    display:none;
    opacity:0;
    transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .24s ease;
}
.search-modal.show{
    display:block;
}
.search-modal.show.is-visible{
    opacity:1;
    transform: translate(-50%,-50%) scale(1);
}

/* APP 全屏搜索：自顶部滑入，顶栏输入框 + 下方可滚动内容 */
.search-modal.search-modal--app{
    left:0;
    top:0;
    right:0;
    bottom:0;
    width:100%;
    max-width:none;
    transform:translateY(-102%);
    transition:transform .32s cubic-bezier(.2,.8,.2,1), opacity .2s ease;
}
.search-modal.search-modal--app.show.is-visible{
    transform:translateY(0);
    opacity:1;
}
.search-modal--app .search-modal-inner{
    display:flex;
    flex-direction:column;
    height:100%;
    max-height:100%;
    border-radius:0;
    padding:0;
    background:var(--wb-surface);
    overflow:hidden;
}
.search-modal--app .search-modal-topbar{
    flex:0 0 auto;
    padding:calc(env(safe-area-inset-top, 0px) + 8px) 12px 10px;
    background:var(--wb-surface);
    border-bottom:1px solid rgba(0,0,0,.06);
}
html.theme-dark .search-modal--app .search-modal-topbar{
    border-bottom-color:rgba(255,255,255,.08);
}
.search-modal--app .search-modal-form{
    gap:8px;
    align-items:center;
}
.search-modal-cancel{
    flex:0 0 auto;
    min-width:44px;
    height:40px;
    margin:0;
    padding:0 6px;
    border:0;
    background:transparent;
    color:var(--wb-accent);
    font-size:15px;
    font-weight:600;
    line-height:1;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}
.search-modal-cancel:active{opacity:.72;}
.search-modal-field{
    position:relative;
    flex:1 1 auto;
    min-width:0;
}
.search-modal-field__ico{
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    font-size:14px;
    color:var(--wb-muted);
    pointer-events:none;
}
.search-modal--app .search-modal-input{
    width:100%;
    height:40px;
    padding:0 12px 0 34px;
    border-radius:10px;
    background:var(--wb-input-bg);
}
.search-modal--app .search-modal-submit{
    flex:0 0 auto;
    min-width:44px;
    height:40px;
    padding:0 12px;
    border-radius:10px;
}
.search-modal--app .search-modal-scroll{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:12px 16px max(16px, env(safe-area-inset-bottom, 0px));
}
.search-modal--app .search-modal-counts{
    margin-top:0;
}
.search-modal--app .search-modal-hot-title{
    text-align:left;
    margin:4px 0 10px;
}
.search-modal--app .search-modal-hot-grid{
    justify-content:flex-start;
}
.search-modal--app .search-modal-inner > *{
    opacity:1;
    transform:none;
    transition:none;
}
.search-modal-overlay.show{
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
}
@media (min-width:768px){
    .search-modal.search-modal--app{
        left:50%;
        right:auto;
        width:100%;
        max-width:var(--wb-app-shell-max, 960px);
        transform:translate(-50%, -102%);
    }
    .search-modal.search-modal--app.show.is-visible{
        transform:translate(-50%, 0);
    }
}

.search-modal-inner{
    border-radius: 16px;
    border: none;
    box-shadow: none;
    padding: 14px 14px 12px;
    background: var(--wb-surface);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.search-modal-inner > *{
    opacity:0;
    transform:translateY(10px);
    transition:opacity .26s ease, transform .28s cubic-bezier(.2,.8,.2,1);
}
.search-modal.show.is-visible .search-modal-inner > *{
    opacity:1;
    transform:translateY(0);
}
.search-modal.show.is-visible .search-modal-hd{transition-delay:.04s;}
.search-modal.show.is-visible .search-modal-counts{transition-delay:.08s;}
.search-modal.show.is-visible .search-modal-form{transition-delay:.12s;}
.search-modal.show.is-visible .search-modal-filter{transition-delay:.16s;}
.search-modal.show.is-visible .search-modal-hot{transition-delay:.18s;}
.search-modal-hd{
    display:flex;
    align-items:center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 8px;
}
.search-modal-title{
    font-size: 16px;
    font-weight: 800;
    letter-spacing: .2px;
    color: var(--wb-text);
}
.search-modal-close{
    width: 32px;
    height: 32px;
    border-radius: 999px;
    border: none;
    background: var(--wb-surface-2);
    color: var(--wb-text);
    font-size: 20px;
    line-height: 1;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
.search-modal-close:active{ transform: scale(.96); }

.search-modal-counts{
    display:flex;
    gap: 10px;
    margin: 8px 0 10px;
}
.search-count-card{
    flex:1;
    border-radius: 12px;
    border: none;
    background: var(--wb-surface-2);
    padding: 10px 12px;
    display:flex;
    gap: 8px;
    align-items:center;
    justify-content: space-between;
    color: var(--wb-text);
    font-size: 13px;
}
.search-count-card .label{ opacity: .80; }
.search-count-card .value{
    color: var(--wb-accent);
    font-weight: 800;
}

.search-modal-form{
    display:flex;
    gap: 10px;
    align-items:center;
}
.search-modal-input{
    flex:1;
    height: 40px;
    border-radius: 12px;
    border: none;
    background: var(--wb-input-bg);
    color: var(--wb-text);
    padding: 0 14px;
    font-size: 14px;
    outline: none;
}
.search-modal-input:focus{
    /* 无边框：用轻阴影表达 focus（不画线框） */
    box-shadow: 0 0 0 3px var(--wb-accent-soft);
}
.search-modal-input::placeholder{ color: var(--wb-muted); }
.search-modal-submit{
    height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    border: none;
    background: var(--wb-accent);
    color: rgba(255,255,255,.96);
    display:inline-flex;
    gap: 6px;
    align-items:center;
    justify-content:center;
    font-size: 13px;
    font-weight: 800;
    cursor:pointer;
    white-space: nowrap;
}

/* 浅色下阴影更柔和 */
html.theme-light .search-modal-inner{
    box-shadow: 0 14px 40px rgba(15,23,42,.12);
}
html.theme-light .search-modal-submit{
    box-shadow: 0 10px 22px color-mix(in srgb, var(--wb-accent) 26%, transparent);
}
.search-modal-submit:hover{
    filter: brightness(1.03);
    box-shadow: 0 12px 26px color-mix(in srgb, var(--wb-accent) 28%, transparent);
}
.search-modal-submit:active{ transform: scale(.98); }

.search-modal-filter{
    display:flex;
    gap: 16px;
    align-items:center;
    margin-top: 10px;
    color: var(--wb-muted);
    font-size: 13px;
}
.search-radio{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    cursor:pointer;
    user-select:none;
}
.search-radio input{ display:none; }
.search-radio .dot{
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: none;
    background: var(--wb-surface-2);
    position: relative;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
}
html.theme-dark .search-radio .dot{ box-shadow: inset 0 0 0 1px rgba(255,255,255,.10); }
.search-radio input:checked + .dot:after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    transform: translate(-50%,-50%);
    background: var(--wb-accent);
}
.search-radio .text{ font-weight: 500; color: var(--wb-text); }

/* 热门搜索（点击输入框后展开） */
.search-modal-hot{
    display:none;
    margin-top: 12px;
}
.search-modal-hot.show{ display:block; }
.search-modal-hot-title{
    text-align:center;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .1px;
    color: var(--wb-text);
    margin: 10px 0 10px;
}
.search-modal-hot-grid{
    display:flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}
.search-hot-chip{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    border: none;
    background: var(--wb-surface-2);
    color: var(--wb-text);
    text-decoration: none;
    font-size: 12px;
    font-weight: 500;
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.search-hot-chip:active{ transform: scale(.98); }
.search-hot-chip:hover{
    background: var(--wb-accent-soft);
    /* 无边框：不需要边框色变化 */
}

@media (max-width: 420px){
    .search-modal:not(.search-modal--app) .search-modal-inner{ padding: 12px 12px 10px; }
    .search-modal-counts{ flex-direction: column; gap: 10px; }
    .search-modal-form{ gap: 10px; }
    .search-modal-submit span{ display:none; }
    .search-modal-hot-title{ font-size: 13px; }
    .search-hot-chip{ height: 30px; font-size: 12px; padding: 0 12px; }
    .search-modal--app .search-modal-submit span{ display:inline; }
}
.category-modal{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:0;
    left:-100%;
    right:auto;
    width:min(86vw,380px);
    max-width:380px;
    height:100vh;
    height:100dvh;
    max-height:100dvh;
    z-index:9999;
    overflow:hidden;
    transition:left .4s cubic-bezier(.4,0,.2,1);
    background: var(--wb-app-card, var(--wb-surface));
    color: var(--wb-app-text, var(--wb-text));
    box-shadow: var(--wb-app-shadow-soft, 4px 0 22px rgba(0,0,0,.25));
}
.category-modal.show{ left:0; right:auto; }
.category-modal-header{
    display:grid;
    grid-template-columns:44px 1fr 44px;
    align-items:center;
    justify-items:center;
    min-height:calc(52px + env(safe-area-inset-top, 0px));
    padding:env(safe-area-inset-top, 0px) 12px 10px;
    position:relative;
    gap:0;
    text-align:center;
    border-bottom: 1px solid var(--wb-app-border, var(--wb-border));
    background: var(--wb-topbar-bg, var(--wb-app-card, var(--wb-surface)));
    flex-shrink:0;
    box-sizing:border-box;
}
.category-modal-header .header-logo{
    grid-column:1 / -1;
    grid-row:1;
    width:100%;
    max-width:100%;
    height:40px;
    min-height:40px;
    max-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    padding:0 44px;
    box-sizing:border-box;
    position:relative;
    flex-shrink:0;
    z-index:1;
}
.category-modal-header .header-logo img{
    width:auto;
    height:40px;
    max-height:40px;
    max-width:min(200px, 100%);
    object-fit:contain;
    display:block;
}
.category-modal-header .header-logo .logo-fallback{
    display:none;
    width:auto;
    height:40px;
    min-height:40px;
    max-height:40px;
    align-items:center;
    justify-content:center;
    font-size:20px;
    font-weight:bold;
    padding:0 16px;
    border-radius:8px;
    line-height:40px;
}
.category-modal-header .header-logo[data-fallback] .logo-fallback,
.category-modal-header .header-logo img[style*="display: none"] ~ .logo-fallback{
    display:flex;
}
.category-modal-header .header-search{
    width:100%;
    max-width:100%;
    margin-top:5px;
    position:relative;
}
.category-modal-header .header-search form{
    position:relative;
    display:flex;
    width:100%;
}
.category-modal-header .category-search-select{
    position:absolute;
    left:12px;
    top:50%;
    transform:translateY(-50%);
    font-size:13px;
    cursor:pointer;
    z-index:2;
    padding-right:10px;
    border-right:1px solid transparent;
    display:flex;
    align-items:center;
    gap:4px;
}
.category-modal-header .category-search-select .dropdown-box{ margin-left:-40px; z-index:101; }
.category-modal-header .category-search-select .dropdown-box .item{ width:80px; padding:10px; }
.category-modal-header .category-search-select .dropdown-box .item li{ text-align:center; padding:2px 0; }
.category-modal-header .category-search-input{
    flex:1;
    height:40px;
    padding:0 45px 0 70px;
    border:1px solid transparent;
    border-radius:20px;
    font-size:14px;
    outline:none;
    transition: all .3s ease;
}
.category-modal-header .category-search-submit{
    position:absolute;
    right:5px;
    top:50%;
    transform: translateY(-50%);
    width:30px;
    height:30px;
    border:none;
    border-radius:50%;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    transition: all .3s ease;
    outline:none;
}
.category-modal-header .category-search-submit:hover{ transform: translateY(-50%) scale(1.05); }
.category-modal-header .category-search-submit:active{ transform: translateY(-50%) scale(0.95); }
.category-modal-close{
    grid-column:3;
    grid-row:1;
    position:relative;
    top:auto;
    right:auto;
    justify-self:end;
    align-self:center;
    border:none;
    width:36px;
    height:36px;
    min-width:36px;
    min-height:36px;
    border-radius:50%;
    cursor:pointer;
    font-size:18px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    margin:0;
    z-index:2;
    flex-shrink:0;
    transition: background .2s ease, color .2s ease, opacity .2s ease;
    background: var(--wb-app-card-soft, var(--wb-surface-2));
    border: 1px solid var(--wb-app-border, var(--wb-border-2));
    color: var(--wb-app-text, var(--wb-text));
}
.category-modal-close:hover{ background: rgba(127,127,127,.12); }
.category-modal-close:active{ opacity:.85; }
.category-modal-body{
    padding:14px 16px max(28px, env(safe-area-inset-bottom, 0px));
    overflow-y:auto;
    flex:1;
    min-height:0;
    height:auto;
    max-height:none;
    -webkit-overflow-scrolling:touch;
    background: var(--wb-app-card, var(--wb-surface));
}
/* 精简侧栏：分组标题 + 列表行 */
.wb-side-sheet{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding-top:4px;
}
.wb-side-sheet__section{
    display:flex;
    flex-direction:column;
    gap:5px;
}
.wb-side-sheet__kicker{
    font-size:10px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--wb-app-muted, var(--wb-muted, #7b8798));
    padding:0 4px;
}
.wb-side-nav{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.wb-side-nav__row{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:40px;
    padding:6px 11px;
    border-radius:12px;
    text-decoration:none;
    color:inherit;
    background:var(--wb-app-card-soft, rgba(15,23,42,.04));
    border:0;
    box-shadow:none;
    transition:background .2s ease,transform .15s ease;
}
.wb-side-nav__row:hover{
    background:rgba(37,99,235,.06);
}
.wb-side-nav__row:active{
    transform:scale(.985);
}
html.theme-dark .wb-side-nav__row:hover{
    background:rgba(255,255,255,.07);
}
.wb-side-nav__icon{
    width:32px;
    height:32px;
    border-radius:10px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    font-size:14px;
    color:var(--wb-app-primary, var(--wb-accent, #2563eb));
    background:rgba(37,99,235,.12);
}
html.theme-dark .wb-side-nav__icon{
    background:rgba(59,130,246,.18);
    color:var(--wb-app-primary,#60a5fa);
}
.wb-side-nav__text{
    flex:1;
    font-size:13px;
    font-weight:400;
    letter-spacing:.01em;
    min-width:0;
}
.wb-side-nav__hint{
    font-size:10px;
    font-weight:500;
    color:var(--wb-app-muted);
    opacity:.9;
}
.wb-side-nav__chev{
    color:var(--wb-app-muted);
    font-size:15px;
    opacity:.55;
}
.wb-side-nav__row.wb-theme-toggle{
    cursor:pointer;
}
button.wb-side-nav__row{
    width:100%;
    border:0;
    font:inherit;
    text-align:left;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
}
@media (max-width:767px){
    .category-modal{
        width:min(78vw,300px);
        max-width:300px;
    }
}

/* “展开面板”新版布局：登录/注册 + 快捷入口 */
.category-actions{
    display:flex;
    gap:14px;
    justify-content:space-between;
    /* 现在外层有 .category-block 标题/分割线，这里只保留块内间距 */
    margin: 12px 0 0;
}
.category-actions .btn{
    flex:1;
    border-radius: 10px;
    height: 44px;
    line-height: 44px;
    padding: 0 16px;
    font-size: 15px;
    font-weight: 400; /* 不加粗：仅标题加粗 */
    position: relative;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transform: translateY(10px) scale(.985);
    opacity: 0;
    transition: transform .35s cubic-bezier(.2,.9,.2,1), opacity .35s ease, filter .2s ease;
    will-change: transform, opacity;
}
.category-actions .btn i{
    font-size: 16px;
    line-height: 1;
    opacity: .95;
}
.category-actions .btn span{
    line-height: 1;
}
.category-modal.show .category-actions .btn{
    transform: translateY(0) scale(1);
    opacity: 1;
}
.category-modal.show .category-actions .btn:nth-child(2){
    transition-delay: .06s;
}
.category-actions .btn.btn-primary{
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    border: none;
}
.category-actions .btn.btn-default{
    background: var(--wb-surface-2);
    border: 1px solid var(--wb-border-2);
    color: inherit;
}

/* 侧边栏：按效果图——注册/登录两种渐变色（避免影响退出按钮） */
.category-actions .btn.btn-default.register{
    background: linear-gradient(135deg, #ff4d7d 0%, #ff2d2d 100%);
    border: none;
    color: #fff;
    box-shadow: 0 10px 28px rgba(255,45,45,.22);
}
.category-actions .btn.btn-primary.login{
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    border: none;
    color: #fff;
    box-shadow: 0 10px 28px rgba(37,99,235,.22);
}
.category-actions .btn.btn-default.logout{
    background: var(--wb-surface-2);
    border: 1px solid var(--wb-border-2);
    color: inherit;
    box-shadow: none;
}

/* 账号/首页块：去掉标题/分割线后，收紧间距 */
.category-block-auth{ margin: 12px 0 14px; }
.category-block-quick{ margin: 12px 0 16px; }
.category-block-quick .category-quick{ margin-top: 0; }

/* 光泽扫过（hover/轻触） */
.category-actions .btn::before{
    content:"";
    position:absolute;
    top:-30%;
    left:-120%;
    width:60%;
    height:160%;
    background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.22), rgba(255,255,255,0));
    transform: skewX(-18deg);
    opacity: 0;
    pointer-events:none;
}
.category-actions .btn:hover::before,
.category-actions .btn:focus::before{
    opacity: 1;
    animation: wbSheen .9s ease forwards;
}

/* 点击涟漪 */
.category-actions .btn::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.35);
    transform: translate(-50%,-50%) scale(0);
    opacity: 0;
    pointer-events:none;
}
.category-actions .btn:active{
    transform: translateY(0) scale(.985);
    filter: brightness(1.08);
}
.category-actions .btn:active::after{
    opacity: 1;
    animation: wbRipple .55s ease-out forwards;
}

@keyframes wbSheen{
    0%{ left:-120%; }
    100%{ left:140%; }
}
@keyframes wbRipple{
    0%{ transform: translate(-50%,-50%) scale(0); opacity:.65; }
    100%{ transform: translate(-50%,-50%) scale(26); opacity:0; }
}
@media (prefers-reduced-motion: reduce){
    .category-actions .btn,
    .category-actions .btn::before,
    .category-actions .btn::after{
        animation: none !important;
        transition: none !important;
    }
}

/* 菜单展开默认不显示搜索；点击“搜索”图标打开时才显示 */
.category-search-area{ display:none; margin: 6px 0 14px; }
.category-modal.mode-search .category-search-area{ display:block; }

.category-quick{
    display:grid;
    /* 按截图：3列快捷入口 */
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0 0;
}
.category-quick-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap: 6px;
    height: 36px;          /* 调高：更接近效果图 */
    border-radius: 10px;   /* 需求：10px 圆角 */
    padding: 0 10px;
    background: var(--wb-surface-2);
    border: 1px solid var(--wb-border);
    color: inherit;
}
.category-quick-item.wb-quick-home,
.category-quick-item.wb-quick-new,
.category-quick-item.wb-quick-hot{
    color: #fff !important;
}
.category-quick-item.wb-quick-home i,
.category-quick-item.wb-quick-new i,
.category-quick-item.wb-quick-hot i{
    color: #fff !important;
    opacity: .95;
}
.category-quick-item.wb-quick-home span,
.category-quick-item.wb-quick-new span,
.category-quick-item.wb-quick-hot span{
    color: #fff !important;
}
/* 三色按钮（按截图：绿/橙/紫），统一白字 */
.category-quick-item.wb-quick-home{
    background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
}
.category-quick-item.wb-quick-new{
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
}
.category-quick-item.wb-quick-hot{
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
}
.category-quick-item i{
    font-size: 12px;
    opacity: .95;
}
.category-quick-item span{
    font-size: 11px;       /* 需求：11px 字号 */
    font-weight: 400; /* 不加粗：仅标题加粗 */
}

/* 分类区块（按截图：大标题 + 橙色下划线 + 列表 + 底部按钮） */
.category-block{
    /* 模块之间需要明确间距 */
    margin: 18px 0 22px;
}
.category-block-title{
    /* 需求：标题 18px，且只有标题加粗 */
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .01em;
    margin: 0 0 10px;
}
.category-block-head{
    display:flex;
    align-items:flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px; /* 标题栏下边距（按需求） */
}
.category-block-head .category-block-title{
    margin: 0; /* 头部用同一行，不需要下边距 */
}
.category-head-more{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 26px;          /* 调小：更接近效果图 */
    padding: 0 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    background: var(--wb-surface-2);
    border: 1px solid var(--wb-border-2);
    color: inherit;
    text-decoration:none;
    transform: translateY(-2px);
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.category-head-more:active{ transform: translateY(-2px) scale(.98); }
.category-head-more:hover{ background: var(--wb-surface); }
.category-block-line{
    height: 2px;
    width: 100%;
    /* 需求：不要黄色渐变，用主题色系（紫蓝系） */
    background: linear-gradient(90deg, rgba(91,124,250,.95), rgba(91,124,250,.20));
    border-radius: 2px;
    margin: 0;
}

/* 分类模块：模块切换 tabs（视频/文章/演员/网站） */
.category-module-tabs{
    display:flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}
.category-module-tab{
    appearance: none;
    border: 1px solid var(--wb-border-2);
    background: var(--wb-surface-2);
    color: inherit;
    height: 26px;
    padding: 0 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.category-module-tab:active{ transform: scale(.98); }
.category-module-tab.is-active{
    border-color: rgba(91,124,250,.45);
    background: rgba(91,124,250,.14);
}
html.theme-dark .category-module-tab{
    border-color: rgba(148,163,184,.25);
    background: rgba(30,41,59,.55);
    color: #e2e8f0;
}
html.theme-dark .category-module-tab.is-active{
    border-color: rgba(129,140,248,.55);
    background: linear-gradient(135deg, rgba(99,102,241,.35), rgba(79,70,229,.2));
    color: #fff;
    box-shadow: 0 8px 22px rgba(79,70,229,.28);
}
.category-module-panels{ margin-top: 6px; }
.category-module-panel{ display:none; }
.category-module-panel.is-active{ display:block; }
.category-type-list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.category-type-item{
    margin: 0;
    padding: 0;
}
.category-type-item a{
    display:flex;
    align-items:center;
    justify-content: space-between;
    padding: 16px 4px;
    border-bottom: 1px solid var(--wb-border);
    color: inherit;
}
.category-type-item a .icon{
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius: 10px;
    margin-right: 10px;
    background: var(--wb-surface-2);
    border: 1px solid var(--wb-border-2);
    color: rgba(255,255,255,.86);
}
html.theme-light .category-type-item a .icon{
    color: rgba(31,45,61,.78);
}
.category-type-item a .icon img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    display:block;
}
.category-type-item a .icon svg{
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    flex-shrink: 0;
    opacity: 1 !important;
    visibility: visible !important;
}
.category-type-item a .name{
    flex: 1 1 auto;
}
.category-type-item a .name{
    font-size: 16px;
    font-weight: 400; /* 不加粗 */
}
.category-type-item a .count{
    font-size: 13px;
    opacity: .55;
    letter-spacing: .02em;
}

/* 侧边栏 - 专题卡片（2列网格，类似影片卡片） */
.category-topic-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}
.category-topic-card{
    display: block;
    text-decoration: none;
    color: inherit;
    border-radius: 14px;
    overflow: hidden;
    background: var(--wb-surface-2);
    border: 1px solid var(--wb-border);
    transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
.category-topic-card:active{ transform: scale(.98); }
.category-topic-thumb{
    position: relative;
    display: block;
    width: 100%;
    padding-top: 48%;
    background: var(--wb-input-bg);
}
.category-topic-thumb img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    /* 需求：不管是否变形，都要铺满容器 */
    object-fit: fill;
    display: block;
}
.category-topic-thumb::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 45%, rgba(0,0,0,.45) 100%);
}
.category-topic-thumb-fallback{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color: rgba(255,255,255,.78);
}
html.theme-light .category-topic-thumb-fallback{ color: rgba(31,45,61,.70); }
.category-topic-thumb-fallback svg{
    width: 34px;
    height: 34px;
    opacity: .95;
}
.category-topic-badge{
    position: absolute;
    right: 8px;
    bottom: 8px;
    z-index: 2;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    border-radius: 10px;
    font-size: 11px;
    font-weight: 400;
    background: rgba(0,0,0,.40);
    border: 1px solid rgba(255,255,255,.14);
    color: rgba(255,255,255,.92);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
html.theme-light .category-topic-badge{
    background: rgba(255,255,255,.72);
    border-color: rgba(31,45,61,.12);
    color: rgba(31,45,61,.82);
}

/* 标题/收录：叠在图片上（不占用图片下方空间） */
.category-topic-overlay{
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 8px;
    z-index: 2;
}
.category-topic-name{
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: rgba(255,255,255,.94);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: 0 2px 10px rgba(0,0,0,.55);
}
.category-topic-count{
    display: block;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 400;
    color: rgba(255,255,255,.80);
    text-shadow: 0 2px 10px rgba(0,0,0,.55);
}
html.theme-light .category-topic-name{ color: rgba(255,255,255,.96); }
html.theme-light .category-topic-count{ color: rgba(255,255,255,.86); }
.category-topic-empty{
    grid-column: 1 / -1;
    display:block;
    text-decoration:none;
    color: inherit;
    padding: 14px 12px;
    border-radius: 14px;
    background: var(--wb-surface-2);
    border: 1px dashed var(--wb-border-2);
}
.category-topic-empty-title{
    display:block;
    font-size: 13px;
    font-weight: 400;
}
.category-topic-empty-sub{
    display:block;
    margin-top: 6px;
    font-size: 12px;
    opacity: .65;
}
.category-more-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 44px;
    min-width: 160px;
    padding: 0 22px;
    border-radius: 999px;
    margin-top: 18px;
    background: var(--wb-surface-2);
    border: 1px solid var(--wb-border-2);
    color: inherit;
    font-size: 14px;
    font-weight: 400;
}
.category-more-btn:active{ transform: scale(.98); }

/* 适配极窄屏：快捷入口改为2列，避免挤压 */
@media (max-width: 360px){
    .category-quick{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.category-modal-body .item.nav-list{
    display:flex;
    flex-direction:column;
    gap:0;
    padding:0 !important;
}
.category-modal-body .item.nav-list li{
    margin:0 !important;
    padding:0 !important;
    list-style:none;
}
.category-modal-body .item.nav-list > li:first-child{
    flex:0 0 calc(50% - 4px);
    width:calc(50% - 4px);
    margin-bottom:10px;
    margin-right:8px;
}
.category-modal-body .item.nav-list li.category-parent-item{
    width:100%;
    flex:0 0 auto;
    margin-bottom:8px;
    margin-top:10px;
}
.category-modal-body .item.nav-list li.category-parent-item:first-of-type{
    margin-top:0;
}
.category-modal-body .item.nav-list li.category-children-wrapper{
    width:100%;
    flex:0 0 auto;
    margin-bottom:10px !important;
    margin-top:6px !important;
}
.category-modal-body .item.nav-list .category-children-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:0 !important;
    margin:0 !important;
    list-style:none;
}
.category-modal-body .item.nav-list .category-children-list li.category-child-item{
    flex:0 0 calc((100% - 24px) / 4);
    min-width:0;
    max-width:calc((100% - 24px) / 4);
}

/* 登录弹窗模块样式（深浅主题都可用，深色在 shenlanse.css 会覆盖颜色） */
.myui-login-pop{
    padding: 18px 16px 16px;
}
.myui-login-pop__hd{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 14px;
}
.myui-login-pop__bd .form-control{
    height: 42px;
    margin-bottom: 10px;
}
.myui-login-pop__row{
    display:flex;
    gap: 10px;
    align-items:center;
    margin-bottom: 10px;
}
.myui-login-pop__verify{
    width: 110px;
    height: 42px;
    border-radius: 8px;
    cursor: pointer;
}

/* layer 登录弹窗：卡片 + 底部关闭（与广告弹窗一致） */
.layui-layer.myui-login-layer.wb-login-pop-layer,
.layui-layer.wb-login-pop-layer{
    border-radius:0 !important;
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
}
.layui-layer.wb-login-pop-layer .layui-layer-content{
    overflow:visible !important;
    background:transparent !important;
    padding:0 !important;
    height:auto !important;
}
.layui-layer.wb-login-pop-layer .layui-layer-setwin{
    display:none !important;
}
.wb-login-pop-shell{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:12px;
    width:100%;
    background:transparent;
}
.wb-login-pop-frame{
    width:100%;
    border-radius:16px;
    overflow:hidden;
    background:var(--wb-app-card,#fff);
    box-shadow:0 18px 48px rgba(15,23,42,.22);
    border:0;
}
html.theme-dark .wb-login-pop-frame{
    background:var(--wb-app-card,#12151c);
    box-shadow:0 18px 48px rgba(0,0,0,.45);
}
.wb-login-pop-frame iframe{
    display:block;
    width:100% !important;
    min-height:260px;
    border:0;
    border-radius:16px;
    background:var(--wb-app-card,#fff);
}
html.theme-dark .wb-login-pop-frame iframe{
    background:var(--wb-app-card,#12151c);
}
.wb-login-pop-close{
    width:40px;
    height:40px;
    box-sizing:border-box;
    border-radius:50%;
    border:2px solid #fff;
    background:transparent;
    color:#fff;
    font-size:22px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    cursor:pointer;
    flex-shrink:0;
    box-shadow:none;
    outline:none;
}
.wb-login-pop-close:hover{
    background:rgba(0,0,0,.28);
}
/* 旧版 iframe 登录弹窗（非 wb-login-pop-layer） */
.layui-layer.myui-login-layer:not(.wb-login-pop-layer){
    border-radius:14px !important;
    overflow:visible;
}
html.theme-light .layui-layer.myui-login-layer:not(.wb-login-pop-layer){
    background:#ffffff !important;
}
html.theme-dark .layui-layer.myui-login-layer:not(.wb-login-pop-layer){
    background:#090812 !important;
}
.layui-layer.myui-login-layer:not(.wb-login-pop-layer) .layui-layer-content{
    border-radius:14px !important;
    overflow:hidden;
    background:#ffffff !important;
}
html.theme-dark .layui-layer.myui-login-layer:not(.wb-login-pop-layer) .layui-layer-content{
    background:#090812 !important;
}
.layui-layer.myui-login-layer:not(.wb-login-pop-layer) iframe{
    display:block;
    width:100% !important;
    background:#ffffff !important;
}
html.theme-dark .layui-layer.myui-login-layer:not(.wb-login-pop-layer) iframe{
    background:#090812 !important;
}
.layui-layer.myui-login-layer:not(.wb-login-pop-layer) .layui-layer-setwin{
    display:none !important;
}
/* 新版登录弹窗：外层 layer 完全透明，仅中间卡片有底色 */
.layui-layer.wb-login-pop-layer,
.layui-layer.myui-login-layer.wb-login-pop-layer{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    padding:0 !important;
}
.layui-layer.wb-login-pop-layer .layui-layer-content,
.layui-layer.myui-login-layer.wb-login-pop-layer .layui-layer-content{
    background:transparent !important;
    background-color:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    padding:0 !important;
}

/* =============================
   公告弹窗皮肤（系统消息/弹窗公告）
   ============================= */
.layui-layer.myui-notice-layer{
    border-radius: 16px !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 22px 70px rgba(0,0,0,.45);
}
.layui-layer.myui-notice-layer .layui-layer-title{
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 56px 0 18px !important;
    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,.10) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    letter-spacing: .2px;
}

/* 标题栏：跟随主题，简约风 */
html.theme-light .layui-layer.myui-notice-layer .layui-layer-title{
    background: rgba(255,255,255,.90) !important;
    color: #1f2d3d !important;
}
html.theme-dark .layui-layer.myui-notice-layer .layui-layer-title{
    background: rgba(0,0,0,.10) !important;
    color: rgba(255,255,255,.92) !important;
}
.layui-layer.myui-notice-layer .layui-layer-setwin{
    right: 12px !important;
    top: 8px !important;
}
.layui-layer.myui-notice-layer .layui-layer-setwin a{
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 12px !important;
    text-indent: 0 !important;
    background: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.14) !important;
}
.layui-layer.myui-notice-layer .layui-layer-setwin a:before{
    content: "×";
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}
html.theme-light .layui-layer.myui-notice-layer .layui-layer-setwin a{
    color: #1f2d3d !important;
    border-color: rgba(31,45,61,.12) !important;
    background: rgba(31,45,61,.04) !important;
}
.layui-layer.myui-notice-layer .layui-layer-setwin a:hover{
    background: rgba(255,255,255,0.10) !important;
}
html.theme-dark .layui-layer.myui-notice-layer .layui-layer-setwin a{
    color: rgba(255,255,255,.92) !important;
    border-color: rgba(255,255,255,.14) !important;
    background: rgba(255,255,255,.06) !important;
}

.myui-notice-pop{
    padding: 18px 18px 16px;
    font-size: 14px;
    line-height: 1.75;
    word-break: break-word;
}
.myui-notice-pop__title{
    font-size: 16px;
    font-weight: 900;
    margin-bottom: 12px;
    letter-spacing: .2px;
}
html.theme-light .myui-notice-pop{ color: #1f2d3d; }
html.theme-dark .myui-notice-pop{ color: rgba(255,255,255,0.88); }
.myui-notice-pop a{ text-decoration: none; border-bottom: 1px dashed rgba(91,124,250,.45); }
.myui-notice-pop a:hover{ border-bottom-style: solid; }

.myui-notice-pop__body{
    max-height: min(62vh, 560px);
    overflow: auto;
    padding-right: 4px;
}

.myui-notice-pop__actions{
    display:flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}
.myui-notice-btn{
    height: 38px;
    line-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    text-align: center;
    font-size: 14px;
    font-weight: 900;
    text-decoration: none !important;
    display: inline-flex;
    align-items:center;
    justify-content:center;
    border: 1px solid rgba(255,255,255,.14);
    background: rgba(255,255,255,.06);
    color: rgba(255,255,255,.92) !important;
    transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
html.theme-light .myui-notice-btn{
    border-color: rgba(31,45,61,.12);
    background: rgba(31,45,61,.04);
    color: #1f2d3d !important;
}
.myui-notice-btn:hover{
    transform: translateY(-1px);
    background: rgba(255,255,255,.10);
}
.myui-notice-btn--primary{
    border-color: rgba(91,124,250,.45) !important;
    background: rgba(91,124,250,.14) !important;
    color: rgba(255,255,255,.96) !important;
}
html.theme-light .myui-notice-btn--primary{
    border-color: rgba(91,124,250,.35) !important;
    background: rgba(91,124,250,.10) !important;
    color: #1f2d3d !important;
}
.myui-notice-btn--accent{
    border-color: rgba(25,195,125,.45) !important;
    background: rgba(25,195,125,.12) !important;
    color: rgba(255,255,255,.96) !important;
}
html.theme-light .myui-notice-btn--accent{
    border-color: rgba(25,195,125,.35) !important;
    background: rgba(25,195,125,.10) !important;
    color: #1f2d3d !important;
}
@media (max-width: 767px){
    .myui-notice-btn{ height: 36px; line-height: 36px; font-size: 13px; }
}

/* =============================
   系统消息弹窗（双主题，accent 随 --wb-accent / JS --accent）
   ============================= */
.layui-layer.myui-sysmsg-layer{
    border-radius:var(--wb-radius-panel,12px) !important;
    overflow: hidden;
    transform-origin: 50% 20%;
}
.layui-layer.myui-sysmsg-layer .layui-layer-content{
    padding: 0 !important;
    background: transparent !important;
    overflow: hidden;
}
html.theme-light .layui-layer.myui-sysmsg-layer{
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 22px 60px -20px rgba(15,23,42,.35), 0 0 0 1px rgba(255,255,255,.55) inset;
}
html.theme-dark .layui-layer.myui-sysmsg-layer{
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 22px 60px -16px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.06);
}
.layui-layer.myui-sysmsg-layer.myui-sysmsg-anim{
    animation: myuiSysmsgIn .28s ease-out both;
}
@keyframes myuiSysmsgIn{
    from{ opacity: 0; transform: translateY(12px) scale(.97); }
    to{ opacity: 1; transform: translateY(0) scale(1); }
}

.myui-sysmsg-pop{
    --accent: var(--wb-accent, #2563eb);
    --accent2: #4f46e5;
    height: 100%;
    display: flex;
    flex-direction: column;
}
html.theme-dark .myui-sysmsg-pop{
    --accent2: #19c37d;
}
html.theme-light .myui-sysmsg-pop{
    background: linear-gradient(165deg, rgba(255,255,255,.98) 0%, rgba(248,250,252,.98) 100%);
    color: var(--wb-text, #0f172a);
}
html.theme-dark .myui-sysmsg-pop{
    background: linear-gradient(165deg, rgba(24,24,36,.98) 0%, rgba(17,24,39,.98) 100%);
    color: var(--wb-text, #f1f5f9);
}

.myui-sysmsg-head{
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 14px 52px 0 18px;
    min-height: 44px;
}
.myui-sysmsg-head__title{
    font-size: 17px;
    font-weight: 700;
    letter-spacing: .02em;
    margin: 0;
}
html.theme-light .myui-sysmsg-head__title{ color: #0f172a; }
html.theme-dark .myui-sysmsg-head__title{ color: #f1f5f9; }

.myui-sysmsg-head__close{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 0;
    background: transparent;
    color: #64748b;
    text-decoration: none;
    font-size: 22px;
    line-height: 1;
    transition: background .15s ease, color .15s ease;
}
html.theme-dark .myui-sysmsg-head__close{ color: #94a3b8; }
.myui-sysmsg-head__close:hover{
    background: rgba(148,163,184,.15);
    color: #0f172a;
}
html.theme-dark .myui-sysmsg-head__close:hover{
    background: rgba(148,163,184,.12);
    color: #e2e8f0;
}

.myui-sysmsg-accent{
    flex: 0 0 auto;
    height: 3px;
    margin: 10px 18px 0;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--accent), var(--accent2));
}

.myui-sysmsg-body{
    flex: 1 1 auto;
    overflow: auto;
    padding: 14px 20px 8px;
    -webkit-overflow-scrolling: touch;
}
.myui-sysmsg-msgtitle{
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 10px;
    padding-left: 12px;
    position: relative;
    letter-spacing: .02em;
}
html.theme-light .myui-sysmsg-msgtitle{ color: #0f172a; }
html.theme-dark .myui-sysmsg-msgtitle{ color: #f1f5f9; }
.myui-sysmsg-msgtitle:before{
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 4px;
    height: calc(100% - 4px);
    min-height: 16px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--accent), var(--accent2));
}

.myui-sysmsg-content{
    font-size: 14px;
    line-height: 1.65;
    word-break: break-word;
}
html.theme-light .myui-sysmsg-content{ color: #334155; }
html.theme-dark .myui-sysmsg-content{ color: #cbd5e1; }
.myui-sysmsg-content img{ max-width: 100%; height: auto; border-radius: 8px; }
.myui-sysmsg-content a{
    color: var(--wb-accent, var(--accent));
    text-decoration: none;
    border-bottom: 1px dashed rgba(37,99,235,.35);
}
html.theme-dark .myui-sysmsg-content a{
    border-bottom-color: rgba(64,204,146,.40);
}
.myui-sysmsg-content a:hover{
    border-bottom-style: solid;
    opacity: .92;
}

.myui-sysmsg-foot{
    flex: 0 0 auto;
    display: flex;
    gap: 10px;
    padding: 12px 18px 18px;
    flex-wrap: wrap;
}
.myui-sysmsg-btn{
    flex: 1 1 0;
    min-width: 0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    border: 1px solid transparent;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .15s ease, background .15s ease;
    user-select: none;
}
.myui-sysmsg-btn:active{ transform: scale(.98); }

.myui-sysmsg-btn--accent{
    background: #fff;
    border-color: rgba(15,23,42,.12);
    color: #334155 !important;
}
html.theme-dark .myui-sysmsg-btn--accent{
    background: rgba(30,41,59,.6);
    border-color: rgba(255,255,255,.12);
    color: #e2e8f0 !important;
}
.myui-sysmsg-btn--accent:hover{ background: #f8fafc; }
html.theme-dark .myui-sysmsg-btn--accent:hover{ background: rgba(51,65,85,.5); }

.myui-sysmsg-btn--primary{
    color: #fff !important;
    border: 0;
    background: linear-gradient(135deg, var(--accent) 0%, var(--accent2) 120%);
}
html.theme-light .myui-sysmsg-btn--primary{
    box-shadow: 0 10px 26px rgba(37,99,235,.28);
}
html.theme-dark .myui-sysmsg-btn--primary{
    box-shadow: 0 10px 26px rgba(64,204,146,.28);
}
.myui-sysmsg-btn--primary:hover{
    filter: brightness(1.04);
}
html.theme-light .myui-sysmsg-btn--primary:hover{
    box-shadow: 0 12px 28px rgba(37,99,235,.34);
}
html.theme-dark .myui-sysmsg-btn--primary:hover{
    box-shadow: 0 12px 28px rgba(64,204,146,.36);
}

/* =============================
   会员中心：快捷入口（收藏/播放/下载/推广）纵向一列 + 渐变按钮
   ============================= */
.myui-user__head{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.myui-user__head > li{
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.myui-user__head > li > a.btn{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 44px;
    line-height: 44px;
    border: none !important;
    border-radius: 12px;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    box-shadow: none;
    text-shadow: none;
}
.myui-user__head > li > a.btn:hover{
    filter: brightness(1.05);
}
.myui-user__head > li:nth-child(1) > a.btn{
    background: linear-gradient(135deg, #ff6b6b 0%, #ff9f43 100%); /* 我的收藏 */
}
.myui-user__head > li:nth-child(2) > a.btn{
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%); /* 播放记录 */
}
.myui-user__head > li:nth-child(3) > a.btn{
    background: linear-gradient(135deg, #2ed573 0%, #1e90ff 100%); /* 下载记录 */
}
.myui-user__head > li:nth-child(4) > a.btn{
    background: linear-gradient(135deg, #feca57 0%, #ff6b6b 100%); /* 推广赚钱 */
}

/* =============================
   会员中心：我的资料 TAB（移动端优化 + loading）
   ============================= */
.myui-profile-tabs{
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    padding: 6px 0;
    margin: 0;
}
.myui-profile-tabs::-webkit-scrollbar{ display:none; }
.myui-profile-tabs > li{
    float: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
}
.myui-profile-tabs > li > a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 999px;
    white-space: nowrap;
    transition: all .2s ease;
}
html.theme-light .myui-profile-tabs > li > a{
    background: #f6f8fb;
    color: #334155;
    border-color: #edf1f6;
}
html.theme-dark .myui-profile-tabs > li > a{
    background: rgba(30,41,59,.65);
    color: #f1f5f9;
    border-color: rgba(148,163,184,.24);
    box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.myui-profile-tabs > li.active > a{
    transform: translateY(-1px);
}
html.theme-light .myui-profile-tabs > li.active > a{
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 6px 16px rgba(37,99,235, 0.22);
}
html.theme-dark .myui-profile-tabs > li.active > a{
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 10px 26px rgba(37,99,235,.42), 0 0 0 1px rgba(255,255,255,.1);
    font-weight: 700;
}

/* Ajax 切换时的轻量 loading */
.myui-profile-tab-panel{
    position: relative;
    min-height: 80px;
}
.myui-profile-tab-panel.is-loading{
    pointer-events: none;
}
.myui-profile-tab-panel.is-loading:after{
    content: "加载中…";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    letter-spacing: .5px;
    border-radius: 8px;
}
html.theme-light .myui-profile-tab-panel.is-loading:after{
    background: rgba(255,255,255,0.75);
    color: #64748b;
}
html.theme-dark .myui-profile-tab-panel.is-loading:after{
    background: rgba(0,0,0,0.35);
    color: rgba(255,255,255,0.72);
}

@media (max-width: 767px){
    .myui-profile-tabs{
        padding: 8px 0;
        gap: 8px;
    }
    .myui-profile-tabs > li > a{
        padding: 9px 12px;
        font-size: 12px;
    }
}

@media (max-width:767px){
    .category-modal{ width:min(78vw,300px); max-width:300px; }
    .category-modal-body{ padding:16px 14px max(22px, env(safe-area-inset-bottom, 0px)); flex:1; min-height:0; height:auto; max-height:none; }
    .category-modal-body .item.nav-list > li:first-child{
        width:100%;
        flex:0 0 100%;
        margin-right:0;
    }
    .category-modal-body .item.nav-list .category-children-list li.category-child-item{
        flex:0 0 calc((100% - 8px) / 2);
        max-width:calc((100% - 8px) / 2);
    }
}

@keyframes fadeIn{ from{opacity:0} to{opacity:1} }

/* =============================
   Auth 页面（登录/注册/找回密码）统一主题UI
   ============================= */
.myui-auth{
    position: relative;
    padding: 26px 12px 36px;
}
.myui-auth__wrap{
    max-width: 520px;
    margin: 0 auto;
}
.min-width-0{ min-width: 0; }
.myui-auth__card{
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 26px 90px rgba(0,0,0,.45);
    overflow: hidden;
    /* 默认按深色主题渲染，避免 body 未挂 theme-dark 时透明 */
    background: rgba(10,10,18,.86);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.myui-auth__hd{
    padding: 22px 18px 12px;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content: center;
    gap: 12px;
    text-align: center;
}
.myui-auth__logo{
    width: 180px;
    height: 56px;
    border-radius: 14px;
    overflow: hidden;
    flex: 0 0 auto;
    background: rgba(255,255,255,.06);
    display:flex;
    align-items:center;
    justify-content:center;
}
.myui-auth__logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    display:block;
    padding: 8px 10px;
}
.myui-auth__title{
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1.2;
    white-space: nowrap;
}
.myui-auth__sub{
    margin: 6px 0 0;
    font-size: 12px;
    opacity: .70;
    line-height: 1.4;
    max-width: 360px;
}
.myui-auth__bd{ padding: 0 18px 18px; }

/* 顶部方式切换（找回密码：问题/邮箱/手机） */
.myui-auth__tabs{
    display:flex;
    gap: 8px;
    padding: 0 18px 14px;
    flex-wrap: wrap;
}
.myui-auth__tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height: 34px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.06);
    color: inherit;
    text-decoration:none;
    font-size: 13px;
    font-weight: 400;
    transition: transform .12s ease, background .12s ease, border-color .12s ease;
}
.myui-auth__tab:active{ transform: scale(.98); }
.myui-auth__tab.is-active{
    border-color: rgba(91,124,250,.45);
    background: rgba(91,124,250,.14);
}
html.theme-dark .myui-auth__tab{
    border-color: rgba(148,163,184,.26);
    background: rgba(30,41,59,.55);
    color: #e2e8f0;
}
html.theme-dark .myui-auth__tab.is-active{
    border-color: rgba(129,140,248,.55);
    background: linear-gradient(135deg, rgba(99,102,241,.38), rgba(79,70,229,.25));
    color: #fff;
    font-weight: 600;
    box-shadow: 0 8px 22px rgba(79,70,229,.3);
}

/* 表单控件统一 */
.myui-auth .input-list{ margin: 0; padding: 0; list-style:none; }
.myui-auth .input-list li{ margin: 0 0 12px; }
.myui-auth .form-control{
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(0,0,0,.18);
    color: rgba(255,255,255,.90);
    padding: 0 14px;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}
.myui-auth .form-control::placeholder{ color: rgba(255,255,255,.55); }
.myui-auth .form-control:focus{
    border-color: rgba(91,124,250,.55);
    box-shadow: 0 0 0 3px rgba(91,124,250,.18);
}
.myui-auth .auth-row{
    display:flex;
    gap: 12px;
    align-items:center;
}
.myui-auth .auth-row .form-control{ flex: 1; }
.myui-auth .auth-row img{
    width: 96px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(255,255,255,.12);
    object-fit: cover;
    cursor: pointer;
}

/* 按钮统一 */
.myui-auth .btn{
    border-radius: 12px !important;
}
.myui-auth .btn.btn-primary{
    border: none;
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    box-shadow: 0 12px 28px rgba(0,0,0,.28);
}
.myui-auth .btn.btn-default{
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    color: inherit;
}
.myui-auth .btn.btn-primary:active,
.myui-auth .btn.btn-default:active{ transform: scale(.99); }

.myui-auth__links{
    display:flex;
    gap: 10px;
    justify-content:center;
    flex-wrap: wrap;
    padding-top: 8px;
    font-size: 13px;
}
.myui-auth__links a{ text-decoration:none; opacity: .85; }
.myui-auth__links a:hover{ opacity: 1; }

.myui-auth__divider{
    height: 1px;
    background: rgba(255,255,255,.10);
    margin: 14px 0;
}
.myui-auth__oauth{
    display:flex;
    flex-direction: column;
    align-items:center;
    gap: 10px;
    padding-top: 6px;
}
.myui-auth__oauth-title{
    font-size: 12px;
    opacity: .70;
}
.myui-auth__oauth-icons{ display:flex; gap: 12px; align-items:center; justify-content:center; }
.myui-auth__oauth-icons a{ display:inline-flex; width: 38px; height: 38px; border-radius: 12px; align-items:center; justify-content:center; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); }
.myui-auth__oauth-icons a:hover{ background: rgba(255,255,255,.10); }
.myui-auth__oauth-icons img{ width: 22px; height: 22px; }

/* 主题适配：默认按深色；浅色下更干净 */
html.theme-light .myui-auth__card{
    background: rgba(255,255,255,.92);
    border-color: rgba(31,45,61,.10);
    box-shadow: 0 18px 70px rgba(15,23,42,.12);
}
html.theme-light .myui-auth__divider{ background: rgba(31,45,61,.10); }
html.theme-light .myui-auth .form-control{
    background: rgba(31,45,61,.04);
    border-color: rgba(31,45,61,.10);
    color: #1f2d3d;
}
html.theme-light .myui-auth .form-control::placeholder{ color: rgba(31,45,61,.45); }
html.theme-light .myui-auth__oauth-icons a{
    background: rgba(31,45,61,.04);
    border-color: rgba(31,45,61,.10);
}
html.theme-dark .myui-auth__card{
    background: rgba(10,10,18,.86);
}

@media (max-width: 767px){
    .myui-auth{ padding: 18px 10px 26px; }
    .myui-auth__hd{ padding: 16px 14px 12px; }
    .myui-auth__bd{ padding: 0 14px 14px; }
    .myui-auth__tabs{ padding: 0 14px 12px; }
    .myui-auth .form-control{ height: 42px; }
    .myui-auth .auth-row img{ height: 42px; }
}

/* 认证页全屏布局：覆盖 wb-uc 对 form-control/btn 的 !important */
body.wb-uc.wb-auth-page{
    padding-top:0 !important;
    padding-bottom:max(16px, env(safe-area-inset-bottom, 0px)) !important;
    min-height:100vh;
    background:linear-gradient(165deg, #eef4ff 0%, #f8fafc 42%, #ffffff 100%) !important;
}
html.theme-dark body.wb-uc.wb-auth-page{
    background:linear-gradient(165deg, #070a14 0%, #0d1020 45%, #111827 100%) !important;
}
body.wb-uc.wb-auth-page #header-top,
body.wb-uc.wb-auth-page .myui-nav__tabbar.wb-bottom-tabbar{
    display:none !important;
}
body.wb-uc.wb-auth-page .myui-auth{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:max(16px, env(safe-area-inset-top, 0px)) 16px max(24px, env(safe-area-inset-bottom, 0px));
    box-sizing:border-box;
}
body.wb-uc.wb-auth-page .myui-auth__wrap{
    width:100%;
    max-width:440px;
}
body.wb-uc.wb-auth-page .myui-auth__card{
    border-radius:22px;
    border:1px solid rgba(15,23,42,.06);
    box-shadow:0 24px 60px rgba(15,23,42,.10);
    background:#fff;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__card{
    background:rgba(18,22,38,.96);
    border-color:rgba(255,255,255,.08);
    box-shadow:0 28px 70px rgba(0,0,0,.45);
}
body.wb-uc.wb-auth-page .myui-auth__back{
    position:fixed;
    top:max(10px, env(safe-area-inset-top, 0px));
    left:max(10px, env(safe-area-inset-left, 0px));
    z-index:20;
    width:40px;
    height:40px;
    border-radius:12px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#334155;
    background:rgba(255,255,255,.92);
    border:1px solid rgba(15,23,42,.08);
    box-shadow:0 4px 14px rgba(15,23,42,.08);
}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__back{
    color:#e2e8f0;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.12);
}
body.wb-uc.wb-auth-page .myui-auth__title{
    font-size:24px;
    font-weight:700;
    color:#0f172a;
    letter-spacing:-.03em;
}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__title{ color:#f8fafc; }
body.wb-uc.wb-auth-page .myui-auth__sub{
    font-size:14px;
    opacity:1;
    color:#64748b;
}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__sub{ color:#94a3b8; }
body.wb-uc.wb-auth-page .myui-auth .form-control{
    height:48px !important;
    line-height:48px !important;
    border-radius:14px !important;
    border:1px solid #e2e8f0 !important;
    background:#f8fafc !important;
    color:#0f172a !important;
    padding:0 16px !important;
    font-size:15px !important;
    box-shadow:none !important;
}
body.wb-uc.wb-auth-page .myui-auth .form-control:focus{
    border-color:#93c5fd !important;
    background:#fff !important;
    box-shadow:0 0 0 3px rgba(37,99,235,.14) !important;
}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth .form-control{
    border-color:rgba(255,255,255,.12) !important;
    background:rgba(255,255,255,.06) !important;
    color:#f1f5f9 !important;
}
body.wb-uc.wb-auth-page .myui-auth .form-control::placeholder{
    color:#94a3b8 !important;
}
body.wb-uc.wb-auth-page .myui-auth .btn.btn-lg{
    height:48px !important;
    line-height:48px !important;
    border-radius:14px !important;
    font-size:16px !important;
    font-weight:600 !important;
}
body.wb-uc.wb-auth-page .myui-auth .btn.btn-primary{
    background:linear-gradient(135deg, #2563eb 0%, #4f46e5 100%) !important;
    box-shadow:0 12px 28px rgba(37,99,235,.28) !important;
}
body.wb-uc.wb-auth-page .myui-auth .auth-row img{
    width:108px;
    height:48px;
    border-radius:14px;
}
body.wb-uc.wb-auth-page .myui-auth .auth-row .btn{
    flex:0 0 auto;
    height:48px !important;
    line-height:48px !important;
    padding:0 14px !important;
    border-radius:14px !important;
    white-space:nowrap;
    font-size:13px !important;
}
body.wb-uc.wb-auth-page .myui-auth__links a{
    color:#64748b;
    opacity:1;
    font-size:14px;
}
body.wb-uc.wb-auth-page .myui-auth__links a:hover{
    color:#2563eb;
}
body.wb-uc.wb-auth-page .myui-auth__divider{
    background:#e2e8f0;
    margin:18px 0 14px;
}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__divider{
    background:rgba(255,255,255,.10);
}
body.wb-uc.wb-auth-page .myui-auth__oauth-title{
    font-size:13px;
    color:#94a3b8;
    opacity:1;
}
body.wb-uc.wb-auth-page .myui-auth__oauth-icons{
    gap:20px;
    margin-top:4px;
}
body.wb-uc.wb-auth-page .wb-oauth-btn{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    gap:8px;
    width:auto;
    height:auto;
    padding:0;
    border:0;
    background:transparent;
    text-decoration:none;
    color:#64748b;
    font-size:12px;
}
body.wb-uc.wb-auth-page .wb-oauth-btn > i{
    width:52px;
    height:52px;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    color:#fff;
    box-shadow:0 10px 22px rgba(15,23,42,.12);
    transition:transform .15s ease, box-shadow .15s ease;
}
body.wb-uc.wb-auth-page .wb-oauth-btn:active > i{
    transform:scale(.96);
}
body.wb-uc.wb-auth-page .wb-oauth-btn--qq > i{
    background:linear-gradient(145deg, #31c4ff 0%, #12b7f5 100%);
}
body.wb-uc.wb-auth-page .wb-oauth-btn--wx > i{
    background:linear-gradient(145deg, #2cd36b 0%, #07c160 100%);
}
body.wb-uc.wb-auth-page .wb-oauth-btn--tg > i{
    background:linear-gradient(145deg, #3dbaf0 0%, #229ED9 100%);
}
body.wb-uc.wb-auth-page .myui-auth__tab{
    flex:1;
    min-width:0;
    height:38px;
    border-radius:11px;
    font-size:13px;
    border-color:#e2e8f0;
    background:#f8fafc;
    color:#475569;
}
body.wb-uc.wb-auth-page .myui-auth__tab.is-active{
    border-color:transparent !important;
    background:linear-gradient(135deg, #2563eb 0%, #4f46e5 100%) !important;
    color:#fff !important;
    box-shadow:0 8px 20px rgba(37,99,235,.25);
}
body.wb-uc.wb-auth-page .myui-auth__field-label{
    display:block;
    margin:0 0 6px;
    font-size:13px;
    font-weight:500;
    color:#334155;
    text-align:left;
}
html.theme-dark body.wb-uc.wb-auth-page .myui-auth__field-label{ color:#cbd5e1; }
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth{
    min-height:0;
    padding:0;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__wrap{
    max-width:none;
    margin:0;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__card{
    box-shadow:none;
    border:0;
    border-radius:16px;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    overflow:hidden;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__hd{
    padding:16px 16px 8px;
    gap:8px;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__logo{
    width:150px;
    height:48px;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__sub{
    margin-top:4px;
    font-size:11px;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__bd{
    padding:0 16px 12px;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__links{
    margin-top:4px;
    padding-bottom:0;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__oauth{
    padding-bottom:4px;
}
body.wb-uc.wb-auth-page.wb-uc-iframe .myui-auth__back{
    display:none;
}
html.theme-light body.wb-uc.wb-auth-page.wb-uc-iframe,
html.theme-dark body.wb-uc.wb-auth-page.wb-uc-iframe{
    background:transparent !important;
}

/* =============================
   影片卡片布局切换（横版/竖版/大图）
   - 横版：沿用现有比例
   - 竖版：海报比例 + 列数更密
   - 大图：16:9 封面，手机 1 列，平板/PC 2 列
   ============================= */
body.layout-wide .myui-vodlist__thumb{ padding-top: 60% !important; }
body.layout-poster .myui-vodlist__thumb{ padding-top: 140% !important; }
body.layout-large .myui-vodlist__thumb{ padding-top: 56.25% !important; }

/* 默认改为横版封面（即使 JS 初始化失败也生效）；竖版/大图单独覆盖 */
body:not(.layout-poster):not(.layout-large) .myui-vodlist__thumb{ padding-top: 60% !important; }

/* 首页“分类模块”级别布局覆盖（同一页多个分类，不能用 body class 统一控制）
   注意：必须比 `body:not(.layout-poster) .myui-vodlist__thumb` 更高优先级 */
.myui-vodlist.wb-layout-wide .myui-vodlist__thumb{ padding-top: 60% !important; }
.myui-vodlist.wb-layout-poster .myui-vodlist__thumb{ padding-top: 140% !important; }
.myui-vodlist.wb-layout-large .myui-vodlist__thumb{ padding-top: 56.25% !important; }
.myui-vodlist.wb-layout-scroll .myui-vodlist__thumb{ padding-top: 60% !important; }
.myui-vodlist.wb-layout-hero .myui-vodlist__thumb{ padding-top: 60% !important; }
.myui-vodlist.wb-layout-poster .myui-vodlist__detail .text{ display:none; }

/* 横向封面滚动：单行横滑 */
ul.myui-vodlist.wb-layout-scroll,
.myui-vodlist.wb-layout-scroll{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto;
    overflow-y:hidden;
    margin-left:0!important;
    margin-right:0!important;
    padding-bottom:4px;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
}
ul.myui-vodlist.wb-layout-scroll.wb-layout-scroll--auto,
.myui-vodlist.wb-layout-scroll.wb-layout-scroll--auto{
    scroll-snap-type:none;
    scroll-behavior:auto;
}
ul.myui-vodlist.wb-layout-scroll.wb-layout-scroll--auto > li,
.myui-vodlist.wb-layout-scroll.wb-layout-scroll--auto > li{
    scroll-snap-align:none;
}
ul.myui-vodlist.wb-layout-scroll::-webkit-scrollbar,
.myui-vodlist.wb-layout-scroll::-webkit-scrollbar{
    display:none;
}
ul.myui-vodlist.wb-layout-scroll > li,
.myui-vodlist.wb-layout-scroll > li,
ul.myui-vodlist.wb-layout-scroll > li.wb-layout-scroll__item,
.myui-vodlist.wb-layout-scroll > li.wb-layout-scroll__item{
    flex:0 0 42%!important;
    width:42%!important;
    max-width:42%!important;
    float:none!important;
    scroll-snap-align:start;
}
@media (min-width:768px){
    ul.myui-vodlist.wb-layout-scroll > li,
    .myui-vodlist.wb-layout-scroll > li,
    ul.myui-vodlist.wb-layout-scroll > li.wb-layout-scroll__item,
    .myui-vodlist.wb-layout-scroll > li.wb-layout-scroll__item{
        flex:0 0 30%!important;
        width:30%!important;
        max-width:30%!important;
    }
}
@media (min-width:992px){
    ul.myui-vodlist.wb-layout-scroll > li,
    .myui-vodlist.wb-layout-scroll > li,
    ul.myui-vodlist.wb-layout-scroll > li.wb-layout-scroll__item,
    .myui-vodlist.wb-layout-scroll > li.wb-layout-scroll__item{
        flex:0 0 24%!important;
        width:24%!important;
        max-width:24%!important;
    }
}

/* 首个卡片大图：首项通栏，其余双列横版 */
ul.myui-vodlist.wb-layout-hero > li.wb-layout-hero__lead,
.myui-vodlist.wb-layout-hero > li.wb-layout-hero__lead{
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    float:none!important;
}
ul.myui-vodlist.wb-layout-hero > li.wb-layout-hero__lead .myui-vodlist__thumb,
.myui-vodlist.wb-layout-hero > li.wb-layout-hero__lead .myui-vodlist__thumb{
    padding-top:56.25%!important;
}
ul.myui-vodlist.wb-layout-hero > li.wb-layout-hero__lead .wb-vod-card__title,
ul.myui-vodlist.wb-layout-hero > li.wb-layout-hero__lead .wb-vod-card__title a,
.myui-vodlist.wb-layout-hero > li.wb-layout-hero__lead .wb-vod-card__title,
.myui-vodlist.wb-layout-hero > li.wb-layout-hero__lead .wb-vod-card__title a{
    font-size:16px;
    font-weight:600;
}
ul.myui-vodlist.wb-layout-hero > li:not(.wb-layout-hero__lead),
.myui-vodlist.wb-layout-hero > li:not(.wb-layout-hero__lead){
    width:50%!important;
    max-width:50%!important;
    flex:0 0 50%!important;
    float:left!important;
}
ul.myui-vodlist.wb-layout-hero > li:not(.wb-layout-hero__lead) .myui-vodlist__thumb,
.myui-vodlist.wb-layout-hero > li:not(.wb-layout-hero__lead) .myui-vodlist__thumb{
    padding-top:60%!important;
}

/* 横向封面（wide）在手机端默认 2 列：横图更适合 2 列展示，避免 3 列过挤 */
@media (max-width: 767px){
    body.layout-wide ul.myui-vodlist > li,
    ul.myui-vodlist.wb-layout-wide > li{
        width: 50% !important;
    }
}

/* 大图卡片：手机 1 列全宽 */
body.layout-large ul.myui-vodlist > li,
ul.myui-vodlist.wb-layout-large > li{
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;
}
@media (min-width: 768px){
    body.layout-large ul.myui-vodlist > li,
    ul.myui-vodlist.wb-layout-large > li{
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        float: left !important;
    }
}

/* 大图：标题与间距 */
body.layout-large .wb-vod-card.myui-vodlist__box,
.myui-vodlist.wb-layout-large .wb-vod-card.myui-vodlist__box{
    margin-bottom: 14px;
}
body.layout-large .wb-vod-card__title,
body.layout-large .wb-vod-card__title a,
.myui-vodlist.wb-layout-large .wb-vod-card__title,
.myui-vodlist.wb-layout-large .wb-vod-card__title a{
    font-size: 15px;
    font-weight: 400;
}
body.layout-large .wb-vod-card__detail,
.myui-vodlist.wb-layout-large .wb-vod-card__detail{
    padding: 8px 4px 6px !important;
    gap: 8px;
}
body.layout-large .wb-vod-card__meta,
.myui-vodlist.wb-layout-large .wb-vod-card__meta{
    font-size: 12px;
}

/* 仅影响常规影片列表（避免影响媒体列表/演员等模块） */
body.layout-poster ul.myui-vodlist > li{
    width: 33.3333333% !important; /* 手机默认 3列 */
}
@media (min-width: 768px){
    body.layout-poster ul.myui-vodlist > li{ width: 33.3333333% !important; }
}

/* 竖版下隐藏部分冗余信息，让卡片更紧凑 */
body.layout-poster .myui-vodlist__detail .text{ display:none; }

/* 关键修复：即使全局是竖版(=3列)，只要某个模块标记为横向封面(wb-layout-wide)，手机端也强制 2 列
   - 解决：首页分类模块设置“横向封面”但仍显示 3 列（被 body.layout-poster 规则覆盖） */
@media (max-width: 767px){
    body.layout-poster ul.myui-vodlist.wb-layout-wide > li,
    body.layout-poster ul.wb-layout-wide.myui-vodlist > li,
    ul.myui-vodlist.wb-layout-wide > li{
        width: 50% !important;
    }
}

.myui-header__top {
    position: fixed;
    /* 顶部悬浮轮播在 header 上方时，header 自动下移让位 */
    top: var(--top-floating-ad-height);
    left: 0;
    right: 0;
    z-index: 1000;
    width: 100%;
    height: var(--myui-header-height);
    background: #ffffff;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    border-bottom: none;
    transition: background-color 0.3s ease;
    box-sizing: border-box;
}

.myui-header__top:hover {
    box-shadow: none;
}

/* 模块间距：很多模块使用 `.myui-panel.myui-panel-bg` 作为外层容器
   统一给模块加上边距（包含第一个模块），保证模块与模块/顶部都有间隙 */
.myui-panel.myui-panel-bg,
.myui-panel.myui-panel-bg2{
    margin-top: 12px;
}

/* Headroom 已关闭：若浏览器仍缓存旧 JS 加上 top-fixed-down，也不要把顶栏拽出视口 */
.top-fixed-down {
    margin-top: 0 !important;
}


/* header-logo - 新版设计 */

.myui-header_bd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--myui-header-height);
    min-height: var(--myui-header-height);
    padding: 0;
}

.myui-header__logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    padding: 0 15px 0 0;
    float: none;
}

.myui-header__logo img {
    max-height: 34px;
    transition: transform 0.3s ease;
}

.myui-header__logo:hover img {
    transform: scale(1.05);
}

/* 注意：主体下移由 body padding-top 统一控制，避免多处叠加造成错位 */


/* header-seacrh - 新版设计 */

.myui-header__search {
    position: relative;
    flex: 0 0 320px;
    max-width: 320px;
    margin: 0 20px;
    z-index: 99999;
    float: none;
}

.search-box {
    position: relative;
    width: 100%;
}

.myui-header__search .form-control {
    width: 100%;
    height: 42px;
    padding: 0 50px 0 50px;
    border: 2px solid #e8e8e8;
    border-radius: 25px;
    background: #f8f9fa;
    font-size: 14px;
    color: #333;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.myui-header__search .form-control:focus {
    outline: none;
    border-color: #2563eb;
    background: #ffffff;
    box-shadow: 0 4px 16px rgba(37,99,235, 0.15);
    padding-left: 55px;
}

.myui-header__search .submit {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: none;
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    color: #ffffff;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(37,99,235, 0.3);
}

.myui-header__search .submit:hover {
    transform: translateY(-50%) scale(1.1);
    box-shadow: 0 4px 12px rgba(37,99,235, 0.4);
}

.myui-header__search .submit i {
    font-size: 14px;
}

.myui-header__search .dropdown-box {
    margin-left: -130px;
}

.myui-header__search .dropdown-box .item {
    width: 260px;
    padding: 20px;
}

.myui-header__search.search-box:hover .search-dropdown-hot {
    display: block;
}

.myui-header__search .search-select {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    color: #666;
    cursor: pointer;
    z-index: 2;
    padding-right: 10px;
    border-right: 1px solid #ddd;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.3s ease;
    background: none;
    box-shadow: none;
}

.myui-header__search .search-select:hover {
    color: #2563eb;
}

.myui-header__search .search-select .dropdown-box {
    margin-left: -40px;
    z-index: 101;
}

.myui-header__search .search-select .dropdown-box .item {
    width: 80px;
    padding: 10px;
}

.myui-header__search .search-select .dropdown-box .item li {
    text-align: center;
    padding: 2px 0;
}


/* header-menu - 新版设计 */

.myui-header__menu {
    display: flex;
    align-items: center;
    flex: 1;
    list-style: none;
    margin: 0;
    padding: 0 20px;
    position: relative;
    float: none;
}

.myui-header__menu>li {
    position: relative;
    margin-right: 8px;
    float: none;
    margin-left: 0;
    list-style: none;
}

.myui-header__menu>li:empty {
    display: none;
}

.myui-header__menu>li>a {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    color: #1f2d3d;
    background: transparent;
    padding: 10px 14px;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    min-height: 0;
}

.myui-header__menu>li>a::before {
    content: none;
}

.myui-header__menu>li>a::after {
    content: '';
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 6px;
    height: 2px;
    background: #2b6ff7;
    border-radius: 2px;
    opacity: 0;
    transform: scaleX(0.6);
    transform-origin: center;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.myui-header__menu>li>a:hover::before,
.myui-header__menu>li.active>a::before {
    left: 0;
}

.myui-header__menu>li>a:hover::before,
.myui-header__menu>li.active>a::before {
    left: 0;
}

.myui-header__menu>li>a:hover,
.myui-header__menu>li.active>a {
    color: #2b6ff7;
    transform: none;
    box-shadow: none;
}

.myui-header__menu>li>a:hover::after,
.myui-header__menu>li.active>a::after {
    opacity: 1;
    transform: scaleX(1);
}

.myui-header__menu>li>a i {
    font-size: 13px;
}

/*.myui-header__menu>li.active>a {*/
/*    color: #ff5197;*/
/*}*/

.myui-header__menu>li .dropdown-box {
    margin-left: -250px;
    padding-top: 0;
}

.myui-header__menu>li .dropdown-box .item {
    width: 500px;
}

.myui-header__menu>li .dropdown-box .item li {
    padding: 6px;
}

/* 确保 nav-list 的 li 不受上面的 padding 影响 */
.myui-header__menu>li .dropdown-box .item.nav-list li {
    padding: 0 !important;
    margin: 0 !important;
}

/* 明色模式：确保二级菜单样式正确（baise.css 中已定义完整样式） */
html.theme-light .myui-header__menu>li .dropdown-box .item.nav-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    padding: 20px !important; /* 统一 padding，四个方向一致 */
    overflow: hidden !important; /* 防止内容超出圆角 */
}

html.theme-light .myui-header__menu>li .dropdown-box .item.nav-list li {
    padding: 0 !important;
    margin: 0 !important;
}

/* PC 顶级菜单二级下拉：对齐当前菜单项（不再整体向左偏移） */
.myui-header__menu>li.dropdown-hover .dropdown-box {
    margin-left: 0;
    right: auto;
    left: 0;
}

.myui-header__menu>li.dropdown-hover .dropdown-box .item {
    width: 500px;
    padding: 0 !important; /* 确保没有额外 padding 导致前面空白 */
}

/* 明色模式：确保二级菜单样式正确（baise.css 中已定义，这里确保不被覆盖） */
html.theme-light .myui-header__menu>li .dropdown-box .item.nav-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    padding: 20px !important; /* 统一 padding，四个方向一致 */
}


/* header-user - 新版设计 */

.myui-header__user {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 12px;
    flex-shrink: 0;
    float: none;
}

.myui-header__user>li {
    position: relative;
    float: none;
    padding: 0;
    margin-left: 0;
}

.myui-header__user>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: #f4f6f9;
    color: #1f2d3d;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
}

.myui-header__user>li>a,
.myui-header__user>li>a .fa {
    font-size: 16px;
    line-height: normal;
}

.myui-header__user>li>a:hover,
.myui-header__user>li.dropdown-hover:hover > a {
    background: #e9eef6;
    color: #2b6ff7;
    transform: none;
    box-shadow: none;
}

/* 头部登录按钮（PC 右侧） */
.myui-header__user>li.header-login>a.header-login-btn {
    width: auto;
    padding: 0 14px;
    height: 40px;
    border-radius: 10px;
    background: #f4f6f9;
    color: #1f2d3d;
    font-size: 15px;
    font-weight: 600;
    gap: 8px;
}

.myui-header__user>li.header-login>a.header-login-btn:hover {
    background: #e9eef6;
    color: #2b6ff7;
}

.myui-header__user>li.header-login>a.header-login-btn i {
    font-size: 16px;
}

/* 下拉菜单 - 新版设计 */
.myui-header__user>li .dropdown-box,
.myui-header__menu>li .dropdown-box {
    position: absolute;
    top: 100%;
    margin-top: 8px;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 1001;
    min-width: 200px;
    border: 1px solid rgba(0, 0, 0, 0.05);
    right: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
}

.myui-header__user>li.dropdown-hover:hover .dropdown-box,
.myui-header__menu>li:hover .dropdown-box {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 修复：PC 顶部菜单下拉"鼠标划不过去/点不到"
   原因：下拉层与顶级菜单之间存在空隙（margin-top），鼠标穿过空隙 hover 会断开导致下拉隐藏。
   方案：去掉外层 margin-top，改用 padding-top 形成"透明缓冲区"，保证 hover 连续。 */
.myui-header__menu>li.dropdown-hover .dropdown-box {
    margin-top: 0;
    padding-top: 0; /* 改为 0，避免顶部空白，内容区域的 padding-top 已处理 */
}

/* 同样修复：右侧用户区（历史记录/会员中心等）下拉在 PC 端点不到 */
.myui-header__user>li.dropdown-hover .dropdown-box {
    margin-top: 0;
    padding-top: 10px;
}

.myui-header__user>li .dropdown-box .item {
    width: 260px;
    padding: 12px;
}

.myui-header__user>li.menu .dropdown-box .item {
    width: 160px;
    padding: 12px;
}

/* 历史记录下拉：限制高度，避免历史太多撑开 */
.myui-header__user>li.header-history .history-list {
    max-height: 320px;
    overflow: auto;
    padding-right: 4px;
}

/* 移动端：使用“点击展开”代替 hover，下拉默认隐藏，点开才显示 */
@media (max-width:767px) {
    .myui-header__user>li.dropdown-hover .dropdown-box {
        display: none;
    }
    .myui-header__user>li.dropdown-hover.is-open .dropdown-box {
        display: block;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.myui-header__user>li.menu .dropdown-box .item li,
.myui-header__user>li .dropdown-box .item li {
    padding: 8px 12px;
    border-radius: 8px;
    transition: all 0.2s ease;
    text-align: left;
}

.myui-header__user>li .dropdown-box .item li:hover,
.myui-header__user>li.menu .dropdown-box .item li:hover {
    background: #f8f9fa;
}

.myui-header__user>li .dropdown-box .item li a,
.myui-header__user>li.menu .dropdown-box .item li a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    display: block;
}

.myui-header__user>li .dropdown-box .item li a:hover,
.myui-header__user>li.menu .dropdown-box .item li a:hover {
    color: #5b7cfa;
}


/* content */

/* 详情区：封面与文案上下排列（原为主题左右并排） */
.myui-content__thumb {
    float: none;
    width: 100%;
}

/* body 前缀：与同文件靠前的 body:not(.layout-poster) .myui-vodlist__thumb { padding-top:60% !important }
   同特异性，靠后出现胜出。详情封面不用 padding-top 占位比例——否则竖版占位 + 横图 contain 会产生很高的灰边 */
/* PC/平板：通栏铺满主栏，避免居中窄块 + 大图 intrinsic 不占满导致两侧大片留白 */
body .myui-content__thumb .myui-vodlist__thumb {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0 !important;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}

body .myui-content__thumb.active .myui-vodlist__thumb {
    width: 100%;
    padding-top: 0 !important;
    height: auto;
}

body .myui-content__thumb .myui-vodlist__thumb.picture {
    background-color: rgba(0, 0, 0, .04);
}

html.theme-dark .myui-content__thumb .myui-vodlist__thumb.picture {
    background-color: rgba(255, 255, 255, .06);
}

/* 详情封面图：只限制最大高度，不按容器拉满宽度，避免比例被横向挤压变形。
   width:auto 保持原始宽高比；max-width:100% 仅防止比栏更宽时溢出。 */
body .myui-content__thumb .myui-vodlist__thumb.picture img {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: min(85vh, 920px);
    margin-left: auto;
    margin-right: auto;
}

body .myui-content__thumb .myui-vodlist__thumb.picture img:hover {
    right: auto !important;
}

.myui-content__detail,
.myui-content__operate {
    float: none;
    width: 100%;
    padding-left: 0;
}

.myui-content__detail {
    padding-top: 10px;
}

.myui-content__detail.active {
    width: 100%;
}

/* 详情海报右侧顶部「手机观看」：紧凑型，不要像整宽幅按钮 */
.myui-content__detail > a.btn.dropdown-hover {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    float: right;
    clear: none;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    margin: 0 0 6px 10px !important;
}
.myui-content__detail > a.btn.dropdown-hover .fa-mobile {
    font-size: 18px !important;
    vertical-align: middle !important;
}

/* 详情海报下方：信息区改版（模板 vod/detail_data → .wb-vod-detail-meta） */
.myui-content__detail .vod-detail-sheet {
    clear: both;
    padding-bottom: 0;
}

.myui-content__detail .vod-detail-sheet .wb-vod-detail-meta {
    margin-top: 4px;
}

.myui-content__detail .vod-detail-sheet .wb-vod-meta-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    margin-bottom: 8px;
}

/* 信息块：按内容收窄，不要拉成半行/整行宽条 */
.myui-content__detail .vod-detail-sheet .wb-vod-chip {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
    flex: 0 0 auto;
    width: fit-content;
    max-width: 100%;
    min-height: 32px;
    padding: 5px 10px;
    border-radius: 10px;
    background: var(--wb-surface-2, rgba(31, 45, 61, .05));
    border: 0;
    box-sizing: border-box;
}

html.theme-dark .myui-content__detail .vod-detail-sheet .wb-vod-chip {
    background: rgba(255, 255, 255, .05);
    border: 0;
}

.myui-content__detail .vod-detail-sheet .wb-vod-chip__k {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .02em;
    color: var(--wb-muted, rgba(31, 45, 61, .58));
    white-space: nowrap;
}

.myui-content__detail .vod-detail-sheet .wb-vod-chip__v {
    flex: 0 1 auto;
    min-width: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
    color: var(--wb-text, #1f2d3d);
    word-break: break-word;
}

html.theme-dark .myui-content__detail .vod-detail-sheet .wb-vod-chip__v {
    color: var(--wb-text);
}

.myui-content__detail .vod-detail-sheet a.wb-vod-chip__v {
    text-decoration: none !important;
}

.myui-content__detail .vod-detail-sheet a.wb-vod-chip__v:hover {
    color: var(--wb-accent);
}

.myui-content__detail .vod-detail-sheet .wb-vod-chip--plain .wb-vod-chip__v {
    font-weight: 400;
}

.myui-content__detail .vod-detail-sheet .wb-vod-chip--accent {
    border: 0;
    background: rgba(37, 99, 235, .06);
    flex: 0 1 auto;
    width: fit-content;
    max-width: 100%;
}

.myui-content__detail .vod-detail-sheet .wb-vod-chip--accent .wb-vod-chip__v {
    color: var(--wb-accent, #2563eb);
    font-weight: 500;
}

html.theme-dark .myui-content__detail .vod-detail-sheet .wb-vod-chip--accent {
    border: 0;
    background: rgba(37, 99, 235, .12);
}

.myui-content__detail .vod-detail-sheet .wb-vod-meta-text {
    margin-bottom: 8px;
    padding: 6px 0;
    border-radius: 0;
    border: 0;
    background: transparent;
}

html.theme-dark .myui-content__detail .vod-detail-sheet .wb-vod-meta-text {
    border: 0;
    background: transparent;
}

.myui-content__detail .vod-detail-sheet .wb-vod-meta-text:last-child {
    margin-bottom: 0;
}

.myui-content__detail .vod-detail-sheet .wb-vod-meta-text__label {
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .02em;
    color: var(--wb-muted, rgba(31, 45, 61, .55));
    margin-bottom: 6px;
}

.myui-content__detail .vod-detail-sheet .wb-vod-meta-text__body {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.72;
    word-break: break-word;
    color: var(--wb-text, #1f2d3d);
}

.myui-content__detail .vod-detail-sheet .wb-vod-meta-text__body a {
    display: inline-block;
    margin: 0 10px 6px 0;
    font-weight: 400;
}

/* 详情模板 .vod-detail-sheet：标题与元数据成组；PC 上略压低标题占位 */
.myui-content__detail .vod-detail-sheet .title {
    margin: 6px 0 8px;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: -0.02em;
    word-break: break-word;
}
.myui-content__detail.active .vod-detail-sheet .title {
    margin-top: 4px;
}
.myui-content__detail .vod-detail-sheet .score {
    margin-bottom: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}
.myui-content__detail .vod-detail-sheet .score .left {
    font-size: 13px;
    font-weight: 500;
    margin-right: 0;
}
.myui-content__detail .vod-detail-sheet .score .rating {
    top: 0;
    position: relative;
}
.myui-content__detail .vod-detail-sheet .score .branch {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}
.myui-content__detail .vod-detail-sheet .score #ratewords {
    font-size: 13px;
}
.myui-content__detail .vod-detail-sheet > .data {
    margin-bottom: 8px;
    line-height: 1.55;
}

.myui-content__detail .title {
    margin: 10px 0 10px;
    font-size: 24px;
    line-height: 30px
}

.myui-content__detail .title .score {
    display: inline-block;
    margin-left: 10px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

.myui-content__detail .data {
    margin-bottom: 10px;
    line-height: 20px;
    word-wrap: break-word;
    white-space: normal;
    word-break: break-all;
}

.myui-content__detail .score {
    margin-bottom: 20px;
}

.myui-content__detail .score .rating {
    display: inline-block;
    position: relative;
    top: 5px;
}

.myui-content__detail .score .rating li {
    cursor: pointer;
    display: inline-block;
    margin-right: 5px;
}

.myui-content__detail .score .rating li .fa {
    font-size: 24px;
}

.myui-content__detail .score .branch {
    display: inline-block;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 24px;
    line-height: 24px;
}

.myui-content__operate {
    float: none;
    margin-top: 10px
}

.myui-content__operate .btn {
    margin-left: 10px;
    margin-bottom: 10px;
}

.myui-content__operate .btn:first-child {
    margin-left: 0;
}

.myui-content__operate .share {
    margin-top: 5px
}

/* 详情剧情简介 / 播放页「关键词」：TAG 无边框、柔和底色、按序换色（:is 兼容两处容器） */
:is(#desc, #wbPlayKeywords) .myui-content__tag.wb-vod-desc-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px;
    margin: 0 0 14px;
    padding: 0;
    font-size: 13px;
    line-height: 1.45;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__label {
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    color: var(--wb-muted, rgba(31, 45, 61, .5));
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips .wb-vod-desc-tags__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 5px 12px;
    border: 0;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: transform .14s ease, filter .14s ease, opacity .14s ease;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips .wb-vod-desc-tags__chip:hover {
    transform: translateY(-1px);
    filter: brightness(1.04);
    text-decoration: none;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips .wb-vod-desc-tags__chip:active {
    transform: translateY(0);
    opacity: .92;
}

/* 8 色循环（浅色页） */
:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 1) {
    background: rgba(244, 63, 94, .14);
    color: #be123c;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 2) {
    background: rgba(245, 158, 11, .16);
    color: #b45309;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 3) {
    background: rgba(16, 185, 129, .14);
    color: #047857;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 4) {
    background: rgba(59, 130, 246, .14);
    color: #1d4ed8;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 5) {
    background: rgba(139, 92, 246, .14);
    color: #5b21b6;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 6) {
    background: rgba(249, 115, 22, .15);
    color: #c2410c;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 7) {
    background: rgba(6, 182, 212, .14);
    color: #0e7490;
}

:is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 8) {
    background: rgba(99, 102, 241, .14);
    color: #3730a3;
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__label {
    color: rgba(255, 255, 255, .45);
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 1) {
    background: rgba(244, 63, 94, .22);
    color: #fecdd3;
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 2) {
    background: rgba(245, 158, 11, .2);
    color: #fde68a;
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 3) {
    background: rgba(16, 185, 129, .2);
    color: #a7f3d0;
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 4) {
    background: rgba(59, 130, 246, .22);
    color: #bfdbfe;
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 5) {
    background: rgba(139, 92, 246, .22);
    color: #e9d5ff;
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 6) {
    background: rgba(249, 115, 22, .2);
    color: #fed7aa;
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 7) {
    background: rgba(6, 182, 212, .2);
    color: #a5f3fc;
}

html.theme-dark :is(#desc, #wbPlayKeywords) .wb-vod-desc-tags__chips > .wb-vod-desc-tags__chip:nth-child(8n + 8) {
    background: rgba(99, 102, 241, .22);
    color: #e0e7ff;
}

/* 播放页仅关键词模块：去掉与正文之间的多余下边距 */
#wbPlayKeywords .wb-play-keywords-mod__row {
    margin-bottom: 0;
}


/* player */

.myui-player {
    /* margin-bottom: 50px; */
    padding-bottom: 15px;
    padding-top: 50px;
}

.myui-player__item {
    position: relative;
}

.myui-player__item .fixed {
    position: fixed;
    z-index: 998;
    right: 0;
    bottom: 0;
    padding: 10px;
    background-color: #191d28;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.myui-player__item .tips {
    position: relative;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0 20px;
    color: #fff;
    background-color: #000000;
}

.myui-player__item .is-btn {
    position: absolute;
    z-index: 99;
    top: 50%;
    right: -12px;
    margin-top: -30px;
    display: block;
    width: 12px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 10px;
    border-radius: 0 4px 4px 0;
    background-color: #404040;
    color: #999;
}

.myui-player__item .player-fixed-off {
    display: none;
    position: absolute;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background-color: #fff;
    border-radius: 50%;
    color: #333;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
}

.myui-player__data {
    padding: 20px 0 10px;
}

.myui-player__data .title {
    font-size: 24px;
}

.myui-player__operate {
    padding: 8px 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    background-color: #ffffff;
}

.myui-player__operate > li > a,
.myui-player__operate > li > a.digg_link {
    display: block;
    padding: 4px 2px;
    font-size: 12px;
    line-height: 1.25;
}

.myui-player__operate > li > a .fa,
.myui-player__operate > li > a.digg_link .fa {
    vertical-align: middle;
}

/* 播放页「手机观看」下拉：与顶栏下拉区分，避免暗色下仍白底一块 */
.myui-player__operate .dropdown-box .item.wb-player-qrcode-item {
    padding: 10px 10px;
    width: auto;
    min-width: 160px;
}

.myui-player__operate .wb-player-qrcode-box {
    display: inline-block;
    padding: 8px;
    border-radius: 8px;
    background-color: #ffffff;
    box-sizing: border-box;
}

html.theme-dark .myui-player__operate {
    background: #1b1d24;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

html.theme-dark .myui-player__operate > li > a,
html.theme-dark .myui-player__operate > li > a.digg_link {
    color: rgba(255, 255, 255, .72);
}

html.theme-dark .myui-player__operate > li > a:hover,
html.theme-dark .myui-player__operate > li > a.digg_link:hover {
    color: rgba(255, 255, 255, .95);
}

html.theme-dark .myui-player__operate > li > a.disabled,
html.theme-dark .myui-player__operate > li > a.disabled .fa {
    color: rgba(255, 255, 255, .32) !important;
}

html.theme-dark .myui-player__operate .dropdown-box .item {
    background: #252830;
    color: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 10px 36px rgba(0, 0, 0, .45);
}

html.theme-dark .myui-player__operate .wb-player-qrcode-box {
    background: #2f3340;
}

html.theme-dark .myui-player__operate .dropdown-box .item .margin-0,
html.theme-dark .myui-player__operate .dropdown-box .item p {
    color: rgba(255, 255, 255, .62);
}

.myui-player__operate li {
    display: block;
    text-align: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}

.myui-player__operate li.playshare .dropdown-box {
    margin-left: -130px;
}

.myui-player__detail .title {
    margin: 0 0 10px
}

.myui-player__detail .detail-content {
    padding-top: 10px
}

.myui-player__detail .desc {
    padding-left: 42px
}

.myui-player__detail .desc .left {
    margin-left: -42px
}

#player-sidebar::-webkit-scrollbar {
    width: 4px;
    background-color: #1c1b1e;
}

#player-sidebar::-webkit-scrollbar-thumb {
    background-color: #434145;
}

.myui-player__notice {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -65px;
}

.myui-player__notice h3,
.myui-player__notice h5,
.myui-player__notice p {
    color: #fff;
}

.myui-player-links {
    position: relative;
    top: 15px;
    right: 10px;
}

.myui-player-links .btn {
    position: absolute;
    top: 0;
    right: -5px;
    border-radius: 0 5px 5px 0;
}


/* news */

.myui-newslist li {
    padding: 30px 0;
}

.myui-newslist li .title {
    margin: 0;
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
}

.myui-newslist li .desc {
    text-indent: 2em;
    margin: 0;
    padding: 20px 0;
    line-height: 25px;
}

.myui-newslist__text li .title {
    margin: 0;
    font-size: 15px;
}

.myui-art__nav li {
    padding: 6px 0;
}

.myui-art__nav li.active a {
    font-weight: bold;
    color: #5b7cfa;
}


/* footer */

.myui-foot {
    padding: 20px 0;
}

.myui-foot p {
    line-height: 25px;
    color: #8e9194;
}

@media (max-width:1400px) {
    /* header */
    .myui-header__top {
        /*padding: 0 20px;*/
        padding: 0 10px 10px 10px;
    }
    .myui-header__search {
        width: 200px;
        margin-left: 10px;
    }
    .myui-header__menu>li {
        margin-left: 10px;
    }
    .myui-header__user>li {
        margin-left: 10px;
    }
    .myui-header__menu>li:hover .head-dropdown,
    .myui-header__user>li:hover .head-dropdown {
        display: none;
    }
}

@media (max-width:1024px) {
    .myui-content__detail {
        width: 100%;
    }
}

@media (max-width:767px) {
    .myui-panel-bg,
    .myui-vodlist__bg,
    .myui-vodlist__bg:hover {
        box-shadow: none;
    }
    .myui-panel__head .title,
    .myui-panel__head .title a {
        font-size: 18px;
    }
    /* header - 移动端响应式 */
    .myui-header__top {
        height: var(--myui-header-height);
    }
    
    .myui-header_bd {
        display: flex;
        flex-wrap: nowrap;
        height: var(--myui-header-height);
        padding: 0;
        align-items: center;
        position: relative; /* 用于移动端 logo 绝对居中 */
    }

    /* 移动端：左侧片库按钮 */
    .myui-header__left{
        order: 0;
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        z-index: 2;
    }
    .myui-header__left .header-left-btn{
        width: 44px;
        height: 44px;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background: transparent;
        border: 0;
        box-shadow: none;
        color: #1f2d3d;
        transition: color .2s ease, transform .12s ease;
    }
    .myui-header__left .header-left-btn .fa{
        font-size: 20px;
        line-height: normal;
    }
    html.theme-dark .myui-header__left .header-left-btn{
        background: transparent;
        color: rgba(255,255,255,0.92);
    }
    .myui-header__left .header-left-btn:active{ transform: scale(.96); }
    html.theme-light .myui-header__left .header-left-btn:hover{ background:transparent; color:#2563eb; }
    html.theme-dark .myui-header__left .header-left-btn:hover{ background:transparent; color:#ffffff; }
    
    /* 第一行：Logo和用户图标 */
    .myui-header__logo {
        order: 1;
        flex: 0 0 auto;
        padding: 0;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }
    .myui-header__logo img{
        max-width: 180px;
    }
    
    .myui-header__user {
        order: 2;
        flex: 0 0 auto;
        margin-left: auto;
        gap: 8px;
        z-index: 2;
    }

    /* 移动端：右上角只保留「搜索」（主题切换在侧栏；会员走底部 Tab） */
    .myui-header__user > li{ display:none !important; }
    .myui-header__user > li.header-only-search{ display:block !important; }
    
    /* 隐藏移动端的搜索按钮 */
    .myui-header__user>li .open-search,
    .myui-header__user>li:has(.open-search) {
        display: none !important;
    }
    
    .myui-header__user>li {
        margin-left: 0;
        padding: 0;
    }
    
    .myui-header__user>li>a {
        width: 44px;
        height: 44px;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
    }
    
    .myui-header__user>li>a .fa {
        font-size: 20px;
        line-height: normal;
    }

    /* 移动端登录按钮不显示文字，避免过大/过挤 */
    .myui-header__user>li.header-login>a.header-login-btn {
        width: 34px;
        height: 34px;
        padding: 0;
        border-radius: 999px;
    }
    .myui-header__user>li.header-login>a.header-login-btn span {
        display: none;
    }
    
    /* 第二行：搜索框 */
    .myui-header__search {
        order: 3;
        flex: 1 1 100%;
        max-width: 100%;
        margin: 10px 0 0 0;
        width: 100%;
        position: relative;
    }
    
    .myui-header__search .form-control {
        padding-left: 45px;
        height: 38px;
    }
    
    .myui-header__search .search-select {
        font-size: 12px;
        padding-right: 8px;
    }
    
    .myui-header__search .submit {
        width: 30px;
        height: 30px;
    }
    
    .myui-header__search .search-close {
        position: absolute;
        top: 50%;
        right: 45px;
        transform: translateY(-50%);
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #999;
        z-index: 2;
    }
    
    /* 第三行：导航菜单 */
    .myui-header__menu {
        /* 移动端不展示顶部横向分类菜单（会因 visible-inline-lg 隐藏导致空白占高） */
        display: none !important;
    }
    
    .myui-header__menu>li {
        flex-shrink: 0;
        margin-right: 6px;
    }
    
    .myui-header__menu>li>a {
        padding: 8px 14px;
        font-size: 13px;
        font-weight: 500;
    }

    /* 进一步压缩头部高度 */
    .myui-header_bd {
        min-height: auto;
        padding: 8px 0;
    }
    
    .myui-header__menu>li .dropdown-box {
        margin-left: 0;
        right: 0;
        left: auto;
    }
    
    .myui-header__menu>li .dropdown-box .item {
        width: 250px;
    }
    
    .myui-header__user>li.menu .dropdown-box {
        margin-right: 0;
    }
    /* 详情封面 + 文案区（移动端） */
    body .myui-content__thumb .myui-vodlist__thumb {
        width: 100%;
    }
    body .myui-content__thumb.active .myui-vodlist__thumb {
        width: min(260px, 100%);
        margin-left: auto;
        margin-right: auto;
    }
    body .myui-content__thumb .myui-vodlist__thumb.picture img {
        width: auto;
        max-width: 100%;
        max-height: min(72vh, 680px);
    }
    .myui-content__detail {
        float: none;
        width: 100%;
        padding-top: 8px;
    }
    .myui-content__detail.active {
        width: 100%;
    }
    /* 详情海报下方（移动端）：不再压极小字号；标题 + 评分 + 信息芯片分区 */
    .myui-content__detail .vod-detail-sheet .title {
        margin: 0 0 6px !important;
        font-size: 15px !important;
        font-weight: 500;
        line-height: 1.42 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        word-break: break-word;
    }
    .myui-content__detail .vod-detail-sheet .score {
        margin: 0 0 8px !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 6px 10px;
    }
    .myui-content__detail .vod-detail-sheet .score .left {
        font-size: 13px;
        font-weight: 500;
    }
    .myui-content__detail .vod-detail-sheet .score .rating {
        top: 0;
        position: relative;
    }
    .myui-content__detail .vod-detail-sheet .score .rating li {
        margin: 0 4px 0 0 !important;
    }
    .myui-content__detail .vod-detail-sheet .score .rating li .fa {
        font-size: 17px !important;
        line-height: 1;
    }
    .myui-content__detail .vod-detail-sheet .score .branch {
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .myui-content__detail .vod-detail-sheet .score #ratewords {
        font-size: 13px;
    }
    .myui-content__detail .vod-detail-sheet .wb-vod-meta-chips {
        gap: 6px;
        margin-bottom: 6px;
    }
    .myui-content__detail .vod-detail-sheet .wb-vod-chip {
        flex: 0 0 auto;
        width: fit-content;
        max-width: 100%;
        min-width: 0;
        min-height: 32px;
        padding: 5px 10px;
    }
    .myui-content__detail .vod-detail-sheet .wb-vod-chip__k {
        font-size: 11px;
    }
    .myui-content__detail .vod-detail-sheet .wb-vod-chip__v {
        font-size: 13px;
    }
    .myui-content__detail .vod-detail-sheet .wb-vod-chip--accent {
        flex: 0 1 auto;
        width: fit-content;
        max-width: 100%;
    }
    .myui-content__detail .vod-detail-sheet .wb-vod-meta-text {
        margin-bottom: 6px;
        padding: 5px 0;
    }
    .myui-content__detail .vod-detail-sheet .wb-vod-meta-text__body {
        font-size: 14px;
        line-height: 1.75;
    }
    /* 兼容未改版的详情碎片里仍存在的 .data */
    .myui-content__detail .vod-detail-sheet > .data {
        margin: 0 0 10px !important;
        font-size: 13px !important;
        line-height: 1.58 !important;
        word-wrap: break-word;
        white-space: normal;
    }
    .myui-content__operate {
        width: 100%;
        padding: 0;
        margin-top: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        flex-wrap: nowrap;
        gap: 6px;
        -webkit-box-align: stretch;
        align-items: stretch;
    }
    .myui-content__operate .btn {
        text-align: center;
        padding: 5px 6px;
        min-height: 34px;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0;
        flex: 1 1 0;
        min-width: 0;
        font-size: 12px;
        margin-left: 0 !important;
        margin-bottom: 0 !important;
    }
    /* player */
    .myui-player {
        padding-top: 0;
    }
    .myui-player__item {
        padding: 0;
    }
    .myui-player__detail {
        margin: 0;
    }
    .myui-player__detail .data .title {
        font-size: 16px
    }
    .myui-player__detail.detail .title {
        font-size: 18px;
    }
    .myui-player__operate {
        padding: 6px 4px;
    }
    .myui-player__operate li {
        margin: 0;
        display: block;
        text-align: center;
    }
    .myui-player__operate li .fa {
        display: block;
        margin-bottom: 3px;
        font-size: 14px;
    }
    .myui-player__operate li.playshare .dropdown-box {
        margin-left: -180px;
    }
    .myui-player-links {
        top: 0;
        right: 0;
        padding: 0 10px;
    }
    .myui-player-links .btn {
        height: 35px;
        right: 8px;
    }
    /* news */
    .myui-newslist li .title {
        font-size: 18px;
        line-height: 30px;
    }
}

/* =============================
   底部 Tab 栏（2026 重设计：明暗变量统一，无弹性动画）
   ============================= */
.myui-nav__tabbar.wb-bottom-tabbar{
    position:fixed!important;
    /* left/right 拉满视口，max-width+margin 居中：避免百分比宽度与 transform 在部分环境下算出窄于壳宽 */
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:var(--wb-app-shell-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    bottom:var(--bottom-floating-ad-height, 0px)!important;
    transform:none!important;
    z-index:100100;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:0;
    /* 总高 = 内容行(58px) + 底内边距/安全区；勿写死 58px+border-box+大 padding-bottom，否则刘海机内容区会被挤成一条缝、上滑随 env 变化像“缩小” */
    height:calc(58px + max(6px, env(safe-area-inset-bottom, 0px)))!important;
    padding:0 max(0px, env(safe-area-inset-left, 0px)) max(6px, env(safe-area-inset-bottom, 0px)) max(0px, env(safe-area-inset-right, 0px))!important;
    box-sizing:border-box;
    border-radius:0!important;
    border:0!important;
    background:var(--wb-tabbar-bg)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:visible!important;
    -webkit-tap-highlight-color:transparent;
}
.wb-fab{
    display:none!important;
}
/* Tab 项 */
.myui-nav__tabbar.wb-bottom-tabbar > .item{
    position:relative;
    flex:1 1 0;
    min-width:0;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:4px 2px 2px;
    margin:0;
    border:0;
    background:transparent;
    color:var(--wb-tabbar-fg);
    text-decoration:none!important;
    font-size:11px;
    font-weight:400;
    line-height:1.15;
    cursor:pointer;
    -webkit-appearance:none;
    appearance:none;
    -webkit-tap-highlight-color:transparent;
    transition:color .18s ease, opacity .12s ease, transform .12s ease;
}
.myui-nav__tabbar.wb-bottom-tabbar > .item .icon{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    border-radius:10px;
    font-size:20px;
    line-height:1;
    transition:background-color .18s ease, color .18s ease;
}
.myui-nav__tabbar.wb-bottom-tabbar > .item .icon i{
    display:block;
    color:var(--wb-tabbar-fg);
    opacity:1;
    -webkit-font-smoothing:antialiased;
    transition:color .18s ease;
}
.myui-nav__tabbar.wb-bottom-tabbar > .item .title{
    margin:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--wb-tabbar-fg);
    font-weight:400;
    transition:color .18s ease;
}
/* 选中态：仅文字/图标变色，无图标背景块 */
.myui-nav__tabbar.wb-bottom-tabbar > .item.active,
.myui-nav__tabbar.wb-bottom-tabbar > .item[aria-current="page"]{
    color:var(--wb-tabbar-fg-active);
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.active .icon,
.myui-nav__tabbar.wb-bottom-tabbar > .item[aria-current="page"] .icon{
    background:transparent;
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.active .icon i,
.myui-nav__tabbar.wb-bottom-tabbar > .item[aria-current="page"] .icon i,
.myui-nav__tabbar.wb-bottom-tabbar > .item.active .title,
.myui-nav__tabbar.wb-bottom-tabbar > .item[aria-current="page"] .title{
    color:var(--wb-tabbar-fg-active);
    font-weight:500;
}
/* 按压：轻量缩放，无弹跳 */
.myui-nav__tabbar.wb-bottom-tabbar > .item:active{
    opacity:.82;
    transform:scale(.96);
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.is-pressing{
    opacity:.82;
    transform:scale(.96);
}
/* 社区角标 */
.myui-nav__tabbar.wb-bottom-tabbar .wb-tab-notify-badge{
    position:absolute;
    top:-2px;
    right:-6px;
    min-width:15px;
    height:15px;
    padding:0 4px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:9px;
    font-weight:700;
    line-height:15px;
    text-align:center;
    box-sizing:border-box;
    display:none;
    pointer-events:none;
    z-index:2;
}
html.theme-dark .myui-nav__tabbar.wb-bottom-tabbar .wb-tab-notify-badge{
    background:#f87171;
    color:#0f172a;
}
.myui-nav__tabbar.wb-bottom-tabbar .wb-tab-notify-badge.is-on{
    display:inline-block;
}
/* 中间「更多」 */
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab.wb-tab-fab--link{
    text-decoration:none;
    color:inherit;
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab.wb-tab-fab--link.active,
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab.wb-tab-fab--link[aria-current="page"]{
    color:var(--wb-tabbar-fg-active);
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab.wb-tab-fab--link.active .wb-tab-fab-btn,
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab.wb-tab-fab--link[aria-current="page"] .wb-tab-fab-btn{
    box-shadow:0 0 0 2px var(--wb-tabbar-fg-active);
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab{
    flex:1 1 0;
    padding:0;
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab:active{
    opacity:1;
    transform:none;
}
.wb-tab-fab::-moz-focus-inner{
    border:0;
}
.wb-tab-fab-btn{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    margin-top:-12px;
    border-radius:50%;
    border:5px solid var(--wb-tabbar-fab-ring);
    background:var(--wb-tabbar-fab-bg);
    box-shadow:none;
    transition:transform .15s ease, opacity .15s ease;
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab:active .wb-tab-fab-btn,
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab.is-pressing .wb-tab-fab-btn{
    transform:scale(.94);
    opacity:.9;
}
.wb-tab-fab-cross{
    position:relative;
    display:block;
    width:18px;
    height:18px;
    color:#fff;
    transform-origin:center;
    transition:transform .2s ease;
}
.wb-bottom-tabbar--fab-open .wb-tab-fab-cross{
    transform:rotate(45deg);
}
.wb-tab-fab-cross::before,
.wb-tab-fab-cross::after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    background:currentColor;
    border-radius:1px;
    transform:translate(-50%, -50%);
    pointer-events:none;
}
.wb-tab-fab-cross::before{
    width:2px;
    height:18px;
}
.wb-tab-fab-cross::after{
    width:18px;
    height:2px;
}
.wb-tab-fab:focus-visible .wb-tab-fab-btn{
    outline:2px solid var(--wb-tabbar-fg-active);
    outline-offset:2px;
}
@media (prefers-reduced-motion: reduce){
    .myui-nav__tabbar.wb-bottom-tabbar > .item,
    .myui-nav__tabbar.wb-bottom-tabbar > .item .icon,
    .myui-nav__tabbar.wb-bottom-tabbar > .item .icon i,
    .wb-tab-fab-btn,
    .wb-tab-fab-cross{
        transition:none!important;
    }
    .myui-nav__tabbar.wb-bottom-tabbar > .item:active,
    .myui-nav__tabbar.wb-bottom-tabbar > .item.is-pressing,
    .myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab:active .wb-tab-fab-btn{
        transform:none!important;
        opacity:1!important;
    }
}
@media (max-width:767px){
    :root{
        --wb-tabbar-height: calc(56px + max(6px, env(safe-area-inset-bottom, 0px)));
    }
    .myui-nav__tabbar.wb-bottom-tabbar{
        left:0!important;
        right:0!important;
        width:auto!important;
        max-width:var(--wb-app-shell-max)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        transform:none!important;
        height:calc(56px + max(6px, env(safe-area-inset-bottom, 0px)))!important;
        border-radius:0!important;
        border:0!important;
    }
}
    /* 多功能菜单：移动端贴近底栏上方，遮罩不盖住底栏与中键；
       向安全区外延：盖住刘海/灵动岛旁的「露底」和手机顶栏体感未遮满 */
    .wb-fabmenu-overlay {
        /* 让遮罩仍在底栏之下（不盖住底栏），但弹窗本体需要更高层级避免被底栏“切角” */
        z-index: 100050;
        top: calc(-1 * env(safe-area-inset-top, 0px));
        left: calc(-1 * env(safe-area-inset-left, 0px));
        right: calc(-1 * env(safe-area-inset-right, 0px));
        /* 遮罩延伸到屏幕底部，底栏本身 z-index 更高仍可点击，避免出现“遮罩与底栏之间露底缝隙” */
        bottom: 0;
        background: rgba(10, 12, 20, 0.58);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    html.theme-dark .wb-fabmenu-overlay {
        background: rgba(0, 0, 0, 0.72);
    }

    .wb-fabmenu {
        /* 提升弹窗层级：避免底栏(100100)压住弹窗导致底部两侧被遮挡 */
        z-index: 100150;
        left: 50%;
        right: auto;
        top: auto;
        width: min(calc(var(--wb-app-shell-max) - 20px), calc(100vw - 24px));
        max-width: min(calc(var(--wb-app-shell-max) - 20px), calc(100vw - 24px));
        /* 整体在底栏之上，避免被 .wb-bottom-tabbar 的更高 z-index 盖住 */
        /* 贴近底栏，凹槽与居中键咬合；数值为底栏顶沿以上的间距 */
        bottom: calc(var(--bottom-floating-ad-height, 0px) + var(--wb-tabbar-height) + 3px);
        transform: translate(-50%, calc(100% + 28px)) scale(0.96);
        overflow: visible;
        isolation: isolate;
    }
    .wb-fabmenu.show {
        transform: translate(-50%, 0) scale(1);
    }

    /*
     * 底边咬合口：mask 挂在不滚动的 .wb-fabmenu-sheet 上，避免落在可滚动 inner 上不生效；
     * 凹槽参数与居中白圈半径大致对应（参见 .wb-tab-fab-btn）。
     */
    .wb-fabmenu-sheet {
        /* 与底栏中间钮（约 48px + 5px 描边）对齐的咬口 */
        --wb-notch-r: 31px;
        --wb-notch-depth: 27px;

        position: relative;
        overflow: hidden;
        border-radius: 22px 22px 18px 18px;
        border: 1px solid var(--wb-border);
        box-shadow: none;
        background-color: #ffffff;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;

        -webkit-mask-image: radial-gradient(
            circle at 50% calc(100% + var(--wb-notch-depth)),
            transparent 0,
            transparent var(--wb-notch-r),
            #fff calc(var(--wb-notch-r) + 1px),
            #fff 100%
        );
        mask-image: radial-gradient(
            circle at 50% calc(100% + var(--wb-notch-depth)),
            transparent 0,
            transparent var(--wb-notch-r),
            #fff calc(var(--wb-notch-r) + 1px),
            #fff 100%
        );
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-origin: border-box;
        mask-origin: border-box;
    }

    html.theme-dark .wb-fabmenu-sheet {
        background-color: #13131c;
        box-shadow: none;
        border-color: rgba(255, 255, 255, 0.1);
    }

    .wb-fabmenu-inner {
        position: relative;
        z-index: 1;
        flex: 1 1 auto;
        min-height: 0;
        max-height: min(62vh, 488px);
        overflow-x: hidden;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 12px 14px 18px;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* 移动端顶栏：左登录/个人入口，右上 APP 渐变胶囊 */
    .wb-fabmenu-head-dock {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        flex-wrap: nowrap;
        margin: 4px 0 14px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(31, 45, 61, 0.08);
    }

    html.theme-dark .wb-fabmenu-head-dock {
        border-bottom-color: rgba(255, 255, 255, 0.08);
    }

    .wb-fabmenu-head-start {
        min-width: 0;
        flex: 1 1 auto;
    }

    .wb-fabmenu-head-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        max-width: 100%;
        text-decoration: none !important;
        color: inherit;
        font-size: 13px;
        font-weight: 600;
        opacity: 0.88;
        -webkit-tap-highlight-color: transparent;
    }

    .wb-fabmenu-head-link i {
        font-size: 26px;
        color: var(--wb-accent, #2563eb);
        opacity: 0.92;
    }

    .wb-fabmenu-head-end {
        flex: 0 0 auto;
    }

    .wb-fabmenu-apppill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 8px 14px;
        border-radius: 999px;
        border: none;
        background: linear-gradient(135deg, #7dd3fc 0%, #38bdf8 28%, #2563eb 68%, #1e3a8a 100%);
        color: #ffffff !important;
        font-size: 12px;
        font-weight: 600;
        text-decoration: none !important;
        white-space: nowrap;
        cursor: pointer;
        box-shadow: none;
        -webkit-appearance: none;
        appearance: none;
        -webkit-tap-highlight-color: transparent;
    }

    .wb-fabmenu-apppill i {
        font-size: 14px;
        opacity: 0.95;
        display: inline-block;
        vertical-align: middle;
        animation: wb-appdl-icon-bounce 1.25s ease-in-out infinite;
        transform-origin: 50% 80%;
        will-change: transform;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .wb-fabmenu-apppill:active {
        transform: scale(0.97);
        filter: brightness(0.98);
    }

    .wb-fabmenu-apppill:active i {
        animation: none;
    }

    html.theme-dark .wb-fabmenu-apppill {
        box-shadow: none;
    }

    /* 移动端已用顶栏 APP，底部宽卡片内的 APP 项隐藏 */
    .wb-fabmenu-widecard--app-desktop {
        display: none !important;
    }
    /* 移动端“最新网址”改为九宫格图标入口，底部宽卡片隐藏 */
    .wb-fabmenu-widecard--latest-desktop {
        display: none !important;
    }
    .wb-fabmenu-widecard--backup-desktop {
        display: none !important;
    }

    .wb-fabmenu-grid {
        grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
        gap: 12px 8px;
    }
    .wb-fabmenu-item {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }
    .wb-fabmenu-item .ico {
        width: 46px;
        height: 46px;
        border-radius: 999px;
        border: none;
        color: #fff;
        font-size: 17px;
    }
    .wb-fabmenu-item .ico i {
        font-size: 16px;
    }
    .wb-fabmenu-item:nth-child(1) .ico {
        background: linear-gradient(145deg, #60a5fa 0%, #2563eb 100%);
    }
    .wb-fabmenu-item:nth-child(2) .ico {
        background: linear-gradient(145deg, #a78bfa 0%, #7c3aed 100%);
    }
    .wb-fabmenu-item:nth-child(3) .ico {
        background: linear-gradient(145deg, #34d399 0%, #059669 100%);
    }
    .wb-fabmenu-item:nth-child(4) .ico {
        background: linear-gradient(145deg, #fb923c 0%, #ea580c 100%);
    }
    .wb-fabmenu-item:nth-child(5) .ico {
        background: linear-gradient(145deg, #f472b6 0%, #db2777 100%);
    }
    .wb-fabmenu-item:nth-child(6) .ico {
        background: linear-gradient(145deg, #2dd4bf 0%, #0d9488 100%);
    }
    .wb-fabmenu-item:nth-child(7) .ico {
        background: linear-gradient(145deg, #93c5fd 0%, #3b82f6 100%);
    }
    .wb-fabmenu-item:nth-child(8) .ico {
        background: linear-gradient(145deg, #a7f3d0 0%, #10b981 100%);
    }
    .wb-fabmenu-item .txt {
        font-weight: 500;
        font-size: 10px;
        line-height: 1.2;
        max-width: 100%;
        padding: 0 1px;
    }

/* PC / 平板：底部菜单弹层与内容壳同宽，网格随条目数自适应 */
@media (min-width: 768px) {
    .wb-fabmenu-overlay {
        z-index: 100050;
    }
    .wb-fabmenu {
        width: min(calc(var(--wb-app-shell-max, 960px) - 20px), calc(100vw - 32px)) !important;
        max-width: min(calc(var(--wb-app-shell-max, 960px) - 20px), calc(100vw - 32px)) !important;
        bottom: calc(var(--bottom-floating-ad-height, 0px) + var(--wb-tabbar-height, 0px) + 10px);
        left: 50%;
        right: auto;
        transform: translate(-50%, calc(100% + 24px)) scale(0.98);
    }
    .wb-fabmenu.show {
        transform: translate(-50%, 0) scale(1);
    }
    .wb-fabmenu-sheet {
        border-radius: 20px;
        border: 1px solid var(--wb-border);
        background-color: var(--wb-surface, #fff);
        box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
    }
    html.theme-dark .wb-fabmenu-sheet {
        background-color: var(--wb-surface, #13131c);
        box-shadow: 0 16px 48px rgba(0, 0, 0, 0.45);
    }
    .wb-fabmenu-inner {
        padding: 16px 18px 18px;
        max-height: min(52vh, 420px);
    }
    .wb-fabmenu-grid {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
        gap: 14px 12px;
    }
    .wb-fabmenu-item {
        padding: 12px 10px 10px;
    }
    .wb-fabmenu-item .ico {
        width: 42px;
        height: 42px;
    }
    .wb-fabmenu-item .txt {
        font-size: 12px;
    }
    .wb-fabmenu-head-dock {
        margin-bottom: 4px;
    }
}

/* =============================
   片库 /map/index 独立排版（wb-map-*，不影响其它页 myui-screen）
   ============================= */
body.wb-map-body {
    --wb-map-radius: 16px;
    --wb-map-radius-sm: 12px;
}

.wb-map-page {
    padding-top: 8px;
    padding-bottom: 24px;
}

.wb-map-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px 16px;
    margin-bottom: 18px;
    padding: 14px 14px 12px;
    border-radius: var(--wb-map-radius);
    background: linear-gradient(135deg, var(--wb-accent-soft, rgba(37, 99, 235, .12)) 0%, rgba(255, 255, 255, 0) 55%),
        var(--wb-surface-2, rgba(31, 45, 61, .04));
    border: none;
    box-shadow: 0 12px 40px rgba(15, 23, 42, .06);
}

html.theme-dark .wb-map-hero {
    background: linear-gradient(135deg, rgba(37, 99, 235, .16) 0%, rgba(0, 0, 0, 0) 60%),
        var(--wb-surface-2, rgba(255, 255, 255, .06));
    box-shadow: 0 14px 50px rgba(0, 0, 0, .35);
}

.wb-map-hero__titles {
    min-width: 0;
}

.wb-map-hero__title {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    color: var(--wb-text, #1f2d3d);
    line-height: 1.3;
}

html.theme-dark .wb-map-hero__title {
    color: var(--wb-text);
}

.wb-map-hero__sub {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
    color: var(--wb-muted, rgba(31, 45, 61, .6));
    max-width: 36rem;
}

.wb-map-stack {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

@media (min-width: 992px) {
    .wb-map-stack {
        gap: 20px;
    }

    .wb-map-hero__title {
        font-size: 20px;
    }
}

.wb-map-section {
    border-radius: var(--wb-map-radius);
    overflow: hidden;
    background: var(--wb-surface, rgba(255, 255, 255, .96));
    border: none;
    box-shadow: 0 10px 32px rgba(15, 23, 42, .05);
}

html.theme-dark .wb-map-section {
    box-shadow: 0 14px 40px rgba(0, 0, 0, .28);
}

.wb-map-section__hd {
    padding: 16px 16px 0;
}

@media (min-width: 768px) {
    .wb-map-section__hd {
        padding: 18px 20px 0;
    }
}

.wb-map-section__title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.wb-map-section__title {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--wb-text);
    line-height: 1.38;
    flex: 1;
    min-width: 0;
    word-break: break-word;
}

.wb-map-section__badge {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 6px;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.35;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 999px;
    background: var(--wb-accent-soft, rgba(37, 99, 235, .14));
    color: var(--wb-accent);
}

@media (min-width: 992px) {
    .wb-map-section__title {
        font-size: 16px;
    }
}

.wb-map-section__enter {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 500;
    color: var(--wb-accent);
    text-decoration: none !important;
    border-radius: 999px;
    border: none;
    background: var(--wb-accent-soft, rgba(37, 99, 235, .14));
    transition: filter .15s ease, transform .15s ease, background .15s ease;
}

html.theme-dark .wb-map-section__enter {
    background: rgba(37, 99, 235, .18);
}

.wb-map-section__enter:hover {
    filter: brightness(1.05);
}

.wb-map-section__enter:active {
    transform: scale(.98);
}

.wb-map-section__enter .fa {
    font-size: 11px;
    opacity: .8;
}

.wb-map-section__bd {
    padding: 14px 14px 16px;
}

@media (min-width: 768px) {
    .wb-map-section__bd {
        padding: 16px 18px 18px;
    }
}

.wb-map-filter {
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 10px 14px;
    align-items: start;
    padding: 12px 0 10px;
    border: none;
}

.wb-map-filter:first-of-type {
    padding-top: 2px;
}

.wb-map-filter + .wb-map-filter {
    margin-top: 4px;
    padding-top: 16px;
}

/* 无上文「标签列」的子分类整块（仅占满宽芯片区） */
.wb-map-filter--solo {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 575px) {
    .wb-map-filter {
        grid-template-columns: 1fr;
        gap: 8px;
    }
}

.wb-map-filter__label {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: var(--wb-muted);
    line-height: 1.4;
    padding-top: 7px;
}

@media (max-width: 575px) {
    .wb-map-filter__label {
        padding: 4px 10px;
        display: inline-block;
        width: auto;
        border-radius: 6px;
        background: var(--wb-surface-2);
        border: none;
        text-transform: none;
        letter-spacing: 0;
        font-size: 11px;
        font-weight: 500;
        color: var(--wb-text);
        opacity: .88;
    }
}

.wb-map-filter__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    min-width: 0;
}

/* 卡片内芯片：铺满行宽，避免移动端右侧大块留白 */
.wb-map-filter__chips--cells {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch;
}

@media (min-width: 576px) {
    .wb-map-filter__chips--cells {
        grid-template-columns: repeat(auto-fill, minmax(124px, 1fr));
    }
}

@media (min-width: 992px) {
    .wb-map-filter__chips--cells {
        grid-template-columns: repeat(auto-fill, minmax(138px, 1fr));
    }
}

.wb-map-filter__chips--cells > a.wb-map-chip {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

a.wb-map-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 6px 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    color: var(--wb-text);
    text-decoration: none !important;
    border-radius: 999px;
    border: none;
    background: var(--wb-surface-2, rgba(31, 45, 61, .06));
    transition: color .15s ease, background .15s ease, filter .15s ease;
    word-break: break-word;
    text-align: center;
}

.wb-map-filter__chips--cells > a.wb-map-chip:not(.wb-map-chip--stack) {
    min-height: 36px;
    border-radius: 10px;
    padding-left: 8px;
    padding-right: 8px;
}

a.wb-map-chip.wb-map-chip--stack {
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 3px;
    min-height: 46px;
    padding: 6px 8px;
    border-radius: 10px;
    text-align: center;
}

.wb-map-chip__main {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.3;
}

.wb-map-chip__num {
    display: block;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    color: var(--wb-muted);
    opacity: .9;
}

html.theme-dark a.wb-map-chip.wb-map-chip--stack:hover .wb-map-chip__num {
    color: inherit;
    opacity: 1;
}

a.wb-map-chip:hover {
    color: var(--wb-accent);
    background: var(--wb-accent-soft, rgba(37, 99, 235, .16));
    filter: brightness(1.02);
}

a.wb-map-chip:focus-visible {
    outline: 2px solid var(--wb-accent);
    outline-offset: 2px;
}

html.theme-dark a.wb-map-chip:hover {
    filter: brightness(1.06);
}

/* 大类下既无子分类也无筛选扩展时折叠内容区（仅保留标题+入口） */
.wb-map-section__bd:empty {
    display: none;
}

.wb-map-section:has(.wb-map-section__bd:empty) .wb-map-section__hd {
    padding-bottom: 14px;
}

/* =============================
   2026 App 风视频站重设计
   核心页面统一：顶部栏 / 抽屉 / 底栏 / 面板 / 视频卡片
   ============================= */
:root{
    --wb-app-bg:#ffffff;
    --wb-app-card:#ffffff;
    --wb-app-card-soft:#f8fafc;
    --wb-app-text:#172033;
    --wb-app-muted:#7b8798;
    --wb-app-border:transparent;
    --wb-app-shadow:none;
    --wb-app-shadow-soft:none;
    /* 模块圆角：面板 12px / 卡片 10px（原 22px/16px 过大） */
    --wb-radius-panel:12px;
    --wb-radius-card:10px;
    --wb-app-radius:var(--wb-radius-panel);
    --wb-app-radius-sm:var(--wb-radius-card);
    /* 与全站 --wb-accent 对齐：避免底栏/菜单「先紫后蓝」的交互色差 */
    --wb-app-primary:#2563eb;
    --wb-app-primary-2:#1d4ed8;
    --wb-app-accent:var(--wb-app-primary);
    --wb-app-warm:#f97316;
    --wb-app-gradient:linear-gradient(135deg,#2563eb 0%,#3b82f6 52%,#06b6d4 100%);
    --wb-app-warm-gradient:linear-gradient(135deg,#f97316 0%,#fb923c 100%);
    --wb-native-topbar-h:44px;
    --wb-topbar-inline-gutter:4px;
    /* 手机端内容区左右留白（原 6px） */
    --wb-app-page-gutter:10px;
    --wb-topbar-bg:#ffffff;
    /* 底栏：未选中近黑、选中品牌蓝（主流 App 惯例） */
    --wb-tabbar-bg:#ffffff;
    --wb-tabbar-border:transparent;
    --wb-tabbar-fg:#333333;
    --wb-tabbar-fg-active:#2563eb;
    --wb-tabbar-pill:rgba(37,99,235,.10);
    --wb-tabbar-fab-ring:#ffffff;
    --wb-tabbar-fab-bg:linear-gradient(145deg,#2563eb 0%,#4f46e5 100%);
    /* 全端 App 内容列最大宽度（手机 <960 时仍 100% 宽） */
    --wb-app-shell-max:960px;
    /* 主站列外背景：中间仍为白卡片/白顶栏/白底栏 */
    --wb-app-page-bg:#ffffff;
    --wb-app-page-bg-dark:#05060c;
}
html.theme-dark{
    --wb-app-bg:#0d1020;
    --wb-topbar-bg:#0d1020;
    --wb-app-card:rgba(22,26,43,.92);
    --wb-app-card-soft:rgba(255,255,255,.06);
    --wb-app-text:#f8fafc;
    --wb-app-muted:#a6b0c3;
    --wb-app-border:transparent;
    --wb-app-shadow:none;
    --wb-app-shadow-soft:none;
    --wb-app-primary:#3b82f6;
    --wb-app-primary-2:#60a5fa;
    --wb-app-accent:var(--wb-app-primary);
    --wb-app-gradient:linear-gradient(135deg,#2563eb 0%,#38bdf8 55%,#22d3ee 100%);
    --wb-tabbar-bg:#0d1020;
    --wb-tabbar-border:transparent;
    --wb-tabbar-fg:#e5e7eb;
    --wb-tabbar-fg-active:#3b82f6;
    --wb-tabbar-pill:rgba(59,130,246,.16);
    --wb-tabbar-fab-ring:#0d1020;
    --wb-tabbar-fab-bg:linear-gradient(145deg,#3b82f6 0%,#2563eb 100%);
    --wb-app-page-bg-dark:#05060c;
}
body{
    background:var(--wb-app-bg);
    color:var(--wb-app-text);
}
/* 主站：视口两侧为壳色；模块/顶栏/底栏用 --wb-app-card / --wb-topbar-bg / --wb-tabbar-bg 保持白 */
html.theme-light body.active:not(.wb-uc),
html.theme-light body.wb-video-home,
html.theme-light body.wb-video-list,
html.theme-light body.wb-video-search,
html.theme-light body.wb-video-detail,
html.theme-light body.wb-video-play,
html.theme-light body.wb-label-page,
html.theme-light body.wb-co-community-page,
html.theme-light body.wb-co-community-index,
html.theme-light body.wb-co-community-relations,
html.theme-light body.wb-map-body{
    background:var(--wb-app-page-bg) !important;
}
html.theme-dark body.active:not(.wb-uc),
html.theme-dark body.wb-video-home,
html.theme-dark body.wb-video-list,
html.theme-dark body.wb-video-search,
html.theme-dark body.wb-video-detail,
html.theme-dark body.wb-video-play,
html.theme-dark body.wb-label-page,
html.theme-dark body.wb-co-community-page,
html.theme-dark body.wb-co-community-index,
html.theme-dark body.wb-co-community-relations,
html.theme-dark body.wb-map-body{
    background:var(--wb-app-page-bg-dark) !important;
}
/* 移动端「猜你喜欢」等：强制 2 列 */
@media (max-width:767px){
    body.wb-video-detail .myui-panel_bd ul.myui-vodlist__bd > li,
    body.wb-video-play .myui-panel_bd ul.myui-vodlist__bd > li,
    body.wb-video-detail .wb-vod-like-block ul.myui-vodlist > li,
    body.wb-video-play .wb-vod-like-block ul.myui-vodlist > li{
        width:50%!important;
        max-width:50%!important;
        flex:0 0 50%!important;
        float:left!important;
        box-sizing:border-box!important;
    }
}
body > .container,
.myui-container-bg > .container,
.myui-player > .container{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}
body.wb-label-page .wb-label-page-stack > .container{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
}
/* 主站内容区：最大 960px 居中；卡片柱底色（浅色为白），行间隙不露壳色 */
body.active:not(.wb-uc) > .container,
body.active:not(.wb-uc) .myui-container-bg > .container,
body.active:not(.wb-uc) .myui-player > .container,
body.active:not(.wb-uc) .wrap > .container,
body.wb-video-home > .container,
body.wb-video-list > .container,
body.wb-video-list .myui-container-bg > .container,
body.wb-video-search .wrap > .container,
body.wb-video-detail .myui-container-bg > .container,
body.wb-gbook-page .myui-container-bg > .container,
body.wb-video-play .myui-player > .container,
body.wb-video-play > .container,
body.wb-label-page .wb-label-page-stack > .container,
body.wb-co-community-page > .container,
body.wb-co-community-index > .container,
body.wb-co-community-relations > .container,
body.wb-map-body .wb-map-page-stack,
body.wb-map-body .wb-map-page-stack,
body.wb-map-body > .container{
    width:100%;
    max-width:var(--wb-app-shell-max);
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
    background:var(--wb-app-card) !important;
    border-radius:0;
    box-shadow:none;
    /* 短页时让主柱白底垫到接近底栏，减少固定底栏上方露出壳色 */
    min-height:calc(100vh - var(--top-floating-ad-height, 0px) - var(--bottom-floating-ad-height, 0px) - var(--myui-header-height, 44px) - var(--wb-tabbar-height));
}

/* PC 端主体轮廓：不改变任何背景色，仅用两侧细线与柔和投影区分内容列 */
@media (min-width:1024px){
    body:not(.wb-app-lock-page):not(.wb-uc-iframe)::before{
        content:"";
        position:fixed;
        top:0;
        bottom:0;
        left:50%;
        z-index:1;
        width:min(var(--wb-app-shell-max, 960px), calc(100vw - 32px));
        transform:translateX(-50%);
        pointer-events:none;
        box-sizing:border-box;
        box-shadow:
            -1px 0 rgba(15,23,42,.07),
            1px 0 rgba(15,23,42,.07),
            0 0 34px rgba(15,23,42,.09);
    }
    html.theme-dark body:not(.wb-app-lock-page):not(.wb-uc-iframe)::before{
        box-shadow:
            -1px 0 rgba(255,255,255,.07),
            1px 0 rgba(255,255,255,.07),
            0 0 38px rgba(0,0,0,.4);
    }
}
/* 页脚：baise.css 对外层 .myui-foot 全宽白底，此处改为透明，白底仅落在与主内容同宽的 .container.min */
body.active:not(.wb-uc) .myui-foot,
body.wb-video-home .myui-foot,
body.wb-video-list .myui-foot,
body.wb-video-search .myui-foot,
body.wb-video-detail .myui-foot,
body.wb-video-play .myui-foot,
body.wb-label-page .myui-foot,
body.wb-co-community-page .myui-foot,
body.wb-co-community-index .myui-foot,
body.wb-co-community-relations .myui-foot,
body.wb-map-body .myui-foot,
body.wb-uc .myui-foot{
    background:transparent !important;
    padding:0 !important;
}
body.active:not(.wb-uc) .myui-foot .container.min,
body.wb-video-home .myui-foot .container.min,
body.wb-video-list .myui-foot .container.min,
body.wb-video-search .myui-foot .container.min,
body.wb-video-detail .myui-foot .container.min,
body.wb-gbook-page .myui-foot .container.min,
body.wb-video-play .myui-foot .container.min,
body.wb-label-page .myui-foot .container.min,
body.wb-co-community-page .myui-foot .container.min,
body.wb-co-community-index .myui-foot .container.min,
body.wb-co-community-relations .myui-foot .container.min,
body.wb-map-body .myui-foot .container.min,
body.wb-uc .myui-foot .container.min{
    max-width:var(--wb-app-shell-max);
    margin-left:auto;
    margin-right:auto;
    background:var(--wb-app-card) !important;
    border-radius:0;
    box-sizing:border-box;
    padding:16px 10px 16px;
}
@media (max-width:767px){
    body.wb-label-page .wb-label-page-stack > .container,
    body.wb-label-page .wb-label-page-stack > .container.wb-label-feed-body{
        padding-left:0!important;
        padding-right:0!important;
    }
    body.wb-label-page .wb-label-inner-head,
    body.wb-label-page .wb-label-main{
        padding-left:0!important;
        padding-right:0!important;
    }
    body.active:not(.wb-uc) .myui-foot .container.min,
    body.wb-video-home .myui-foot .container.min,
    body.wb-video-list .myui-foot .container.min,
    body.wb-video-search .myui-foot .container.min,
    body.wb-video-detail .myui-foot .container.min,
    body.wb-video-play .myui-foot .container.min,
    body.wb-label-page .myui-foot .container.min,
    body.wb-co-community-page .myui-foot .container.min,
    body.wb-co-community-index .myui-foot .container.min,
    body.wb-co-community-relations .myui-foot .container.min,
    body.wb-map-body .myui-foot .container.min,
    body.wb-uc .myui-foot .container.min{
        padding-left:var(--wb-app-page-gutter,10px)!important;
        padding-right:var(--wb-app-page-gutter,10px)!important;
    }
}
/* 内容柱连续感：多块结构、多面板时少露壳色（播放双 .container、社区 hub+筛选+列表等） */
/* 播放页：包播放器与互动的内层 .container 勿用全屏 min-height，否则移动端「互动」与下方关键词之间会出现大块空白 */
body.wb-video-play .myui-player > .container{
    min-height:0 !important;
}
body.wb-video-play .myui-player{
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}
body.wb-video-play > .container{
    margin-top:0 !important;
    padding-top:0 !important;
}
body.wb-video-play .wb-play-lines{
    margin-top:0 !important;
}
/* 播放页：固定贴在原生顶栏下方，正文用占位撑开高度；底部无 Tab 栏（沉浸式） */
body.wb-video-play{
    --top-floating-ad-height:0px!important;
    --wb-tabbar-height:env(safe-area-inset-bottom, 0px)!important;
    padding-top:calc(env(safe-area-inset-top, 0px) + var(--wb-native-topbar-h, 44px))!important;
}
body.wb-video-play .myui-nav__tabbar.wb-bottom-tabbar{
    display:none!important;
}
body.wb-video-play .myui-player{
    padding-top:0!important;
    padding-bottom:0!important;
    margin-top:0!important;
}
body.wb-video-play .myui-player > .container{
    padding-top:0!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-top:0!important;
    background:transparent!important;
    min-height:0!important;
}
body.wb-video-play .myui-player > .container > .row{
    margin:0!important;
    gap:0!important;
}
body.wb-video-play .myui-player__item{
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
    overflow:visible!important;
}
body.wb-video-play #player-left{
    padding:0!important;
    margin:0!important;
}
/* 移动端：播放器固定在顶栏下方 */
@media (max-width:767px){
body.wb-video-play .wb-player-sticky{
    position:fixed;
    top:calc(env(safe-area-inset-top, 0px) + var(--wb-native-topbar-h, 44px));
    left:50%;
    transform:translateX(-50%);
    width:100%;
    max-width:var(--wb-app-shell-max,960px);
    z-index:994;
    margin:0;
    border-radius:0;
    background:#050814;
    overflow:hidden;
}
body.wb-video-play .wb-player-sticky .wb-player-frame{
    width:100%;
    padding-bottom:56.25%;
    height:0;
    min-height:0;
}
body.wb-video-play .wb-player-viewport-spacer{
    width:100%;
    padding-bottom:56.25%;
    height:0;
    margin:0;
    pointer-events:none;
}
}
/* PC 端：播放器随页面滚动，不固定遮挡下方内容 */
@media (min-width:768px){
body.wb-video-play .wb-player-sticky,
body.wb-video-play .myui-player__item .player-fixed.fixed{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    z-index:auto!important;
}
body.wb-video-play .wb-player-viewport-spacer{
    display:none!important;
}
body.wb-video-play .myui-player__item .player-fixed-off{
    display:none!important;
}
body.wb-video-play .myui-player__box{
    border-radius:var(--wb-radius-panel,12px) var(--wb-radius-panel,12px) 0 0;
}
}
body.wb-video-play .myui-player__operate{
    margin-top:0!important;
}
/* 播放页顶栏：长标题横向滚动 */
body.wb-video-play .wb-native-topbar__title.is-marquee{
    overflow:hidden;
    text-overflow:clip;
    white-space:normal;
    mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);
}
body.wb-video-play .wb-native-topbar__title.is-marquee .wb-native-topbar__title-track{
    display:inline-flex;
    align-items:center;
    gap:40px;
    white-space:nowrap;
    width:max-content;
    min-width:100%;
    will-change:transform;
    animation:wbPlayTitleMarquee 16s linear infinite;
}
body.wb-video-play .wb-native-topbar__title-text{
    flex:0 0 auto;
    white-space:nowrap;
}
@keyframes wbPlayTitleMarquee{
    0%{ transform:translateX(0); }
    100%{ transform:translateX(calc(-50% - 20px)); }
}
@media (prefers-reduced-motion:reduce){
    body.wb-video-play .wb-native-topbar__title.is-marquee .wb-native-topbar__title-track{
        animation:none;
    }
    body.wb-video-play .wb-native-topbar__title.is-marquee{
        mask-image:none;
        -webkit-mask-image:none;
    }
}
/* 播放页：播放器下方与「猜你喜欢」统一左右边距 */
body.wb-video-play{
    --wb-play-inline-gutter:var(--wb-app-page-gutter,10px);
}
@media (max-width:767px){
    body.wb-video-play{
        --wb-play-inline-gutter:var(--wb-app-page-gutter,10px);
    }
}
body.wb-video-play .wb-play-below{
    padding:0 var(--wb-app-page-gutter,10px);
    background:var(--wb-app-card,#fff);
    box-sizing:border-box;
}
html.theme-dark body.wb-video-play .wb-play-below{
    background:var(--wb-app-card,#12151c);
}
/* 播放页：Tab 固定在播放器下方（移动端 fixed） */
body.wb-video-play{
    --wb-play-subnav-h:44px;
    --wb-play-comment-composer-h:calc(56px + env(safe-area-inset-bottom, 0px));
}
@media (max-width:767px){
    body.wb-video-play .wb-play-subnav{
        position:fixed;
        top:calc(
            env(safe-area-inset-top, 0px)
            + var(--wb-native-topbar-h, 44px)
            + min(100vw, var(--wb-app-shell-max, 960px)) * 9 / 16
        );
        left:50%;
        transform:translateX(-50%);
        width:100%;
        max-width:var(--wb-app-shell-max,960px);
        z-index:993;
        margin:0;
        padding:0 12px;
        box-sizing:border-box;
    }
    body.wb-video-play .wb-play-subnav-spacer{
        display:block;
        width:100%;
        height:var(--wb-play-subnav-h,44px);
        margin:0;
        pointer-events:none;
    }
}
@media (min-width:768px){
    body.wb-video-play .wb-play-subnav-spacer{
        display:none!important;
    }
    body.wb-video-play .wb-play-subnav{
        margin:0;
        padding:0 12px;
    }
}
.wb-play-subnav{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 calc(-1 * var(--wb-app-page-gutter,10px));
    padding:0 12px;
    min-height:44px;
    background:var(--wb-app-card,#fff);
    border-bottom:1px solid rgba(148,163,184,.16);
    box-sizing:border-box;
}
html.theme-dark .wb-play-subnav{
    background:var(--wb-app-card,#12151c);
    border-bottom-color:rgba(148,163,184,.12);
}
.wb-play-subnav__tabs{
    display:flex;
    align-items:center;
    gap:22px;
    min-width:0;
    flex:1 1 auto;
}
.wb-play-subnav__tab{
    position:relative;
    flex:0 0 auto;
    margin:0;
    padding:11px 0 10px;
    border:0;
    background:transparent;
    color:var(--wb-app-muted,#94a3b8);
    font-size:15px;
    font-weight:500;
    line-height:1.2;
    white-space:nowrap;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}
.wb-play-subnav__tab.is-active{
    color:var(--wb-app-text,#0f172a);
    font-weight:700;
}
html.theme-dark .wb-play-subnav__tab.is-active{
    color:var(--wb-app-text,#f8fafc);
}
.wb-play-subnav__tab.is-active::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:2px;
    width:22px;
    height:3px;
    margin-left:-11px;
    border-radius:999px;
    background:#ef4444;
}
.wb-play-subnav__line{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    max-width:52%;
    margin:0;
    padding:6px 0 6px 8px;
    border:0;
    background:transparent;
    color:var(--wb-app-text,#334155);
    font-size:13px;
    line-height:1.2;
    white-space:nowrap;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
}
html.theme-dark .wb-play-subnav__line{
    color:var(--wb-app-text,#e2e8f0);
}
.wb-play-subnav__line-text{
    overflow:hidden;
    text-overflow:ellipsis;
}
.wb-play-subnav__line .fa{
    font-size:14px;
    opacity:.92;
    flex-shrink:0;
}
.wb-play-pane[hidden]{
    display:none !important;
}
body.wb-video-play.wb-play-comment-tab .wb-play-pane--comment.is-active{
    display:flex!important;
    flex-direction:column;
    min-height:0;
}
.wb-play-comment-inline{
    display:flex;
    flex-direction:column;
    flex:1 1 auto;
    min-height:0;
    padding:0;
}
.wb-play-comment-inline__scroll{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:8px 0 var(--wb-play-comment-composer-h,56px);
}
.wb-play-comment-inline__scroll .mac_comment{
    margin:0;
}
.wb-play-comment-load{
    min-height:180px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:var(--wb-app-muted,#94a3b8);
    font-size:13px;
}
.wb-play-comment-load__spinner{
    width:24px;
    height:24px;
    border:2px solid rgba(148,163,184,.28);
    border-top-color:var(--wb-app-primary,#2563eb);
    border-radius:50%;
    animation:wb-play-comment-spin .7s linear infinite;
}
.wb-play-comment-load--error .fa{
    font-size:26px;
    opacity:.65;
}
.wb-play-comment-load--error button{
    height:32px;
    padding:0 14px;
    border:0;
    border-radius:999px;
    background:var(--wb-app-primary,#2563eb);
    color:#fff;
    font-size:12px;
    cursor:pointer;
}
@keyframes wb-play-comment-spin{
    to{transform:rotate(360deg);}
}
.wb-play-comment-inline__scroll .col-pd{
    padding:0;
}
.wb-play-comment-inline__scroll .stui-pannel__head{
    display:none;
}
.wb-play-comment-inline__scroll .stui-comment__item{
    padding:12px 0 12px 44px;
    border-bottom:1px solid rgba(148,163,184,.12);
}
.wb-play-comment-inline__scroll .stui-comment__item .avatar img{
    width:32px;
    height:32px;
    border-radius:50%;
}
.wb-play-comment-inline__scroll .stui-comment__item .avatar{
    top:12px;
}
.wb-play-comment-inline__scroll .stui-comment__item.active{
    padding-left:44px;
}
.wb-play-comment-inline__composer{
    position:fixed;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    z-index:992;
    width:100%;
    max-width:var(--wb-app-shell-max,960px);
    padding:8px 12px calc(8px + env(safe-area-inset-bottom, 0px));
    background:var(--wb-app-card,#fff);
    border-top:1px solid rgba(148,163,184,.16);
    box-sizing:border-box;
}
.wb-play-comment-inline__composer-row{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    min-width:0;
}
.wb-play-comment-inline__avatar{
    flex:0 0 auto;
    width:36px;
    height:36px;
    border-radius:50%;
    overflow:hidden;
    background:var(--wb-app-card-soft,rgba(15,23,42,.06));
}
.wb-play-comment-inline__avatar img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.wb-play-comment-inline__composer-form{
    flex:1 1 auto;
    min-width:0;
}
html.theme-dark body.wb-video-play .wb-play-comment-inline__composer{
    background:var(--wb-app-card,#12151c);
    border-top-color:rgba(148,163,184,.12);
}
.wb-play-comment-inline__composer-form .comment_form{
    margin:0;
    width:100%;
}
.wb-play-comment-inline__composer-form .stui-comment__form{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:0;
    background:transparent!important;
    box-shadow:none!important;
}
.wb-play-comment-inline__composer-form .comment_content{
    flex:1 1 auto;
    min-width:0;
    min-height:40px!important;
    max-height:40px!important;
    height:40px!important;
    margin:0!important;
    padding:8px 14px!important;
    border-radius:999px!important;
    border:1px solid rgba(148,163,184,.28)!important;
    background:var(--wb-app-card-soft,rgba(15,23,42,.04))!important;
    font-size:14px;
    line-height:1.35;
    resize:none;
    box-shadow:none!important;
}
.wb-play-comment-inline__composer-form .comment_face_box{
    display:none!important;
}
.wb-play-comment-inline__composer-form .submit-box{
    float:none;
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:6px;
    margin:0;
}
.wb-play-comment-inline__composer-form .wb-play-comment-send,
.wb-play-comment-inline__composer-form .comment_submit[data-wb-send-btn="1"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    min-width:40px;
    height:40px;
    margin:0;
    padding:0;
    border:0;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    font-size:16px;
    line-height:1;
    box-shadow:none!important;
    cursor:pointer;
}
.wb-play-comment-inline__composer-form .wb-play-comment-send .fa,
.wb-play-comment-inline__composer-form .comment_submit[data-wb-send-btn="1"] .fa{
    font-size:16px;
    line-height:1;
    color:#fff;
}
.wb-play-comment-inline__composer-form .mac_verify_img,
.wb-play-comment-inline__composer-form .submit-box input[name="verify"],
.wb-play-comment-inline__composer-form .submit-box #verify{
    display:none!important;
}
.wb-play-comment-inline__scroll .comment_reply_form{
    display:none!important;
}
.wb-play-comment-inline__scroll form.comment_form{
    display:none!important;
}
.wb-play-comment-inline__composer-form form.comment_form:only-of-type,
.wb-play-comment-inline__composer-form form.comment_form:first-of-type{
    display:block;
}
.wb-play-comment-inline__composer-form form.comment_form ~ form.comment_form{
    display:none!important;
}
.wb-play-comment-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:36px 16px 28px;
    text-align:center;
    color:var(--wb-app-muted,#94a3b8);
}
.wb-play-comment-empty .fa{
    font-size:30px;
    opacity:.55;
}
.wb-play-comment-empty p{
    margin:0;
    font-size:15px;
    color:var(--wb-app-text,#334155);
    font-weight:500;
}
html.theme-dark .wb-play-comment-empty p{
    color:var(--wb-app-text,#e2e8f0);
}
.wb-play-comment-empty span{
    font-size:13px;
}
.wb-play-comment-reply-sheet{
    display:none;
    position:fixed;
    inset:0;
    z-index:999999;
}
.wb-play-comment-reply-sheet.is-open{
    display:block;
}
.wb-play-comment-reply-sheet__overlay{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.45);
}
.wb-play-comment-reply-sheet__panel{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-width:var(--wb-app-shell-max,960px);
    margin:0 auto;
    display:flex;
    flex-direction:column;
    max-height:min(72vh,520px);
    border-radius:14px 14px 0 0;
    background:var(--wb-app-card,#fff);
    box-shadow:0 -12px 40px rgba(15,23,42,.18);
    overflow:hidden;
}
html.theme-dark .wb-play-comment-reply-sheet__panel{
    background:var(--wb-app-card,#12151c);
}
.wb-play-comment-reply-sheet__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 14px;
    border-bottom:1px solid rgba(148,163,184,.16);
}
.wb-play-comment-reply-sheet__head strong{
    font-size:15px;
    font-weight:600;
    color:var(--wb-app-text,#0f172a);
}
.wb-play-comment-reply-sheet__close{
    width:32px;
    height:32px;
    border:0;
    border-radius:999px;
    background:var(--wb-app-card-soft,rgba(15,23,42,.06));
    color:var(--wb-app-muted,#64748b);
    font-size:20px;
    line-height:1;
    cursor:pointer;
}
.wb-play-comment-reply-sheet__body{
    padding:12px 14px calc(12px + env(safe-area-inset-bottom, 0px));
    overflow-y:auto;
}
.wb-play-comment-reply-sheet__body .stui-comment__form{
    margin:0;
    padding:0;
    background:transparent!important;
    box-shadow:none!important;
}
.wb-play-comment-reply-sheet__body .comment_content{
    min-height:88px!important;
    max-height:140px;
    margin:0 0 10px!important;
    padding:10px 12px!important;
    border-radius:12px!important;
    border:1px solid rgba(148,163,184,.28)!important;
    background:var(--wb-app-card-soft,rgba(15,23,42,.04))!important;
    font-size:14px;
    resize:none;
    box-shadow:none!important;
}
.wb-play-comment-reply-sheet__body .submit-box{
    float:none;
    display:flex;
    justify-content:flex-end;
}
.wb-play-comment-reply-sheet__body .wb-play-comment-send,
.wb-play-comment-reply-sheet__body .comment_submit[data-wb-send-btn="1"]{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:96px;
    height:40px;
    margin:0;
    padding:0 16px;
    border:0;
    border-radius:999px!important;
    background:#ef4444!important;
    color:#fff!important;
    font-size:14px;
    font-weight:600;
    box-shadow:none!important;
}
.wb-play-comment-reply-sheet__body .wb-play-comment-send .fa{
    font-size:14px;
}
body.wb-video-play.wb-play-comment-tab .myui-foot,
body.wb-video-play.wb-play-comment-tab .wb-backtop-extra{
    display:none!important;
}
@media (min-width:768px){
    body.wb-video-play .wb-play-comment-inline__composer{
        position:sticky;
        left:auto;
        transform:none;
        bottom:0;
        max-width:none;
    }
    body.wb-video-play .wb-play-comment-inline__scroll{
        padding-bottom:12px;
    }
}
body.wb-video-play .wb-play-below .wb-play-info{
    margin:0;
    padding:10px 0 8px!important;
    background:transparent;
    border-top:0;
}
html.theme-dark body.wb-video-play .wb-play-below .wb-play-info{
    background:transparent;
    border-top-color:transparent;
}
/* 播放页 / 社区详情：内容下方信息卡 */
.wb-play-info{
    margin:0;
    padding:10px var(--wb-app-page-gutter,10px) 8px;
    background:var(--wb-app-card,#fff);
    color:var(--wb-app-text,#172033);
    border-top:1px solid rgba(148,163,184,.12);
}
html.theme-dark .wb-play-info{
    background:var(--wb-app-card,#12151c);
    border-top-color:rgba(255,255,255,.08);
}
.wb-play-brief{
    margin:0;
    padding:0;
    background:none;
    border:0;
}
.wb-play-brief__title{
    margin:0 0 6px;
    font-size:15px;
    font-weight:600;
    line-height:1.45;
    color:var(--wb-app-text,#172033);
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    word-break:break-word;
}
.wb-play-brief__head{
    display:none;
}
.wb-play-brief__meta{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:0;
    margin:0 0 8px;
    padding:0;
    font-size:11px;
    line-height:1.35;
    color:var(--wb-app-muted,#94a3b8);
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.wb-play-brief__meta::-webkit-scrollbar{display:none;}
.wb-play-brief__meta-item{
    display:inline-flex;
    align-items:center;
    gap:3px;
    flex:0 0 auto;
}
.wb-play-brief__meta-item + .wb-play-brief__meta-item::before{
    content:"·";
    margin:0 6px;
    opacity:.55;
}
.wb-play-brief__meta-item:first-child::before{display:none;}
.wb-play-brief__meta-link{
    color:var(--wb-app-muted,#94a3b8)!important;
    text-decoration:none!important;
}
.wb-play-brief__meta-item .fa{
    font-size:12px;
}
.wb-play-brief__meta-rating{
    display:inline-flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:4px;
    white-space:nowrap;
}
.wb-play-brief__meta-rating .wb-play-meta__score{
    display:inline-flex!important;
    align-items:center;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    margin:0;
    padding:0;
    background:none;
    border-radius:0;
}
.wb-play-brief__meta-rating .rating{
    display:inline-block!important;
    white-space:nowrap!important;
    font-size:0!important;
    line-height:1!important;
    margin:0;
    padding:0;
    list-style:none;
    vertical-align:middle;
}
.wb-play-brief__meta-rating .rating li{
    display:inline-block!important;
    float:none!important;
    margin:0 1px 0 0!important;
    padding:0;
    line-height:1;
    font-size:10px;
    vertical-align:middle;
    cursor:pointer;
}
.wb-play-brief__meta-rating .rating li .fa{
    font-size:10px;
    color:var(--wb-app-muted,#94a3b8);
}
.wb-play-brief__meta-rating .rating li .fa-star{
    color:var(--wb-app-warm,#f59e0b);
}
.wb-play-brief__meta-rating .branch{
    font-size:11px;
    font-weight:700;
    color:var(--wb-app-warm,#f59e0b);
    line-height:1;
}
.wb-play-brief__meta-rating .wb-play-meta__ratewords{
    font-size:11px;
    color:var(--wb-app-muted,#94a3b8);
    line-height:1;
}
.wb-play-brief__tags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin:0 0 2px;
    padding:0;
}
.wb-play-brief__tag{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    height:22px;
    padding:0 8px;
    border-radius:999px;
    border:0;
    color:var(--wb-app-muted,#64748b)!important;
    font-size:11px;
    font-weight:400;
    text-decoration:none!important;
    background:var(--wb-app-card-soft,rgba(15,23,42,.05));
}
.wb-play-brief__tag:nth-child(8n + 1){background:#e0f2fe;color:#0369a1!important;}
.wb-play-brief__tag:nth-child(8n + 2){background:#ede9fe;color:#6d28d9!important;}
.wb-play-brief__tag:nth-child(8n + 3){background:#ffedd5;color:#c2410c!important;}
.wb-play-brief__tag:nth-child(8n + 4){background:#dcfce7;color:#15803d!important;}
.wb-play-brief__tag:nth-child(8n + 5){background:#ffe4e6;color:#be123c!important;}
.wb-play-brief__tag:nth-child(8n + 6){background:#cffafe;color:#0e7490!important;}
.wb-play-brief__tag:nth-child(8n + 7){background:#fef3c7;color:#b45309!important;}
.wb-play-brief__tag:nth-child(8n){background:#e0e7ff;color:#4338ca!important;}
html.theme-dark .wb-play-brief__tag:nth-child(8n + 1){background:rgba(14,165,233,.18);color:#7dd3fc!important;}
html.theme-dark .wb-play-brief__tag:nth-child(8n + 2){background:rgba(139,92,246,.2);color:#c4b5fd!important;}
html.theme-dark .wb-play-brief__tag:nth-child(8n + 3){background:rgba(249,115,22,.2);color:#fdba74!important;}
html.theme-dark .wb-play-brief__tag:nth-child(8n + 4){background:rgba(34,197,94,.18);color:#86efac!important;}
html.theme-dark .wb-play-brief__tag:nth-child(8n + 5){background:rgba(244,63,94,.2);color:#fda4af!important;}
html.theme-dark .wb-play-brief__tag:nth-child(8n + 6){background:rgba(6,182,212,.18);color:#67e8f9!important;}
html.theme-dark .wb-play-brief__tag:nth-child(8n + 7){background:rgba(245,158,11,.2);color:#fcd34d!important;}
html.theme-dark .wb-play-brief__tag:nth-child(8n){background:rgba(99,102,241,.22);color:#a5b4fc!important;}
/* 播放页：操作工具栏 */
.wb-play-toolbar{
    margin:10px 0 0;
    border-radius:10px;
    overflow:hidden;
    background:var(--wb-app-card,#fff);
    border:0;
    box-shadow:none;
}
.wb-play-toolbar__hint{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin:0;
    padding:7px 10px;
    font-size:11px;
    font-weight:500;
    line-height:1.4;
    color:#fff;
    text-align:center;
    background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);
}
.wb-play-toolbar__hint .fa{
    flex:0 0 auto;
    font-size:13px;
    line-height:1;
    opacity:.95;
}
.wb-play-toolbar__actions{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:6px 0;
    background:var(--wb-app-card-soft,rgba(15,23,42,.04));
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.wb-play-toolbar__actions::-webkit-scrollbar{display:none;}
nav.wb-play-toolbar{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:6px 0;
    background:var(--wb-app-card-soft,rgba(15,23,42,.04));
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
nav.wb-play-toolbar::-webkit-scrollbar{display:none;}
.wb-play-toolbar__item{
    flex:1 1 0;
    min-width:52px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    padding:6px 4px;
    font-size:10px;
    font-weight:400;
    line-height:1.2;
    color:var(--wb-app-muted,#64748b)!important;
    text-decoration:none!important;
    border:0;
    background:transparent;
    white-space:nowrap;
    cursor:pointer;
    font-family:inherit;
}
.wb-play-toolbar__item .fa{
    font-size:17px;
    font-weight:400;
    color:var(--wb-app-text,#334155);
}
.wb-play-toolbar__label{
    display:block;
    font-size:11px;
    font-weight:400;
    line-height:1.2;
    color:var(--wb-app-muted,#64748b);
}
.wb-play-toolbar__num{
    display:block;
    min-height:10px;
    font-style:normal;
    font-size:10px;
    font-weight:500;
    line-height:1;
    color:var(--wb-app-muted,#94a3b8);
}
.wb-play-toolbar__item--ep .fa{
    font-size:16px;
}
.wb-play-earn-banner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:10px 0 0;
    padding:10px 12px;
    border-radius:10px;
    background:linear-gradient(135deg,rgba(251,146,60,.16) 0%,rgba(249,115,22,.10) 55%,rgba(234,88,12,.08) 100%);
    border:1px solid rgba(249,115,22,.28);
    box-shadow:0 2px 8px rgba(249,115,22,.10);
}
.wb-play-earn-banner__main{
    display:flex;
    align-items:flex-start;
    gap:8px;
    min-width:0;
    flex:1 1 auto;
    font-size:12px;
    font-weight:500;
    line-height:1.45;
    color:#9a3412;
}
.wb-play-earn-banner__main .fa{
    flex:0 0 auto;
    margin-top:1px;
    font-size:16px;
    color:#ea580c;
}
.wb-play-earn-banner__btn{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:30px;
    padding:0 14px;
    border-radius:999px;
    background:linear-gradient(135deg,#fb923c 0%,#f97316 100%);
    color:#fff!important;
    font-size:12px;
    font-weight:700;
    text-decoration:none!important;
    white-space:nowrap;
    box-shadow:0 2px 6px rgba(249,115,22,.35);
}
html.theme-dark .wb-play-earn-banner{
    background:linear-gradient(135deg,rgba(251,146,60,.18) 0%,rgba(234,88,12,.12) 100%);
    border-color:rgba(251,146,60,.32);
    box-shadow:0 2px 10px rgba(0,0,0,.25);
}
html.theme-dark .wb-play-earn-banner__main{
    color:#fdba74;
}
html.theme-dark .wb-play-earn-banner__main .fa{
    color:#fb923c;
}
html.theme-dark .wb-play-toolbar{
    background:var(--wb-app-card,#12151c);
}
html.theme-dark .wb-play-toolbar__hint{
    background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);
    color:#fff;
}
html.theme-dark .wb-play-toolbar__actions,
html.theme-dark nav.wb-play-toolbar{
    background:rgba(255,255,255,.05);
}
html.theme-dark .wb-play-toolbar__item .fa{
    color:rgba(226,232,240,.92);
}
html.theme-dark .wb-play-toolbar__label{
    color:rgba(148,163,184,.9);
}
.wb-play-toolbar__item.is-disabled,
.wb-play-toolbar__item.disabled{
    opacity:.35;
    pointer-events:none;
}
@media (max-width:767px){
    body.wb-video-play .myui-player > .container{
        padding-left:0!important;
        padding-right:0!important;
    }
}
@media (min-width:768px){
    body.wb-video-play .myui-player > .container{
        padding-left:0!important;
        padding-right:0!important;
    }
}
/* 播放页：封面海报叠在播放器区域，点击后再加载播放器脚本 */
.wb-player-frame{
    position:relative;
    background:#000;
}
.wb-player-frame .wb-player-shell{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
}
.wb-player-poster{
    position:absolute;
    inset:0;
    z-index:30;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    cursor:pointer;
    background:#0a0a0a;
    overflow:hidden;
    -webkit-tap-highlight-color:transparent;
}
.wb-player-poster.is-hidden{
    display:none!important;
}
.wb-player-poster__img{
    position:relative;
    z-index:1;
    display:block;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    object-fit:contain;
    object-position:center center;
}
.wb-player-poster__dim{
    position:absolute;
    inset:0;
    z-index:2;
    background:rgba(0,0,0,.22);
    pointer-events:none;
}
.wb-player-poster__play{
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;
    transform:translate(-50%,-50%);
    width:68px;
    height:68px;
    border-radius:50%;
    background:rgba(255,255,255,.94);
    color:#0f172a;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:26px;
    line-height:1;
    box-shadow:0 14px 40px rgba(0,0,0,.35);
    pointer-events:none;
}
.wb-player-poster__play .fa{
    margin-left:4px;
}
.wb-player-poster__badge{
    position:absolute;
    top:10px;
    right:10px;
    z-index:3;
    pointer-events:none;
}
.wb-player-stage{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:10;
}
.wb-player-stage[hidden]{
    display:none!important;
}
/* 播放器实例铺满 16:9 区域，避免嵌套 embed-responsive 导致高度塌陷 */
.wb-player-stage .MacPlayer,
.wb-player-stage .MacPlayer iframe,
.wb-player-stage .MacPlayer video,
.wb-player-stage #player_if{
    position:absolute!important;
    top:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    border:0;
}
.wb-player-stage .MacPlayer{
    inset:0!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
}
.wb-trysee-ended-hint{
    position:absolute;
    inset:0;
    z-index:15;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#000;
    color:rgba(255,255,255,.72);
    font-size:14px;
    pointer-events:none;
}
.wb-trysee-ended-hint[hidden]{ display:none!important; }
/* 试看结束：全屏弹窗（挂 body，避免被固定播放器挡住） */
body.wb-video-play .wb-trysee-dialog{
    display:none;
    position:fixed;
    inset:0;
    z-index:99999999;
    pointer-events:auto;
}
body.wb-video-play .wb-trysee-dialog.is-open{
    display:block;
}
body.wb-video-play .wb-trysee-dialog__overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:rgba(0,0,0,.72);
}
body.wb-video-play .wb-trysee-dialog__panel{
    position:absolute;
    left:50%;
    top:50%;
    z-index:3;
    width:min(360px,calc(100vw - 32px));
    transform:translate(-50%,-50%);
    border-radius:var(--wb-radius-panel,14px);
    background:var(--wb-app-card,#fff);
    box-shadow:0 24px 70px rgba(15,23,42,.35);
    overflow:hidden;
    pointer-events:auto;
}
body.wb-video-play .wb-trysee-dialog__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    border-bottom:1px solid var(--wb-app-border,rgba(148,163,184,.18));
}
body.wb-video-play .wb-trysee-dialog__head strong{
    font-size:16px;
    color:var(--wb-app-text,#0f172a);
}
body.wb-video-play .wb-trysee-dialog__head button,
body.wb-video-play .wb-trysee-dialog__close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    border:0;
    border-radius:999px;
    background:var(--wb-app-card-soft,rgba(148,163,184,.12));
    color:var(--wb-app-muted,#64748b);
    font-size:22px;
    line-height:1;
    cursor:pointer;
    text-decoration:none;
    pointer-events:auto;
    touch-action:manipulation;
}
body.wb-video-play .wb-trysee-dialog__body{
    padding:18px 16px 16px;
    text-align:center;
}
body.wb-video-play .wb-trysee-dialog__msg{
    margin:0 0 16px;
    font-size:15px;
    line-height:1.6;
    color:var(--wb-app-text,#0f172a);
}
body.wb-video-play .wb-trysee-dialog__msg b{
    color:#2563eb;
}
body.wb-video-play .wb-trysee-dialog__actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
    margin-bottom:12px;
}
body.wb-video-play .wb-trysee-dialog__actions .btn{
    min-height:44px;
    min-width:120px;
    padding:10px 20px;
    font-size:15px;
    border-radius:999px;
    cursor:pointer;
    touch-action:manipulation;
    pointer-events:auto;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    z-index:3;
}
body.wb-video-play .wb-trysee-dialog__actions .btn.disabled,
body.wb-video-play .wb-trysee-dialog__actions .btn:disabled,
body.wb-video-play .wb-trysee-dialog__actions .btn[aria-disabled="true"]{
    opacity:.65;
    cursor:not-allowed;
    pointer-events:none;
}
body.wb-video-play .wb-trysee-dialog__later{
    display:block;
    width:100%;
    margin:0;
    padding:10px 0 0;
    border:0;
    background:none;
    color:var(--wb-app-muted,#64748b);
    font-size:13px;
    cursor:pointer;
    text-decoration:none;
    pointer-events:auto;
    touch-action:manipulation;
}
/* 播放页：登录弹层需高于固定播放器（home.css 未全站加载，此处补齐 mac_pop 基础样式） */
.mac_pop_bg{
    position:fixed;
    z-index:99999998;
    inset:0;
    background:rgba(15,23,42,.45);
}
.mac_pop{
    display:none;
    position:fixed;
    z-index:99999999;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:min(400px,calc(100vw - 24px));
    max-height:min(88vh,720px);
    margin:0;
    padding:0;
    border-radius:14px;
    background:var(--wb-app-card,#fff);
    box-shadow:0 18px 48px rgba(15,23,42,.22);
    overflow:hidden;
}
.mac_pop .pop_top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    height:auto;
    padding:12px 14px;
    border-bottom:1px solid rgba(148,163,184,.16);
}
.mac_pop .pop_top h2{
    float:none;
    margin:0;
    font-size:16px;
    font-weight:600;
    color:var(--wb-app-text,#0f172a);
}
.mac_pop span.pop_close{
    float:none;
    width:32px;
    height:32px;
    border-radius:999px;
    background:var(--wb-app-card-soft,rgba(15,23,42,.06));
    color:var(--wb-app-muted,#64748b);
    font-size:18px;
    line-height:32px;
    text-align:center;
    text-indent:0;
    cursor:pointer;
}
.mac_pop .pop_content{
    max-height:calc(min(88vh,720px) - 56px);
    overflow:auto;
    padding:12px 14px 16px;
}
body.wb-video-play .mac_pop_bg,
body.wb-video-play .mac_pop{
    z-index:999999999!important;
}
body.wb-video-play .layui-layer,
body.wb-video-play .layui-layer-shade{
    z-index:999999999!important;
}
body.wb-video-play .wb-play-meta{
    margin:8px 0 0;
    padding:8px 0 0;
    background:none;
    border:0;
    border-top:1px solid rgba(148,163,184,.10);
}
body.wb-video-play .wb-play-meta--cast-only{
    margin-top:6px;
    padding-top:6px;
}
body.wb-video-play .wb-play-meta__score{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:4px 6px;
    margin:0;
    padding:0;
    background:none;
    border-radius:0;
}
body.wb-video-play .wb-play-brief__meta-rating #rating,
body.wb-video-play .wb-play-brief__meta-rating #rating .rating{
    display:inline-flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center;
}
body.wb-video-play .wb-play-brief__meta-rating #rating .rating li{
    display:inline-block!important;
    float:none!important;
}
body.wb-video-play .wb-play-meta__score .rating{
    display:inline-flex;
    align-items:center;
    gap:1px;
    margin:0;
    padding:0;
    list-style:none;
}
body.wb-video-play .wb-play-meta__score .rating li{
    padding:0;
    line-height:1;
    cursor:pointer;
}
body.wb-video-play .wb-play-meta__score .rating li .fa{
    font-size:11px;
    color:var(--wb-app-muted,#94a3b8);
}
body.wb-video-play .wb-play-meta__score .rating li .fa-star{
    color:var(--wb-app-muted,#64748b);
}
body.wb-co-community-page .wb-play-comment-sheet{
    display:none;
    position:fixed;
    inset:0;
    z-index:99999999;
}
body.wb-co-community-page .wb-play-comment-sheet.is-open{
    display:block;
}
body.wb-co-community-page .wb-play-comment-sheet__overlay{
    position:absolute;
    inset:0;
    z-index:0;
    background:rgba(15,23,42,.45);
}
body.wb-co-community-page .wb-play-comment-sheet__panel{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    max-height:min(88vh,720px);
    display:flex;
    flex-direction:column;
    border-radius:14px 14px 0 0;
    background:var(--wb-app-card,#fff);
    box-shadow:0 -12px 40px rgba(15,23,42,.18);
    overflow:hidden;
}
body.wb-co-community-page .wb-play-comment-sheet__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 14px;
    border-bottom:1px solid rgba(148,163,184,.16);
    flex:0 0 auto;
}
body.wb-co-community-page .wb-play-comment-sheet__title-wrap{
    min-width:0;
}
body.wb-co-community-page .wb-play-comment-sheet__head strong{
    display:block;
    font-size:15px;
    font-weight:500;
    color:var(--wb-app-text);
    line-height:1.3;
}
body.wb-co-community-page .wb-play-comment-sheet__sub{
    display:block;
    margin-top:2px;
    font-size:11px;
    font-weight:400;
    color:var(--wb-app-muted,#94a3b8);
}
body.wb-co-community-page .wb-play-comment-sheet__sub em{
    font-style:normal;
    color:var(--wb-app-text,#334155);
}
body.wb-co-community-page .wb-play-comment-sheet__close{
    flex:0 0 auto;
    width:32px;
    height:32px;
    border:0;
    border-radius:999px;
    background:var(--wb-app-card-soft,rgba(15,23,42,.05));
    color:var(--wb-app-muted);
    font-size:22px;
    line-height:1;
}
body.wb-co-community-page .wb-play-comment-sheet__body{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding:10px 12px 16px;
}
body.wb-co-community-page.wb-play-comment-lock{
    overflow:hidden;
}
html.theme-dark body.wb-co-community-page .wb-play-comment-sheet__panel{
    background:var(--wb-app-card,#12151c);
    box-shadow:0 -12px 40px rgba(0,0,0,.45);
}
html.theme-dark body.wb-co-community-page .wb-play-comment-sheet__head{
    border-bottom-color:rgba(255,255,255,.08);
}
body.wb-video-play .wb-play-meta__score .branch{
    font-size:12px;
    font-weight:400;
    color:var(--wb-app-muted,#64748b);
}
body.wb-video-play .wb-play-meta__ratewords{
    font-size:11px;
    font-weight:400;
    color:var(--wb-app-muted,#94a3b8);
}
body.wb-video-play .wb-play-meta__cast{
    display:flex;
    align-items:flex-start;
    gap:6px;
    margin:6px 0 0;
    font-size:11px;
    font-weight:400;
    line-height:1.45;
    color:var(--wb-app-muted,#94a3b8);
}
body.wb-video-play .wb-play-meta__cast:last-child{
    margin-bottom:0;
}
body.wb-video-play .wb-play-meta__k{
    flex:0 0 auto;
    color:var(--wb-app-muted,#94a3b8);
}
body.wb-video-play .wb-play-meta__v{
    flex:1 1 auto;
    min-width:0;
    color:var(--wb-app-text,#334155);
    word-break:break-word;
}
body.wb-video-play .wb-play-meta__v a{
    color:inherit;
    text-decoration:none!important;
    font-weight:400;
}
html.theme-dark body.wb-video-play .wb-play-meta{
    border-top-color:rgba(255,255,255,.06);
}
html.theme-dark body.wb-video-play .wb-play-meta__cast,
html.theme-dark body.wb-video-play .wb-play-meta__k,
html.theme-dark body.wb-video-play .wb-play-meta__ratewords{
    color:rgba(148,163,184,.88);
}
html.theme-dark body.wb-video-play .wb-play-meta__v,
html.theme-dark body.wb-video-play .wb-play-meta__score .branch{
    color:rgba(226,232,240,.9);
}
body.wb-video-play .myui-player > .container .myui-panel.myui-panel-bg,
body.wb-video-play > .container .myui-panel.myui-panel-bg,
body.wb-video-detail .myui-container-bg .container .myui-panel.myui-panel-bg,
body.wb-video-detail .myui-container-bg .container .wb-detail-block,
body.wb-video-play .container.wb-video-sub-body .wb-detail-block{
    border-radius:0 !important;
    margin-bottom:0 !important;
    box-shadow:none!important;
}
body.wb-video-play .myui-player > .container > .row,
body.wb-video-play > .container > .row,
body.wb-video-detail .myui-container-bg .container > .row,
body.wb-video-detail .myui-container-bg .container > .wb-video-sub-stack{
    gap:0 !important;
}
body.wb-co-community-index .wb-co-feed-body{
    margin-top:0 !important;
}
body.wb-co-community-space .wb-co-space-stack > .container.wb-co-feed-body,
body.wb-co-community-space .wb-co-space-stack > .container{
    margin-top:0 !important;
}
/* 顶区白柱后紧跟主内容 .container：去掉上沿外边距，避免与通用 .container 的 margin 形成壳色横缝（动态列表首页由 .wb-co-feed-body 单独处理，含审核提示插页） */
body.wb-co-community-page:not(.wb-co-community-index) .wb-co-page-top + .container{
    margin-top:0 !important;
}
/* 片库：hub + 列表包在同一白柱内，便于主导航 Tab sticky 在滚动列表时仍吸顶 */
.wb-label-page-stack{
    width:100%;
    max-width:var(--wb-app-shell-max,960px);
    margin:0 auto;
    background:var(--wb-app-card,#fff);
    box-sizing:border-box;
    padding:12px var(--wb-app-page-gutter,10px) 0;
}
/* 与固定系统顶栏之间留白（全部影片 / 最新 / 排行） */
body.wb-label-page .wb-label-page-stack{
    box-sizing:border-box;
}
body.wb-label-page .wb-label-page-stack > .container,
body.wb-label-page .wb-label-page-stack > .container.wb-label-feed-body{
    margin-top:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
/* 社区筛选 Tab：与首页顶栏共用 wb-header-tv__nav-item，见 wb-header-tv.css */
body.wb-co-community-page .myui-panel.myui-panel-bg,
body.wb-co-community-index .myui-panel.myui-panel-bg,
body.wb-co-community-relations .myui-panel.myui-panel-bg,
body.wb-co-community-space .myui-panel.myui-panel-bg{
    border-radius:0 !important;
    margin-bottom:0 !important;
}
body.wb-co-community-page .container > .row,
body.wb-co-community-index .container > .row,
body.wb-co-community-relations .container > .row{
    gap:0 !important;
}
.myui-header__top{
    background:var(--wb-topbar-bg,#ffffff)!important;
    border:0!important;
    border-bottom:none!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
html.theme-dark .myui-header__top{
    background:var(--wb-topbar-bg,#0d1020)!important;
    box-shadow:none!important;
}
.myui-header__top .container{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    box-sizing:border-box;
}
/* 顶栏固定条：与 960 内容壳同宽居中（非会员中心页） */
body.active:not(.wb-uc) #header-top.myui-header__top:not(.wb-header-tv),
body.wb-video-home #header-top:not(.wb-header-tv),
body.wb-video-list #header-top,
body.wb-video-search #header-top,
body.wb-video-detail #header-top,
body.wb-video-play #header-top,
body.wb-label-page #header-top,
body.wb-co-community-page #header-top,
body.wb-co-community-index #header-top,
body.wb-co-community-relations #header-top,
body.wb-co-community-page .wb-native-topbar,
body.wb-co-community-index .wb-native-topbar{
    left:50%!important;
    right:auto!important;
    width:100%!important;
    max-width:var(--wb-app-shell-max)!important;
    transform:translateX(-50%);
    box-sizing:border-box;
}
body.active:not(.wb-uc) .wb-statusbar,
body.wb-video-home .wb-statusbar,
body.wb-video-list .wb-statusbar,
body.wb-video-search .wb-statusbar,
body.wb-video-detail .wb-statusbar,
body.wb-video-play .wb-statusbar,
body.wb-label-page .wb-statusbar,
body.wb-co-community-page .wb-statusbar,
body.wb-co-community-index .wb-statusbar,
body.wb-co-community-relations .wb-statusbar,
body:not(.wb-video-home) .wb-statusbar{
    left:50%;
    right:auto;
    width:100%;
    max-width:var(--wb-app-shell-max);
    transform:translateX(-50%);
}
.myui-header_bd{
    min-height:var(--myui-header-height);
    display:flex;
    align-items:center;
    gap:16px;
}
.myui-header__logo{flex:0 0 auto;}
.myui-header__menu{
    display:flex;
    align-items:center;
    gap:4px;
    flex:1 1 auto;
    min-width:0;
}
.myui-header__menu>li>a{
    border-radius:999px;
    padding:8px 13px;
    font-weight:800;
    color:var(--wb-app-muted);
    transition:background .18s ease,color .18s ease,transform .18s ease;
}
.myui-header__menu>li.active>a,
.myui-header__menu>li>a:hover{
    color:#fff!important;
    background:var(--wb-app-gradient);
    box-shadow:none;
    transform:none;
}
.myui-header__left .header-left-btn,
.myui-header__user>li>a{
    width:44px;
    height:44px;
    border-radius:0;
    background:transparent;
    color:var(--wb-app-text);
    border:0;
    box-shadow:none;
}
.myui-header__left .header-left-btn:hover,
.myui-header__user>li>a:hover{
    color:var(--wb-app-primary,#2563eb)!important;
    background:transparent!important;
    border-color:transparent;
    box-shadow:none!important;
}
html.theme-dark .myui-header__left .header-left-btn:hover,
html.theme-dark .myui-header__user>li>a:hover{
    color:#fff!important;
}
.wb-native-topbar__back:hover,
.wb-native-topbar__actions a:hover{
    color:var(--wb-app-primary,#2563eb)!important;
    background:transparent!important;
}
html.theme-dark .wb-native-topbar__back:hover,
html.theme-dark .wb-native-topbar__actions a:hover{
    color:#fff!important;
}
.myui-panel.myui-panel-bg,
.myui-panel.active,
.myui-panel{
    border-radius:var(--wb-app-radius);
    background:var(--wb-app-card)!important;
    border:none;
    box-shadow:none;
    overflow:hidden;
    margin-bottom:16px;
}
.myui-panel-box{background:transparent!important;}
.myui-panel_hd{padding:14px 16px 0;}
.myui-panel__head{
    min-height:38px;
    display:flex;
    align-items:center;
    gap:10px;
    border:0!important;
}
.myui-panel__head .title,
.myui-panel__head h3.title{
    font-size:19px;
    font-weight:900;
    color:var(--wb-app-text);
    line-height:1.35;
}
.myui-panel__head .more,
.myui-panel__head .text-muted.more{
    font-size:12px;
    font-weight:800;
    color:var(--wb-app-muted)!important;
}
.myui-panel_bd{padding:14px 16px 16px;}
.myui-vodlist{
    display:flex;
    flex-wrap:wrap;
    margin-left:-7px;
    margin-right:-7px;
}
.myui-vodlist>li{padding:8px 8px 16px!important;}
body.wb-video-home ul.myui-vodlist{
    margin-left:-6px;
    margin-right:-6px;
}
body.wb-video-home ul.myui-vodlist>li{
    padding:5px 6px 10px!important;
}
.myui-vodlist__box{
    border-radius:var(--wb-radius-card,10px);
    overflow:hidden;
    background:var(--wb-app-card);
    position:relative;
    transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .2s ease;
}
.myui-vodlist__box:hover{
    transform:none;
    box-shadow:none;
}
/* 视频列表卡片：光影扫光（fulisq xl-video-card 同款，排除演员/广告位） */
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad)::before{
    content:'';
    position:absolute;
    inset:-2px;
    background:none;
    opacity:0;
    transition:opacity .22s ease;
    pointer-events:none;
    z-index:4;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad)::after{
    content:'';
    position:absolute;
    top:-40%;
    left:-60%;
    width:55%;
    height:180%;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));
    transform:rotate(18deg) translateX(-30%);
    opacity:0;
    transition:transform .75s ease,opacity .22s ease .55s;
    pointer-events:none;
    z-index:5;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad) > *{
    position:relative;
    z-index:2;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad) .myui-vodlist__thumb::before{
    content:'';
    position:absolute;
    inset:-2px;
    background:none;
    opacity:0;
    transition:opacity .22s ease;
    pointer-events:none;
    z-index:1;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad) .myui-vodlist__thumb:not(.actor):not(.ad-thumb){
    overflow:hidden;
    transition:transform .35s cubic-bezier(.2,.9,.2,1);
}
html.theme-dark body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad)::after{
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.32),rgba(255,255,255,0));
}
@media (hover:hover) and (pointer:fine){
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad):hover{
        transform:none;
        box-shadow:none;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad):hover::before{
        opacity:1;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad):hover::after{
        opacity:.55;
        transform:rotate(18deg) translateX(260%);
        transition:transform .75s ease,opacity .22s ease 0s;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad):hover .myui-vodlist__thumb{
        transform:scale(1.05);
    }
}
@media (hover:none){
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad):active{
        transform:translateY(-1px) scale(1.015);
        box-shadow:none;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad):active::before{
        opacity:1;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad):active::after{
        opacity:.55;
        transform:rotate(18deg) translateX(260%);
        transition:transform .75s ease,opacity .22s ease 0s;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad):active .myui-vodlist__thumb{
        transform:scale(1.04);
    }
}
@media (prefers-reduced-motion:reduce){
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad)::after{
        display:none;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad),
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(.wb-actor-card):not(.wb-vod-card--ad) .myui-vodlist__thumb{
        transition:none!important;
    }
}
/* 列表「最近点击」：轻量标记，避免蓝边+角标+标题三重高亮 */
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad){
    transform:none;
    box-shadow:none;
    background:transparent;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad)::before{
    opacity:0!important;
    display:none;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad)::after{
    opacity:0!important;
    transform:none!important;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad) .myui-vodlist__thumb::before{
    opacity:1!important;
    inset:0;
    background:rgba(15,23,42,.12);
    z-index:4;
}
html.theme-dark body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad) .myui-vodlist__thumb::before{
    background:rgba(0,0,0,.28);
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad) .myui-vodlist__thumb{
    transform:none;
    box-shadow:none;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad) .myui-vodlist__thumb::after{
    content:'✓ 看过';
    position:absolute;
    top:6px;
    right:6px;
    bottom:auto;
    left:auto;
    z-index:6;
    height:21px;
    padding:0 8px;
    border:1px solid rgba(255,255,255,.9);
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    line-height:19px;
    letter-spacing:.2px;
    color:#fff;
    background:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);
    box-shadow:0 2px 7px rgba(37,99,235,.42);
    pointer-events:none;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked .myui-vodlist__detail .title a{
    color:inherit;
    font-weight:inherit;
    opacity:.72;
}
html.theme-dark body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad){
    background:transparent;
    box-shadow:none;
}
html.theme-dark body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked .myui-vodlist__detail .title a{
    opacity:.78;
}
@media (prefers-reduced-motion:reduce){
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad){
        transform:none;
    }
}
.myui-vodlist__thumb{
    border-radius:var(--wb-radius-card,10px)!important;
    overflow:hidden;
    background-color:var(--wb-app-card-soft);
}
.myui-vodlist__detail{
    padding:0 2px 0;
}
/* 长列表性能：无限加载列表的屏外卡片跳过渲染与样式计算，避免列表越滚越卡 */
.wb-vod-infinite-root ul.myui-vodlist>li{
    content-visibility:auto;
    contain-intrinsic-size:auto 250px;
}
/* 统一视频卡片：封面 + 标题 + 分类·更新时间 */
.wb-vod-card.myui-vodlist__box{
    margin-bottom:10px;
    padding:6px;
    border:0;
    border-radius:14px;
    background:#fff;
    box-shadow:0 3px 12px rgba(15,23,42,.07);
    box-sizing:border-box;
    overflow:hidden;
}
html.theme-dark .wb-vod-card.myui-vodlist__box{
    border:0;
    background:#20263a;
    box-shadow:0 3px 12px rgba(0,0,0,.24);
}
body:not(.wb-uc) ul.myui-vodlist .wb-vod-card.myui-vodlist__box.is-last-clicked{
    border:0!important;
    background:#fff!important;
}
html.theme-dark body:not(.wb-uc) ul.myui-vodlist .wb-vod-card.myui-vodlist__box.is-last-clicked{
    background:#20263a!important;
}
.wb-vod-card__thumb{
    position:relative;
    display:block;
}
.myui-vodlist__detail .title.wb-vod-card__title,
.wb-vod-card__title,
.myui-vodlist__detail .title.wb-vod-card__title a,
.wb-vod-card__title a{
    font-weight:600!important;
}
.myui-vodlist__detail .title a{
    color:var(--wb-app-text);
}
.myui-vodlist__detail .text{color:var(--wb-app-muted)!important;}
.wb-vod-card .pic-badge-duration{
    position:absolute;
    right:6px;
    bottom:6px;
    z-index:2;
    padding:1px 5px;
    border-radius:3px;
    background:rgba(0,0,0,.42);
    color:#fff;
    font-size:10px;
    font-weight:400;
    line-height:1.35;
    box-shadow:none;
    text-shadow:none;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
}
.wb-vod-card__detail{
    display:flex;
    flex-direction:column;
    gap:6px;
    padding:8px 2px 4px!important;
}
.wb-vod-card__title{
    margin:0!important;
    font-size:14px;
    font-weight:600!important;
    line-height:1.45;
    max-height:2.9em;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    word-break:break-word;
}
.wb-vod-card__title a{
    color:var(--wb-app-text)!important;
    font-weight:600!important;
}
.wb-vod-card__meta{
    margin:0!important;
    padding:0;
    font-size:11px;
    font-weight:400;
    line-height:1.35;
    color:var(--wb-app-muted,#94a3b8)!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.wb-vod-card__sep{
    margin:0 5px;
    opacity:.55;
}
.wb-vod-card .text{
    display:none!important;
}
.wb-vod-card--ad .wb-vod-card__thumb.ad-thumb{
    overflow:hidden;
}
.wb-vod-card--ad .wb-vod-card__detail{
    min-height:0;
}
body.wb-video-play .wb-comment-report-sheet{
    display:none;
    position:fixed;
    inset:0;
    z-index:100000000;
}
body.wb-video-play .wb-comment-report-sheet.is-open{
    display:block;
}
body.wb-video-play .wb-comment-report-sheet__overlay{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.45);
}
body.wb-video-play .wb-comment-report-sheet__panel{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    border-radius:14px 14px 0 0;
    background:var(--wb-app-card,#fff);
    box-shadow:0 -12px 40px rgba(15,23,42,.18);
    overflow:hidden;
}
body.wb-video-play .wb-comment-report-sheet__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:12px 14px;
    border-bottom:1px solid rgba(148,163,184,.16);
}
body.wb-video-play .wb-comment-report-sheet__head strong{
    font-size:15px;
    font-weight:500;
}
body.wb-video-play .wb-comment-report-sheet__close{
    width:32px;
    height:32px;
    border:0!important;
    border-radius:999px;
    background:var(--wb-app-card-soft,rgba(15,23,42,.05));
    font-size:22px;
    line-height:1;
}
body.wb-video-play .wb-comment-report-sheet__body{
    padding:12px 14px 18px;
}
body.wb-video-play .wb-comment-report-sheet__tip{
    margin:0 0 10px;
    font-size:12px;
    color:var(--wb-app-muted,#94a3b8);
}
body.wb-video-play .wb-comment-report-sheet__reasons{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
}
body.wb-video-play .wb-comment-report-sheet__reason{
    height:40px;
    border:1px solid rgba(148,163,184,.24);
    border-radius:8px;
    background:transparent;
    color:var(--wb-app-text);
    font-size:13px;
    font-weight:400;
}
body.wb-video-play .comment_report.is-reported{
    opacity:.5;
    pointer-events:none;
}
.category-modal-overlay.show,
.search-modal-overlay.show{
    background:rgba(15,23,42,.38);
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
}
.category-modal{
    width:min(360px,86vw);
    max-width:360px;
    background:var(--wb-app-card)!important;
    border-right:1px solid var(--wb-app-border);
    box-shadow:22px 0 55px rgba(15,23,42,.20);
}
@media (max-width:767px){
    .category-modal{width:min(78vw,300px)!important;max-width:300px!important;}
}
.category-modal-header{
    min-height:calc(52px + env(safe-area-inset-top, 0px))!important;
    padding:env(safe-area-inset-top, 0px) 12px 10px!important;
    background:var(--wb-topbar-bg,var(--wb-app-card))!important;
    border-bottom:1px solid var(--wb-app-border);
}
html.theme-dark .category-modal-header{
    background:var(--wb-topbar-bg,#0d1020)!important;
}
.category-modal-close,
.search-modal-close{
    background:var(--wb-app-card-soft)!important;
    color:var(--wb-app-text)!important;
    border:1px solid var(--wb-app-border)!important;
}
.category-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.category-actions .btn,
.category-quick-item,
.category-module-tab,
.category-type-item>a{
    border-radius:16px!important;
    border:1px solid var(--wb-app-border)!important;
    background:var(--wb-app-card-soft)!important;
    color:var(--wb-app-text)!important;
    box-shadow:none!important;
}
.category-actions .btn-primary,
.category-module-tab.is-active{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--wb-app-gradient)!important;
}
html.theme-dark .category-module-tab:not(.is-active){
    border-color: rgba(148,163,184,.28)!important;
    background: rgba(30,41,59,.55)!important;
    color: #e2e8f0!important;
}
html.theme-dark .category-module-tab.is-active{
    box-shadow: 0 10px 24px rgba(37,99,235,.35), 0 0 0 1px rgba(255,255,255,.1)!important;
}
.category-quick{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.category-quick-item{
    min-height:76px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:800;
}
.category-quick-item i{font-size:20px;color:var(--wb-app-primary);}
.category-type-list{
    display:grid!important;
    grid-template-columns:1fr;
    gap:8px;
}
.category-type-item>a{
    min-height:52px;
    display:flex!important;
    align-items:center;
    gap:10px;
    padding:10px 12px!important;
}
.category-type-item .count{
    margin-left:auto;
    color:var(--wb-app-muted);
    font-weight:800;
}
.search-modal{width:min(560px,calc(100vw - 24px));}
.search-modal-inner{
    border-radius:16px!important;
    background:var(--wb-app-card)!important;
    border:none!important;
    box-shadow:none!important;
}
.search-modal-input{
    border-radius:16px!important;
    background:var(--wb-app-card-soft)!important;
    color:var(--wb-app-text)!important;
}
.search-modal-submit{
    border-radius:16px!important;
    background:var(--wb-app-gradient)!important;
    color:#fff!important;
}
.btn.btn-warm,
.btn.btn-primary,
.btn.btn-info,
.btn.btn-danger{
    border:0!important;
    border-radius:999px!important;
    font-weight:800;
}
/* 无明暗类名时的兜底（禁用 JS 时）：与浅色一致 */
.btn.btn-warm,
.btn.btn-primary{
    color:#fff!important;
    background:linear-gradient(135deg,var(--uc-primary,#2563eb) 0%,#4f46e5 55%,#06b6d4 120%)!important;
    box-shadow:none;
}
html.theme-dark .btn.btn-warm,
html.theme-dark .btn.btn-primary{
    background:var(--wb-app-gradient)!important;
    box-shadow:none;
}
.btn.btn-info{color:#fff!important;background:var(--wb-app-warm-gradient)!important;box-shadow:none;}
.btn.btn-danger{color:#fff!important;background:linear-gradient(135deg,#ec4899,#a855f7)!important;}
@media (max-width:767px){
    body > .container,
    .myui-container-bg > .container,
    .myui-player > .container{padding-left:8px;padding-right:8px;}
    .myui-header_bd{justify-content:space-between;gap:8px;}
    .myui-header__menu{display:none!important;}
    .myui-header__logo{position:absolute;left:50%;transform:translateX(-50%);}
    .myui-panel{border-radius:var(--wb-radius-panel,12px);margin-bottom:12px;}
    .myui-panel_hd{padding:12px 12px 0;}
    body.wb-video-home .myui-panel-box > .myui-panel_hd,
    body.wb-video-home .wb-home-section-head{
        padding:8px 0 0!important;
    }
    body.wb-video-home .myui-panel_bd .myui-panel_hd{
        padding:8px 0 0!important;
    }
    body.wb-video-home .myui-panel_hd .myui-panel__head,
    body.wb-video-home .myui-panel_bd .myui-panel_hd .myui-panel__head{
        padding:0 0 8px!important;
    }
    .myui-panel_bd{padding:12px;}
    .myui-panel__head .title,.myui-panel__head h3.title{font-size:18px;}
    .myui-vodlist{margin-left:-5px;margin-right:-5px;}
    .myui-vodlist>li{padding:5px!important;}
    body.wb-video-home ul.myui-vodlist{
        margin-left:-5px!important;
        margin-right:-5px!important;
    }
    body.wb-video-home ul.myui-vodlist>li{
        padding:4px 5px 8px!important;
    }
    .myui-vodlist__thumb{border-radius:var(--wb-radius-card,10px)!important;}
    .category-modal{width:min(78vw,300px)!important;max-width:300px!important;}
    .category-modal-body{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding:14px!important;padding-bottom:max(20px, env(safe-area-inset-bottom, 0px))!important;overflow-y:auto!important;}
}

/* 首页：清爽视频 App 首屏与内容流 */
body.wb-video-home > .container>.row{
    display:flex;
    flex-direction:column;
    gap:12px;
}
body.wb-video-home .myui-panel,
body.wb-video-home .myui-panel.myui-panel-bg,
body.wb-video-home .myui-panel.myui-panel-bg2{
    margin-top:0!important;
    margin-bottom:0;
}
body.wb-video-home .flickity,
body.wb-video-home .swiper-container,
body.wb-video-home .myui-banner,
body.wb-video-home > .container > .row > .ads-slider{
    border-radius:var(--wb-radius-panel,12px);
    overflow:hidden;
}
body.wb-video-home .wb-fuli-hub-panel,
body.wb-video-home .wb-fuli-hub-panel .myui-panel-box,
body.wb-video-home .wb-fuli-hub-panel .wb-fuli-hub-panel__box{
    padding:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border-radius:var(--wb-radius-panel,12px);
    overflow:hidden;
}
body.wb-video-home > .container > .row > .wb-fuli-hub-panel{
    border-radius:var(--wb-radius-panel,12px);
}
body.wb-video-home .wb-continue-panel .myui-panel_bd{
    padding:0 0 12px!important;
}
body.wb-video-home .wb-continue-panel,
body.wb-video-home .wb-continue-panel .myui-panel-box{
    box-shadow:none!important;
}
body.wb-video-home .wb-continue-list{
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:0 0 2px;
    margin:0;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
}
body.wb-video-home .wb-continue-list::-webkit-scrollbar{display:none;}
body.wb-video-home .wb-continue-card{
    flex:0 0 118px;
    scroll-snap-align:start;
    display:flex;
    flex-direction:column;
    gap:8px;
    min-width:0;
    padding:0;
    margin:0;
    border:0!important;
    border-radius:0;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--wb-app-text,#0f172a)!important;
    text-decoration:none!important;
}
body.wb-video-home .wb-continue-card__thumb{
    position:relative;
    display:block;
    width:100%;
    padding-top:60%;
    border-radius:var(--wb-radius-card,10px);
    overflow:hidden;
    background:var(--wb-app-card-soft,#f1f5f9);
}
body.wb-video-home .wb-continue-card__thumb img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
body.wb-video-home .wb-continue-card__play{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(180deg,rgba(15,23,42,0) 35%,rgba(15,23,42,.28) 100%);
    pointer-events:none;
}
body.wb-video-home .wb-continue-card__play i{
    width:30px;
    height:30px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    padding-left:2px;
    color:#2563eb;
    background:rgba(255,255,255,.94);
    box-shadow:0 4px 12px rgba(15,23,42,.16);
}
body.wb-video-home .wb-continue-card__info{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
    padding:0 1px;
}
body.wb-video-home .wb-continue-card__name{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:13px;
    line-height:1.35;
    font-weight:500;
    color:var(--wb-app-text,#0f172a);
}
body.wb-video-home .wb-continue-card__meta{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:11px;
    line-height:1.3;
    color:var(--wb-app-muted,#64748b);
    font-weight:400;
}
html.theme-dark body.wb-video-home .wb-continue-card__name{color:var(--wb-app-text,#f8fafc);}
html.theme-dark body.wb-video-home .wb-continue-card__meta{color:var(--wb-app-muted,#94a3b8);}
html.theme-dark body.wb-video-home .wb-continue-card__thumb{background:rgba(255,255,255,.06);}
@media (max-width:767px){
    body.wb-video-home .wb-continue-list{gap:8px;}
    body.wb-video-home .wb-continue-card{flex-basis:108px;}
    body.wb-video-home .wb-continue-card__name{font-size:12px;}
}
body.wb-video-home .myui-panel__head .nav.nav-text{
    display:flex;
    gap:6px;
    max-width:58%;
    overflow-x:auto;
    scrollbar-width:none;
}
body.wb-video-home .myui-panel__head .nav.nav-text::-webkit-scrollbar{display:none;}
body.wb-video-home .myui-panel__head .nav.nav-text>li>a{
    display:inline-flex;
    align-items:center;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    background:var(--wb-app-card-soft);
    color:var(--wb-app-muted)!important;
    font-weight:500;
}
body.wb-video-home .myui-panel__head .nav.nav-text .split-line{display:none;}
@media (max-width:767px){
    body.wb-video-home .wb-continue-panel .myui-panel_bd{
        padding:0 0 5px!important;
    }
    body.wb-video-home > .container>.row{gap:10px;}
}

/* 首页：顶栏与首屏轮播紧贴；模块标题字号/间距统一 */
body.wb-video-home{
    padding-top:calc(env(safe-area-inset-top, 0px) + var(--top-floating-ad-height, 0px) + var(--myui-header-height, 44px))!important;
}
body.wb-video-home > .container{
    padding-top:0!important;
    margin-top:0!important;
}
body.wb-video-home > .container > .row > .myui-panel:first-child,
body.wb-video-home > .container > .row > .ads-slider:first-child{
    margin-top:0!important;
}
body.wb-video-home > .container > .row > .myui-panel:first-child .myui-panel-box,
body.wb-video-home > .container > .row > .myui-panel:first-child .ads-slider,
body.wb-video-home > .container > .row > .ads-slider:first-child{
    margin-top:0;
}
body.wb-video-home .myui-panel-box > .myui-panel_hd,
body.wb-video-home .wb-continue-panel > .myui-panel-box > .myui-panel_hd,
body.wb-video-home .wb-home-section-head,
body.wb-video-home .myui-panel_bd .myui-panel_hd{
    padding:10px 0 0!important;
    background:transparent!important;
    border:0!important;
}
body.wb-video-home .myui-panel_bd > .col-lg-wide-75.padding-0,
body.wb-video-home .myui-panel_bd > .col-xs-1.padding-0{
    padding-left:0!important;
    padding-right:0!important;
}
body.wb-video-home .myui-panel:has(.myui-vodlist) .myui-panel_bd{
    padding:0 0 12px!important;
}
body.wb-video-home .myui-panel_hd .myui-panel__head,
body.wb-video-home .myui-panel_bd .myui-panel_hd .myui-panel__head,
body.wb-video-home .wb-home-section-head .myui-panel__head{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0 0 10px!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:8px!important;
    border:0!important;
    position:relative!important;
    float:none!important;
}
body.wb-video-home .myui-panel__head.clearfix::before,
body.wb-video-home .myui-panel__head.clearfix::after{
    display:none!important;
    content:none!important;
}
body.wb-video-home .myui-panel__head:has(> a.more),
body.wb-video-home .myui-panel__head:has(> .more){
    justify-content:space-between!important;
}
body.wb-video-home .myui-panel__head .title,
body.wb-video-home .myui-panel__head h3.title{
    order:1!important;
    float:none!important;
    flex:0 1 auto!important;
    margin:0!important;
    padding:0!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.35!important;
    color:var(--wb-app-text)!important;
}
body.wb-video-home .myui-panel__head .title::before,
body.wb-video-home .myui-panel__head h3.title::before{
    content:"";
    flex:0 0 auto;
    width:3px;
    height:16px;
    border-radius:999px;
    background:linear-gradient(180deg,#2563eb 0%,#06b6d4 100%);
}
html.theme-dark body.wb-video-home .myui-panel__head .title,
html.theme-dark body.wb-video-home .myui-panel__head h3.title{
    color:var(--wb-app-text)!important;
}
body.wb-video-home .myui-panel__head .nav.nav-text{
    order:2!important;
    flex:1 1 auto!important;
    float:none!important;
    margin:0 0 0 8px!important;
    max-width:none!important;
    justify-content:flex-end!important;
}
body.wb-video-home .myui-panel__head > .more,
body.wb-video-home .myui-panel__head > a.more{
    order:3!important;
    float:none!important;
    flex-shrink:0!important;
    margin-left:auto!important;
    line-height:1.35!important;
    font-size:13px!important;
    font-weight:400!important;
    color:var(--wb-app-muted,#94a3b8)!important;
}
body.wb-video-home .myui-panel__head > .more .fa,
body.wb-video-home .myui-panel__head > a.more .fa{
    font-size:12px;
    opacity:.75;
}
body.wb-video-home .myui-panel__head:has(.nav.nav-text) > a.more{
    margin-left:8px!important;
}
body.wb-video-home .myui-panel__head .text-muted.more.pull-right{
    display:none!important;
}
body.wb-video-home .myui-panel__head .title .wb-home-section-meta{
    display:inline-flex;
    align-items:center;
    margin-left:6px;
    padding:1px 7px;
    border-radius:999px;
    font-size:11px;
    font-weight:600;
    line-height:1.35;
    color:var(--wb-app-primary,#2563eb);
    background:rgba(37,99,235,.10);
    vertical-align:middle;
}
body.wb-video-home .myui-panel__head .title .wb-home-section-meta--muted{
    color:var(--wb-app-muted,#64748b);
    background:var(--wb-app-card-soft,#f1f5f9);
    font-weight:500;
}

/* 首页顶级模块：二级分类横向胶囊（全端可见） */
body.wb-video-home .wb-home-section-subtypes{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    margin:0 0 10px;
    padding:0 2px 2px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
body.wb-video-home .wb-home-section-subtypes::-webkit-scrollbar{
    display:none;
}
body.wb-video-home .wb-home-section-subtypes__chip{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    max-width:120px;
    padding:5px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:500;
    line-height:1.3;
    color:var(--wb-app-muted,#64748b);
    background:var(--wb-app-card-soft,#f1f5f9);
    text-decoration:none!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-tap-highlight-color:transparent;
}
body.wb-video-home .wb-home-section-subtypes__chip:active{
    opacity:.85;
}
html.theme-dark body.wb-video-home .wb-home-section-subtypes__chip{
    color:rgba(255,255,255,.72);
    background:rgba(255,255,255,.08);
}

/* 首页分类模块：查看更多 / 换一换 */
body.wb-video-home .wb-home-section{
    margin-bottom:2px;
}
body.wb-video-home .wb-home-section-actions{
    display:flex;
    gap:10px;
    margin:10px 2px 2px;
    padding:0 2px;
}
body.wb-video-home .wb-home-section-actions__btn{
    flex:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:42px;
    padding:0 14px;
    border-radius:10px;
    border:0;
    background:var(--wb-app-card-soft,#f1f5f9);
    color:var(--wb-app-text,#334155);
    font-size:14px;
    font-weight:500;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    box-shadow:none;
    transition:background .15s ease, transform .15s ease;
    -webkit-tap-highlight-color:transparent;
}
body.wb-video-home .wb-home-section-actions__btn i{
    font-size:15px;
    color:var(--wb-app-primary,#2563eb);
}
body.wb-video-home .wb-home-section-actions__btn--more{
    color:var(--wb-app-primary,#2563eb);
    background:rgba(37,99,235,.10);
}
body.wb-video-home .wb-home-section-actions__btn--swap{
    color:var(--wb-app-text,#334155);
    background:var(--wb-app-card-soft,#f1f5f9);
}
body.wb-video-home .wb-home-section-actions__btn--swap i{
    color:var(--wb-app-muted,#64748b);
}
body.wb-video-home .wb-home-section-actions__btn--swap.is-loading{
    opacity:.72;
    pointer-events:none;
}
body.wb-video-home .wb-home-section-actions__btn--swap.is-loading i{
    animation:wb-home-swap-spin .75s linear infinite;
}
@keyframes wb-home-swap-spin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}
body.wb-video-home .wb-home-section-actions__btn:active{
    transform:scale(.98);
}
html.theme-dark body.wb-video-home .wb-home-section-actions__btn{
    border:0!important;
    background:var(--wb-app-card-soft,rgba(255,255,255,.06));
}
html.theme-dark body.wb-video-home .wb-home-section-actions__btn--more{
    color:#93c5fd;
    background:rgba(59,130,246,.16);
}

/* 站内跳转顶部进度条 */
.wb-route-bar{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:2px;
    z-index:10025;
    pointer-events:none;
    opacity:0;
    transition:opacity .12s ease;
}
.wb-route-bar.is-active{
    opacity:1;
}
.wb-route-bar__inner{
    display:block;
    height:100%;
    width:0;
    background:linear-gradient(90deg, var(--wb-app-primary,#2563eb) 0%, #60a5fa 100%);
    box-shadow:0 0 8px rgba(37,99,235,.35);
    transition:width .18s ease;
}
.wb-route-bar.is-done .wb-route-bar__inner{
    transition:width .12s ease;
}
@media (prefers-reduced-motion:reduce){
    .wb-route-bar,
    .wb-route-bar__inner{
        transition:none!important;
    }
}

/* 下拉刷新 */
@keyframes wbShimmer{
    0%{background-position:100% 0;}
    100%{background-position:-100% 0;}
}
.wb-pull-refresh{
    position:fixed;
    left:50%;
    z-index:10016;
    display:flex;
    align-items:center;
    gap:6px;
    min-height:32px;
    padding:6px 14px;
    border-radius:999px;
    background:var(--wb-app-card,#fff);
    border:1px solid var(--wb-app-border,rgba(15,23,42,.08));
    box-shadow:0 8px 24px rgba(15,23,42,.12);
    color:var(--wb-app-muted,#64748b);
    font-size:12px;
    line-height:1;
    pointer-events:none;
    opacity:0;
    transform:translate(-50%, calc(-100% + var(--wb-pull-y, 0px)));
    transition:opacity .12s ease;
}
.wb-pull-refresh.is-pulling,
.wb-pull-refresh.is-loading{
    opacity:1;
}
.wb-pull-refresh__icon{
    display:inline-flex;
    width:18px;
    height:18px;
    align-items:center;
    justify-content:center;
    transition:transform .18s ease;
}
.wb-pull-refresh.is-ready .wb-pull-refresh__icon{
    transform:rotate(180deg);
}

body.wb-video-home .wb-pull-refresh{
    top:calc(env(safe-area-inset-top, 0px) + var(--myui-header-height, 44px) + 6px);
}
body.wb-video-list .wb-pull-refresh{
    top:calc(env(safe-area-inset-top, 0px) + var(--wb-native-topbar-h, 44px) + 6px);
}

/* PWA 安装引导 */
.wb-pwa-install,
.wb-pwa-tutorial{
    display:none;
    box-sizing:border-box;
}
.wb-pwa-install{
    position:fixed;
    left:50%;
    bottom:calc(12px + var(--wb-tabbar-height, 0px) + var(--bottom-floating-ad-height, 0px) + env(safe-area-inset-bottom, 0px));
    z-index:10018;
    width:min(calc(var(--wb-app-shell-max, 960px) - 20px), calc(100vw - 20px));
    transform:translateX(-50%);
}
.wb-pwa-install.is-show{
    display:block;
}
.wb-pwa-install[hidden]{
    display:none!important;
}
body.wb-video-play .wb-pwa-install{
    bottom:calc(12px + env(safe-area-inset-bottom, 0px));
}
html.wb-continue-bar-active .wb-pwa-install.is-show{
    bottom:calc(12px + var(--wb-tabbar-height, 0px) + var(--wb-continue-bar-height, 52px) + var(--bottom-floating-ad-height, 0px) + env(safe-area-inset-bottom, 0px));
}
html.wb-mini-player-active .wb-pwa-install.is-show{
    bottom:calc(12px + var(--wb-tabbar-height, 0px) + var(--wb-mini-player-height, 56px) + var(--bottom-floating-ad-height, 0px) + env(safe-area-inset-bottom, 0px));
}
.wb-pwa-install__card{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 14px;
    border-radius:14px;
    background:var(--wb-app-card,#fff);
    border:1px solid var(--wb-app-border,rgba(15,23,42,.1));
    box-shadow:0 12px 32px rgba(15,23,42,.16);
}
.wb-pwa-install__icon{
    flex:0 0 auto;
    width:38px;
    height:38px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#2563eb,#4f46e5);
    color:#fff;
    font-size:18px;
}
.wb-pwa-install__main{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:3px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    text-align:left;
    cursor:pointer;
}
.wb-pwa-install__title{
    font-size:14px;
    font-weight:600;
    color:var(--wb-app-text,#0f172a);
}
.wb-pwa-install__desc{
    font-size:12px;
    line-height:1.45;
    color:var(--wb-app-muted,#64748b);
}
.wb-pwa-install__link{
    display:inline-flex;
    align-items:center;
    gap:2px;
    margin-top:2px;
    font-size:12px;
    font-weight:600;
    color:var(--wb-app-primary,#2563eb);
}
.wb-pwa-install__link .fa{
    font-size:14px;
}
.wb-pwa-install__btn{
    flex:0 0 auto;
    height:34px;
    padding:0 12px;
    border:0;
    border-radius:999px;
    background:var(--wb-app-primary,#2563eb);
    color:#fff!important;
    font-size:12px;
    font-weight:600;
    cursor:pointer;
    white-space:nowrap;
}
.wb-pwa-install__btn[hidden]{
    display:none!important;
}
.wb-pwa-install__close{
    flex:0 0 auto;
    width:28px;
    height:28px;
    border:0;
    border-radius:50%;
    background:transparent;
    color:var(--wb-app-muted,#94a3b8);
    font-size:20px;
    line-height:1;
    cursor:pointer;
}
.wb-pwa-tutorial{
    position:fixed;
    inset:0;
    z-index:10022;
}
.wb-pwa-tutorial.is-show{
    display:block;
}
.wb-pwa-tutorial[hidden]{
    display:none!important;
}
html.wb-pwa-tutorial-open{
    overflow:hidden;
}
.wb-pwa-tutorial__overlay{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.45);
}
.wb-pwa-tutorial__panel{
    position:absolute;
    left:50%;
    bottom:0;
    width:min(var(--wb-app-shell-max, 960px), 100vw);
    max-height:min(78vh, 640px);
    transform:translateX(-50%);
    display:flex;
    flex-direction:column;
    border-radius:16px 16px 0 0;
    background:var(--wb-app-card,#fff);
    box-shadow:0 -12px 40px rgba(15,23,42,.18);
    padding-bottom:env(safe-area-inset-bottom, 0px);
}
.wb-pwa-tutorial__head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
    padding:16px 16px 10px;
    border-bottom:1px solid var(--wb-app-border,rgba(15,23,42,.08));
}
.wb-pwa-tutorial__head-text{
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}
.wb-pwa-tutorial__head strong{
    font-size:16px;
    font-weight:700;
    color:var(--wb-app-text,#0f172a);
}
.wb-pwa-tutorial__sub{
    font-size:12px;
    color:var(--wb-app-muted,#64748b);
    line-height:1.45;
}
.wb-pwa-tutorial__close{
    flex:0 0 auto;
    width:32px;
    height:32px;
    border:0;
    border-radius:50%;
    background:var(--wb-app-card-soft,rgba(15,23,42,.05));
    color:var(--wb-app-muted,#64748b);
    font-size:22px;
    line-height:1;
    cursor:pointer;
}
.wb-pwa-tutorial__body{
    flex:1 1 auto;
    overflow:auto;
    padding:12px 16px 8px;
    -webkit-overflow-scrolling:touch;
}
.wb-pwa-tutorial__tip{
    display:flex;
    align-items:flex-start;
    gap:8px;
    margin:0 0 12px;
    padding:10px 12px;
    border-radius:10px;
    background:rgba(37,99,235,.08);
    color:var(--wb-app-text,#1e3a8a);
    font-size:12px;
    line-height:1.55;
}
.wb-pwa-tutorial__tip .fa{
    margin-top:2px;
    color:var(--wb-app-primary,#2563eb);
}
.wb-pwa-tutorial__steps{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    gap:10px;
}
.wb-pwa-tutorial__step{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px;
    border-radius:12px;
    background:var(--wb-app-card-soft,rgba(15,23,42,.03));
    border:1px solid var(--wb-app-border,rgba(15,23,42,.06));
}
.wb-pwa-tutorial__step-no{
    flex:0 0 auto;
    width:22px;
    height:22px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--wb-app-primary,#2563eb);
    color:#fff;
    font-size:12px;
    font-weight:700;
}
.wb-pwa-tutorial__step-ico{
    flex:0 0 auto;
    width:28px;
    height:28px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:var(--wb-app-card,#fff);
    color:var(--wb-app-primary,#2563eb);
    font-size:15px;
}
.wb-pwa-tutorial__step-text{
    flex:1 1 auto;
    min-width:0;
    font-size:13px;
    line-height:1.55;
    color:var(--wb-app-text,#334155);
}
.wb-pwa-tutorial__extra{
    display:flex;
    gap:8px;
    margin-top:12px;
}
.wb-pwa-tutorial__switch{
    flex:1 1 0;
    height:38px;
    border:1px solid var(--wb-app-border,rgba(15,23,42,.1));
    border-radius:10px;
    background:var(--wb-app-card,#fff);
    color:var(--wb-app-text,#334155);
    font-size:12px;
    font-weight:600;
    cursor:pointer;
}
.wb-pwa-tutorial__foot{
    padding:10px 16px 14px;
    border-top:1px solid var(--wb-app-border,rgba(15,23,42,.08));
}
.wb-pwa-tutorial__ok{
    width:100%;
    height:42px;
    border:0;
    border-radius:12px;
    background:var(--wb-app-primary,#2563eb);
    color:#fff!important;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
}
html.theme-dark .wb-pwa-install__card,
html.theme-dark .wb-pwa-tutorial__panel{
    background:var(--wb-app-card,#12151c);
    border-color:rgba(148,163,184,.16);
}
html.theme-dark .wb-pwa-tutorial__step{
    background:rgba(255,255,255,.03);
    border-color:rgba(148,163,184,.12);
}
html.theme-dark .wb-pwa-tutorial__step-ico,
html.theme-dark .wb-pwa-tutorial__switch{
    background:rgba(255,255,255,.04);
}
html.theme-dark .wb-pwa-tutorial__tip{
    background:rgba(37,99,235,.16);
    color:#bfdbfe;
}

/* 首页频道骨架屏 */
.wb-home-channel-skeleton{
    margin:0;
    padding:0;
}
.wb-home-skeleton__card{
    padding-bottom:8px;
}
.wb-home-skeleton__thumb{
    width:100%;
    aspect-ratio:3/4;
    border-radius:12px;
    background:linear-gradient(90deg,var(--wb-app-card-soft,#f1f5f9) 25%,rgba(255,255,255,.92) 37%,var(--wb-app-card-soft,#f1f5f9) 63%);
    background-size:400% 100%;
    animation:wbShimmer 1.2s ease infinite;
}
.wb-home-skeleton__line{
    height:12px;
    margin-top:10px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--wb-app-card-soft,#f1f5f9) 25%,rgba(255,255,255,.92) 37%,var(--wb-app-card-soft,#f1f5f9) 63%);
    background-size:400% 100%;
    animation:wbShimmer 1.2s ease infinite;
}
.wb-home-skeleton__line--short{
    width:62%;
}
html.theme-dark .wb-home-skeleton__thumb,
html.theme-dark .wb-home-skeleton__line{
    background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.12) 37%,rgba(255,255,255,.06) 63%);
    background-size:400% 100%;
}

/* 继续观看条 */
:root{
    --wb-continue-bar-height:52px;
}
.wb-continue-bar{
    position:fixed;
    left:0;
    right:0;
    bottom:calc(var(--wb-tabbar-height, 0px) + var(--bottom-floating-ad-height, 0px));
    z-index:10002;
    padding:0 max(8px, env(safe-area-inset-left, 0px)) max(6px, env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-right, 0px));
    pointer-events:none;
}
html.wb-mini-player-active .wb-continue-bar{
    display:none!important;
}
html.wb-continue-bar-active.wb-mini-player-active .wb-mini-player{
    bottom:calc(var(--wb-tabbar-height, 0px) + var(--wb-continue-bar-height, 52px) + var(--bottom-floating-ad-height, 0px));
}
.wb-continue-bar__inner{
    display:flex;
    align-items:center;
    gap:6px;
    min-height:var(--wb-continue-bar-height);
    padding:5px 6px 5px 5px;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(139,92,246,.95),rgba(168,85,247,.92));
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 10px 28px rgba(139,92,246,.28);
    pointer-events:auto;
}
.wb-continue-bar__main{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    color:#fff;
    text-decoration:none!important;
}
.wb-continue-bar__thumb{
    flex:0 0 64px;
    width:64px;
    height:40px;
    border-radius:8px;
    overflow:hidden;
    background:rgba(0,0,0,.2);
    display:flex;
    align-items:center;
    justify-content:center;
}
.wb-continue-bar__thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.wb-continue-bar__thumb-ph{
    color:rgba(255,255,255,.82);
    font-size:16px;
}
.wb-continue-bar__meta{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:1px;
}
.wb-continue-bar__label{
    font-size:10px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    opacity:.82;
}
.wb-continue-bar__title{
    display:block;
    font-size:13px;
    font-weight:800;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.wb-continue-bar__sub{
    display:block;
    font-size:11px;
    opacity:.88;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.wb-continue-bar__play{
    width:36px;
    height:36px;
    border-radius:999px;
    background:rgba(255,255,255,.2);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none!important;
}
.wb-continue-bar__close{
    width:30px;
    height:30px;
    border:0;
    border-radius:999px;
    background:rgba(0,0,0,.18);
    color:#fff;
    font-size:18px;
    line-height:1;
    cursor:pointer;
}
html.wb-continue-bar-active:not(.wb-mini-player-active) body.active:not(.wb-uc),
html.wb-continue-bar-active:not(.wb-mini-player-active) body.wb-video-home,
html.wb-continue-bar-active:not(.wb-mini-player-active) body.wb-video-list,
html.wb-continue-bar-active:not(.wb-mini-player-active) body.wb-video-search,
html.wb-continue-bar-active:not(.wb-mini-player-active) body.wb-co-community-page,
html.wb-continue-bar-active:not(.wb-mini-player-active) body.wb-co-community-index{
    padding-bottom:calc(var(--wb-tabbar-height, 0px) + var(--wb-continue-bar-height, 52px) + var(--bottom-floating-ad-height, 0px))!important;
}
html.wb-continue-bar-active .myui-extra.wb-backtop-extra{
    bottom:calc(16px + var(--wb-tabbar-height, 0px) + var(--wb-continue-bar-height, 52px) + var(--bottom-floating-ad-height, 0px));
}
html.wb-mini-player-active.wb-continue-bar-active .myui-extra.wb-backtop-extra{
    bottom:calc(16px + var(--wb-tabbar-height, 0px) + var(--wb-mini-player-height, 56px) + var(--bottom-floating-ad-height, 0px));
}

html.wb-pwa-offline::before{
    content:'当前离线，部分功能不可用';
    position:fixed;
    top:calc(env(safe-area-inset-top, 0px) + 4px);
    left:50%;
    transform:translateX(-50%);
    z-index:10060;
    padding:6px 14px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    color:#fff;
    background:rgba(239,68,68,.92);
    box-shadow:0 6px 20px rgba(239,68,68,.28);
    pointer-events:none;
}

:root{
    --wb-mini-player-height:56px;
}
html.wb-mini-player-active{
    --wb-mini-player-offset:var(--wb-mini-player-height);
}
html.wb-mini-player-active body.active:not(.wb-uc),
html.wb-mini-player-active body.wb-video-home,
html.wb-mini-player-active body.wb-video-list,
html.wb-mini-player-active body.wb-video-search,
html.wb-mini-player-active body.wb-co-community-page,
html.wb-mini-player-active body.wb-co-community-index{
    padding-bottom:calc(var(--wb-tabbar-height, 0px) + var(--wb-mini-player-height, 56px) + var(--bottom-floating-ad-height, 0px))!important;
}
.wb-mini-player{
    position:fixed;
    left:0;
    right:0;
    bottom:calc(var(--wb-tabbar-height, 0px) + var(--bottom-floating-ad-height, 0px));
    z-index:10003;
    padding:0 max(8px, env(safe-area-inset-left, 0px)) max(6px, env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-right, 0px));
    pointer-events:none;
}
.wb-mini-player__inner{
    display:flex;
    align-items:center;
    gap:8px;
    min-height:var(--wb-mini-player-height);
    padding:6px 8px 6px 6px;
    border-radius:14px;
    background:rgba(15,23,42,.92);
    border:1px solid rgba(255,255,255,.1);
    box-shadow:0 10px 30px rgba(0,0,0,.35);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    pointer-events:auto;
}
html.theme-light .wb-mini-player__inner{
    background:rgba(255,255,255,.94);
    border-color:rgba(15,23,42,.08);
    box-shadow:0 10px 28px rgba(15,23,42,.12);
}
.wb-mini-player__main{
    flex:1;
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    color:inherit;
    text-decoration:none!important;
}
.wb-mini-player__thumb{
    position:relative;
    flex:0 0 72px;
    width:72px;
    height:44px;
    border-radius:8px;
    overflow:hidden;
    background:rgba(255,255,255,.08);
}
.wb-mini-player__poster,
.wb-mini-player__video{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    border:0;
}
.wb-mini-player__meta{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.wb-mini-player__title{
    display:block;
    font-size:13px;
    font-weight:800;
    color:#f8fafc;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
html.theme-light .wb-mini-player__title{color:#0f172a;}
.wb-mini-player__sub{
    display:block;
    font-size:11px;
    color:rgba(248,250,252,.72);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
html.theme-light .wb-mini-player__sub{color:#64748b;}
.wb-mini-player__actions{
    display:flex;
    align-items:center;
    gap:4px;
}
.wb-mini-player__btn{
    width:34px;
    height:34px;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    color:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}
html.theme-light .wb-mini-player__btn{
    background:rgba(15,23,42,.06);
    color:#0f172a;
}
.wb-mini-player__btn--close{
    background:rgba(239,68,68,.18);
    color:#fecaca;
}
html.theme-light .wb-mini-player__btn--close{
    background:rgba(239,68,68,.12);
    color:#dc2626;
}

/* 右滑返回 */
.wb-swipe-back{
    position:fixed;
    inset:0;
    z-index:10050;
    pointer-events:none;
    opacity:0;
    transition:opacity .15s ease;
}
.wb-swipe-back.is-active{
    opacity:1;
}
.wb-swipe-back__edge{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    width:calc(28px + var(--wb-swipe-progress, 0) * 42px);
    background:linear-gradient(90deg, rgba(255,255,255,.16), transparent);
}
.wb-swipe-back__icon{
    position:absolute;
    top:50%;
    left:calc(8px + var(--wb-swipe-progress, 0) * 28px);
    transform:translateY(-50%) scale(calc(.8 + var(--wb-swipe-progress, 0) * .2));
    width:28px;
    height:28px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,.22);
    color:#fff;
    font-size:18px;
}
.wb-swipe-back.is-triggered .wb-swipe-back__icon{
    background:rgba(34,197,94,.85);
}

/* 社区 / 播放页骨架屏 */
.wb-page-skeleton{
    display:grid;
    gap:12px;
}
.wb-page-skeleton__item{
    padding:14px;
    border-radius:16px;
    background:var(--wb-app-card-soft,#f8fafc);
    border:1px solid var(--wb-app-border,rgba(15,23,42,.06));
}
.wb-page-skeleton__row{
    display:flex;
    gap:10px;
    align-items:center;
}
.wb-page-skeleton__avatar{
    width:40px;
    height:40px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--wb-app-card-soft,#f1f5f9) 25%,rgba(255,255,255,.92) 37%,var(--wb-app-card-soft,#f1f5f9) 63%);
    background-size:400% 100%;
    animation:wbShimmer 1.2s ease infinite;
}
.wb-page-skeleton__line{
    height:12px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--wb-app-card-soft,#f1f5f9) 25%,rgba(255,255,255,.92) 37%,var(--wb-app-card-soft,#f1f5f9) 63%);
    background-size:400% 100%;
    animation:wbShimmer 1.2s ease infinite;
}
.wb-page-skeleton__line--name{width:34%;}
.wb-page-skeleton__line--title{width:78%;margin-top:12px;height:14px;}
.wb-page-skeleton__line--body{width:96%;margin-top:8px;}
.wb-page-skeleton__line--body2{width:72%;margin-top:8px;}
.wb-page-skeleton.is-hidden{display:none!important;}
html.theme-dark .wb-page-skeleton__item{border-color:rgba(148,163,184,.14);background:rgba(30,41,59,.5);}
html.theme-dark .wb-page-skeleton__avatar,
html.theme-dark .wb-page-skeleton__line{
    background:linear-gradient(90deg,rgba(255,255,255,.06) 25%,rgba(255,255,255,.12) 37%,rgba(255,255,255,.06) 63%);
    background-size:400% 100%;
}

/* PWA 独立模式壳层 */
html.wb-pwa-shell .myui-foot,
html.wb-pwa-standalone .myui-foot{
    display:none!important;
}
html.wb-pwa-shell .wb-pwa-install,
html.wb-pwa-standalone .wb-pwa-install{
    display:none!important;
}
html.wb-pwa-shell body.wb-video-play .myui-foot,
html.wb-pwa-standalone body.wb-video-play .myui-foot{
    display:none!important;
}
html.wb-pwa-shell .wb-bottom-tabbar .item,
html.wb-pwa-shell .wb-bottom-tabbar .wb-tab-fab{
    transition:transform .18s ease, color .18s ease, opacity .18s ease;
}
html.wb-pwa-shell .wb-bottom-tabbar .item:active,
html.wb-pwa-shell .wb-bottom-tabbar .wb-tab-fab:active{
    transform:scale(.94);
}
html.wb-pwa-shell .wb-native-topbar,
html.wb-pwa-standalone .wb-native-topbar{
    box-shadow:0 1px 0 rgba(255,255,255,.06);
}
html.wb-pwa-shell .myui-extra.wb-backtop-extra,
html.wb-pwa-standalone .myui-extra.wb-backtop-extra{
    bottom:calc(16px + var(--wb-tabbar-height, 0px) + var(--wb-mini-player-height, 0px) + var(--bottom-floating-ad-height, 0px));
}
html.wb-mini-player-active .myui-extra.wb-backtop-extra{
    bottom:calc(16px + var(--wb-tabbar-height, 0px) + var(--wb-mini-player-height, 56px) + var(--bottom-floating-ad-height, 0px));
}

/* 返回顶部：右下悬浮 */
.myui-extra.wb-backtop-extra{
    position:fixed;
    right:max(12px, env(safe-area-inset-right, 0px));
    left:auto;
    bottom:calc(16px + var(--wb-tabbar-height) + var(--bottom-floating-ad-height, 0px));
    z-index:10004;
    margin:0;
    padding:0;
    list-style:none;
}
/* 社区页：叠在社区发布钮上方 */
body:has(.wb-co-publish-fab) .myui-extra.wb-backtop-extra{
    bottom:calc(16px + var(--wb-co-pfab-size, 54px) + 48px + var(--wb-tabbar-height) + var(--bottom-floating-ad-height, 0px));
}
.myui-extra.wb-backtop-extra li{
    padding:0;
    margin:0;
}
.myui-extra.wb-backtop-extra li a.backtop{
    display:none;
    width:44px;
    height:44px;
    line-height:44px;
    border-radius:50%;
    text-align:center;
    font-size:18px;
    color:var(--wb-app-text,#0f172a);
    background:var(--wb-app-card,#fff);
    border:1px solid var(--wb-app-border,rgba(15,23,42,.10));
    box-shadow:0 10px 28px rgba(15,23,42,.14);
    transition:opacity .2s ease, transform .2s ease;
}
.myui-extra.wb-backtop-extra li a.backtop.is-visible{
    display:flex;
    align-items:center;
    justify-content:center;
}
.myui-extra.wb-backtop-extra li a.backtop:active{
    transform:scale(.94);
}
html.theme-dark .myui-extra.wb-backtop-extra li a.backtop{
    color:#f8fafc;
    background:var(--wb-app-card-soft,#191d28);
    border-color:var(--wb-app-border,rgba(255,255,255,.12));
    box-shadow:0 10px 28px rgba(0,0,0,.35);
}

/* 列表页：分类筛选 + 视频网格 */
body.wb-video-list .container>.row{
    display:flex;
    flex-direction:column;
    gap:14px;
}
.wb-list-hero{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:20px;
    border-radius:var(--wb-radius-panel,12px);
    color:#fff;
    background:var(--wb-app-gradient);
    box-shadow:none;
    overflow:hidden;
}
.wb-list-hero h1{
    margin:0;
    font-size:24px;
    font-weight:900;
    color:#fff;
}
.wb-list-hero p{
    margin:6px 0 0;
    color:rgba(255,255,255,.82);
    font-size:13px;
    line-height:1.55;
}
.wb-list-hero__link{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    height:36px;
    padding:0 14px;
    border-radius:999px;
    color:#fff!important;
    background:rgba(255,255,255,.16);
    border:1px solid rgba(255,255,255,.20);
    font-weight:900;
    text-decoration:none!important;
}
body.wb-video-list .myui-panel-bg2{
    border-radius:var(--wb-radius-panel,12px);
    background:var(--wb-app-card)!important;
    border:none;
    box-shadow:none;
    overflow:hidden;
}

/* 片库筛选：紧凑工具栏 + 扁平筛选行 */
.wb-vod-filter.myui-panel-bg2{
    margin:0;
    border-radius:8px!important;
    background:var(--wb-app-card)!important;
    border:1px solid rgba(15,23,42,.06)!important;
    box-shadow:none!important;
    overflow:hidden;
}
html.theme-dark .wb-vod-filter.myui-panel-bg2{
    border-color:rgba(255,255,255,.08)!important;
}
.wb-vod-filter__toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:6px 8px;
    border-bottom:1px solid rgba(15,23,42,.06);
    background:var(--wb-app-card);
}
html.theme-dark .wb-vod-filter__toolbar{
    border-bottom-color:rgba(255,255,255,.08);
}
.wb-vod-filter__toolbar-main{
    flex:1 1 auto;
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
    gap:6px;
    min-width:0;
    overflow:hidden;
}
.wb-vod-filter__context{
    flex:0 0 auto;
    max-width:88px;
    font-size:12px;
    font-weight:400;
    color:var(--wb-app-text);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.wb-vod-filter__toolbar-label{
    flex:0 0 auto;
    font-size:11px;
    font-weight:400;
    color:var(--wb-app-muted);
}
.wb-vod-filter__sort{
    display:inline-flex;
    align-items:center;
    gap:4px;
    min-width:0;
    overflow-x:auto;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.wb-vod-filter__sort::-webkit-scrollbar{display:none;}
.wb-vod-filter__sort--seg{
    padding:2px;
    border-radius:999px;
    background:var(--wb-app-card-soft,rgba(15,23,42,.05));
    gap:1px;
    flex:0 0 auto;
}
.wb-vod-filter__sort-item{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    height:24px;
    padding:0 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:400;
    color:var(--wb-app-muted);
    text-decoration:none!important;
    line-height:1;
    white-space:nowrap;
    background:transparent;
}
.wb-vod-filter__sort-item.is-on{
    font-weight:400;
    color:#fff!important;
    background:var(--wb-app-primary,#2563eb);
    box-shadow:none;
}
.wb-vod-filter__toolbar-actions{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:4px;
}
.wb-vod-filter__tool{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    padding:0;
    border:0;
    border-radius:8px;
    background:var(--wb-app-card-soft,rgba(15,23,42,.05));
    font-size:12px;
    color:var(--wb-app-muted);
    text-decoration:none!important;
    cursor:pointer;
    line-height:1;
    font-family:inherit;
}
.wb-vod-filter__tool:hover{
    color:var(--wb-app-primary);
    background:rgba(37,99,235,.08);
}
.wb-vod-filter__toggle-icon{
    font-size:14px;
    transition:transform .2s ease;
}
button.wb-vod-filter__tool[aria-expanded="false"] .wb-vod-filter__toggle-icon{
    transform:rotate(180deg);
}
body.wb-video-list .wb-vod-filter .myui-panel_bd{
    padding:4px 8px 6px!important;
}
.wb-vod-filter__collapse{
    display:flex;
    flex-direction:column;
    gap:0;
}
.wb-vod-filter__row{
    display:flex;
    align-items:flex-start;
    gap:6px;
    padding:5px 0;
}
.wb-vod-filter__row + .wb-vod-filter__row{
    border-top:1px solid rgba(15,23,42,.05);
}
html.theme-dark .wb-vod-filter__row + .wb-vod-filter__row{
    border-top-color:rgba(255,255,255,.06);
}
.wb-vod-filter__k{
    flex:0 0 28px;
    width:28px;
    padding-top:4px;
    font-size:11px;
    font-weight:400;
    color:var(--wb-app-muted);
    line-height:1.2;
}
.wb-vod-filter__opts{
    flex:1 1 auto;
    min-width:0;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.wb-vod-filter__opt{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 9px;
    border-radius:6px;
    font-size:12px;
    font-weight:400;
    line-height:1.2;
    color:var(--wb-app-text);
    text-decoration:none!important;
    background:var(--wb-app-card-soft,rgba(15,23,42,.04));
    border:1px solid transparent;
}
.wb-vod-filter__opt:hover{
    border-color:rgba(37,99,235,.25);
    color:var(--wb-app-primary);
}
.wb-vod-filter__opt.is-on{
    font-weight:400;
    color:var(--wb-app-primary)!important;
    background:rgba(37,99,235,.10);
    border-color:rgba(37,99,235,.28);
}
body.wb-filter-show > .container.wb-video-list-body{
    padding-left:4px!important;
    padding-right:4px!important;
    gap:6px;
}
body.wb-filter-show .myui-header__top{
    margin-bottom:4px!important;
}
body.wb-filter-show .wb-vod-filter.myui-panel-bg2{
    border-radius:6px!important;
}
body.wb-filter-show .wb-vod-list-meta{
    margin:0;
    padding:4px 2px 2px;
    border:0;
    border-radius:0;
    background:transparent;
}
body.wb-filter-show .wb-vod-list-meta__inner{
    font-size:12px;
    gap:6px;
}
body.wb-filter-show .wb-video-list-main{
    padding:0 0 12px;
}
@media (max-width:767px){
    body.wb-filter-show > .container.wb-video-list-body{
        padding-left:0!important;
        padding-right:0!important;
        gap:4px;
    }
    body.wb-filter-show .wb-vod-filter.myui-panel-bg2{
        border-radius:0!important;
        border-left:0!important;
        border-right:0!important;
    }
    body.wb-filter-show .wb-vod-list-meta{
        padding:4px 6px 2px;
    }
    .wb-vod-filter__toolbar{
        padding:6px;
    }
    body.wb-video-list .wb-vod-filter .myui-panel_bd{
        padding:2px 6px 4px!important;
    }
    .wb-vod-filter__row{
        padding:4px 0;
    }
    .wb-vod-filter__opt{
        min-height:24px;
        padding:0 8px;
        font-size:11px;
    }
}

/* 旧筛选横向滚动样式（其它页面若仍用 myui-screen 时保留） */
body.wb-video-list .myui-screen__list{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:center;
    gap:8px;
    overflow-x:auto!important;
    overflow-y:hidden;
    padding:4px 0;
    margin:0 0 8px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
body.wb-video-list .myui-screen__list::-webkit-scrollbar{display:none;}
body.wb-video-list .myui-screen__list>li{
    float:none!important;
    flex:0 0 auto;
    padding:0;
}
/* 行首标签（已选/片源/类型…）横向滑动时固定在左侧 */
body.wb-video-list .myui-screen__list>li:first-child{
    position:sticky;
    left:0;
    z-index:3;
    background:var(--wb-app-card);
    padding-right:6px;
    box-shadow:10px 0 14px -10px var(--wb-app-card);
}
body.wb-video-list .myui-screen__list .btn{
    height:32px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 12px;
    border-radius:999px!important;
    border:1px solid var(--wb-app-border)!important;
    background:var(--wb-app-card-soft)!important;
    color:var(--wb-app-muted)!important;
    font-weight:800;
    white-space:nowrap;
}
body.wb-video-list .myui-screen__list .btn-warm{
    color:#fff!important;
    border-color:transparent!important;
    background:var(--wb-app-gradient)!important;
}
/* 筛选区最后一行（排序）贴紧列表，去掉多余底距 */
body.wb-video-list .myui-panel-bg2 .myui-panel_bd > .myui-screen__list:last-child{
    margin-bottom:0;
}
body.wb-video-list .myui-panel-bg2 .myui-panel_bd{
    padding-bottom:10px;
}
body.wb-video-list .flickity{
    border-radius:var(--wb-radius-panel,12px);
    overflow:hidden;
}

/* 分页：紧凑扁平 */
.wb-page-nav{
    width:100%;
    max-width:100%;
    margin:12px 0 16px;
    padding:0;
    box-sizing:border-box;
    overflow:hidden;
}
ul.myui-page{
    display:flex!important;
    flex-wrap:nowrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:4px!important;
    width:100%;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    box-sizing:border-box;
}
ul.myui-page > li{
    float:none!important;
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
    flex:0 0 auto;
}
ul.myui-page > li.wb-page-nav__status{
    min-width:52px;
    justify-content:center;
    padding:0 4px;
    font-size:12px;
    font-weight:500;
    color:var(--wb-app-muted);
    line-height:1;
    white-space:nowrap;
}
.wb-page-nav__cur{
    color:var(--wb-app-primary,#2563eb);
    font-weight:600;
}
.wb-page-nav__sep{
    margin:0 2px;
    opacity:.55;
}
ul.myui-page > li > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:30px!important;
    height:30px!important;
    padding:0 10px!important;
    margin:0!important;
    border-radius:8px!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1!important;
    box-sizing:border-box!important;
    border:1px solid rgba(15,23,42,.08)!important;
    background:var(--wb-app-card,#fff)!important;
    color:var(--wb-app-text,#334155)!important;
    box-shadow:none!important;
    text-decoration:none!important;
}
ul.myui-page > li > a.wb-page-nav__arrow{
    min-width:30px!important;
    padding:0!important;
}
ul.myui-page > li > a.wb-page-nav__arrow .visible-xs{
    font-size:18px;
    line-height:1;
    font-weight:400;
}
ul.myui-page > li.hidden-xs > a.btn{
    min-width:30px!important;
    padding:0 8px!important;
}
ul.myui-page > li.wb-page-nav__edge > a.btn{
    padding:0 10px!important;
}
html.theme-dark ul.myui-page > li > a.btn{
    border-color:rgba(255,255,255,.10)!important;
    background:rgba(255,255,255,.06)!important;
    color:#e2e8f0!important;
}
ul.myui-page > li > a.btn-warm,
html.theme-dark ul.myui-page > li > a.btn.btn-warm{
    background:var(--wb-app-primary,#2563eb)!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:none!important;
    font-weight:600!important;
}
ul.myui-page > li > a.btn:hover{
    border-color:rgba(37,99,235,.28)!important;
    color:var(--wb-app-primary,#2563eb)!important;
}
ul.myui-page > li > a.btn-warm:hover{
    color:#fff!important;
    filter:brightness(1.05);
}
ul.myui-page > li > a.btn:active{
    transform:scale(.98);
    filter:brightness(.97);
}
html.theme-dark ul.myui-page > li > a.btn:active{
    filter:brightness(1.06);
    box-shadow:none!important;
}
ul.myui-page > li > a.btn-warm:active{
    filter:brightness(.95);
    transform:scale(.98);
}
ul.myui-page > li > a.btn:focus-visible{
    outline:2px solid rgba(37,99,235,.35);
    outline-offset:1px;
}
@media (min-width:768px){
    .wb-page-nav{
        margin:14px 0 20px;
    }
    ul.myui-page{
        gap:6px!important;
        flex-wrap:wrap!important;
    }
    ul.myui-page > li > a.btn{
        min-height:32px!important;
        height:32px!important;
        padding:0 12px!important;
        font-size:12px!important;
    }
    ul.myui-page > li.hidden-xs > a.btn{
        min-width:32px!important;
    }
}
@media (max-width:767px){
    .wb-page-nav{
        margin:10px 0 14px;
    }
    ul.myui-page{
        gap:6px!important;
        flex-wrap:nowrap!important;
    }
    /* 移动端：隐藏数字页码，保留 首页 ‹ 页码 › 尾页 */
    ul.myui-page > li.hidden-xs{
        display:none!important;
    }
    ul.myui-page > li.wb-page-nav__edge{
        display:flex!important;
    }
    ul.myui-page > li.wb-page-nav__edge > a.btn{
        min-width:0!important;
        height:28px!important;
        min-height:28px!important;
        padding:0 8px!important;
        font-size:11px!important;
    }
    ul.myui-page > li > a.wb-page-nav__arrow{
        min-width:28px!important;
        height:28px!important;
        min-height:28px!important;
    }
    ul.myui-page > li.wb-page-nav__status{
        min-width:0;
        flex:1 1 auto;
        max-width:88px;
        font-size:11px;
    }
    ul.myui-page > li.visible-xs.wb-page-nav__status{
        display:flex!important;
    }
    ul.myui-page > li > a.wb-page-nav__arrow .hidden-xs{
        display:none!important;
    }
    ul.myui-page > li > a.wb-page-nav__arrow .visible-xs{
        display:inline!important;
    }
}
@media (min-width:768px){
    ul.myui-page > li.visible-xs.wb-page-nav__status{
        display:none!important;
    }
    ul.myui-page > li > a.wb-page-nav__arrow .visible-xs{
        display:none!important;
    }
}
@media (max-width:767px){
    .wb-list-hero{padding:16px;border-radius:var(--wb-radius-panel,12px);align-items:flex-start;}
    .wb-list-hero h1{font-size:21px;}
    .wb-list-hero p{display:none;}
    .wb-list-hero__link{height:32px;padding:0 12px;font-size:12px;}
}

/* 详情页：封面信息卡 + 操作区 + 内容模块 */
body.wb-video-detail .container.wb-video-sub-body,
body.wb-video-play .container.wb-video-sub-body{
    width:100%!important;
    max-width:var(--wb-app-shell-max,960px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:var(--wb-app-page-gutter,10px)!important;
    padding-right:var(--wb-app-page-gutter,10px)!important;
    padding-bottom:12px!important;
    box-sizing:border-box;
}
body.wb-video-detail .wb-video-sub-stack,
body.wb-video-play .wb-video-sub-stack{
    display:flex;
    flex-direction:column;
    gap:8px;
}
body.wb-video-play .wb-video-sub-stack > .wb-fuli-hub-panel,
body.wb-video-play .wb-fuli-hub-panel .myui-panel-box,
body.wb-video-play .wb-fuli-hub-panel .wb-fuli-hub-panel__box{
    padding:0!important;
    margin-top:0!important;
    margin-bottom:0!important;
    border-radius:var(--wb-radius-panel,12px);
    overflow:hidden;
}
.wb-vod-detail-crumb{
    display:flex;
    align-items:center;
    gap:7px;
    padding:12px 0 0;
    color:var(--wb-app-muted);
    font-size:12px;
    overflow-x:auto;
    white-space:nowrap;
}
.wb-vod-detail-hero{
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:22px;
    padding:12px 0 0;
}
.wb-detail-block{
    width:100%;
    box-sizing:border-box;
    margin:0;
    background:transparent;
    border:none;
    box-shadow:none;
}
.wb-detail-inner-head{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 14px;
    padding:12px 0 8px;
    margin:0;
    border:0;
    border-bottom:1px solid rgba(15,23,42,.06);
}
html.theme-dark .wb-detail-inner-head{
    border-bottom-color:rgba(255,255,255,.08);
}
.wb-detail-inner-head .title{
    float:none!important;
    margin:0!important;
    padding:0!important;
    font-size:19px;
    font-weight:900;
    color:var(--wb-app-text);
}
.wb-detail-inner-head--tabs{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
}
.wb-detail-inner-head--tabs .nav-tabs.active{
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
    margin:0;
    padding:0;
    border:0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.wb-detail-inner-head--tabs .nav-tabs.active::-webkit-scrollbar{display:none;}
.wb-detail-inner-head--tabs .nav-tabs.active>li{
    float:none;
    margin:0;
}
.wb-vod-like-block .tab-content.wb-detail-main{
    width:100%;
    box-sizing:border-box;
    padding:12px 0 4px;
}
.wb-detail-main{
    width:100%;
    box-sizing:border-box;
    padding:12px 0 4px;
}
/* 猜你喜欢：Bootstrap tab-pane 默认 display:block 会冲掉 .myui-vodlist 的 flex，需显式恢复 */
.wb-vod-like-block .tab-pane.myui-vodlist.active,
.wb-vod-like-block .tab-pane.myui-vodlist.in.active,
.wb-vod-like-block .wb-vod-like-pane .myui-vodlist{
    display:flex!important;
    flex-wrap:wrap;
    margin-left:0!important;
    margin-right:0!important;
}
body.wb-video-play .wb-vod-like-block .myui-vodlist,
body.wb-video-detail .wb-vod-like-block .myui-vodlist{
    margin-left:0!important;
    margin-right:0!important;
}
body.wb-video-play .wb-vod-like-block .myui-vodlist > li,
body.wb-video-detail .wb-vod-like-block .myui-vodlist > li{
    padding:6px 5px 12px!important;
}
body.wb-video-detail .myui-sidebar,
body.wb-video-detail .myui-container-bg>.container>.row>.myui-sidebar{
    display:none!important;
}
body.wb-video-detail .myui-content__thumb{
    width:auto!important;
    float:none!important;
    margin:0!important;
}
body.wb-video-detail .myui-content__thumb .myui-vodlist__thumb{
    box-shadow:none;
}
body.wb-video-detail .myui-content__detail{
    width:auto!important;
    float:none!important;
    padding:0!important;
}
body.wb-video-detail .wb-detail-mobile-watch{
    display:none!important;
}
body.wb-video-detail .vod-detail-sheet,
body.wb-video-play .vod-detail-sheet{
    padding:4px 0 0;
}
body.wb-video-detail .vod-detail-sheet .title,
body.wb-video-play .vod-detail-sheet .title{
    margin:0 0 10px;
    font-size:26px;
    font-weight:900;
    line-height:1.28;
    color:var(--wb-app-text);
}
body.wb-video-detail #rating,
body.wb-video-play .vod-detail-sheet #rating{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    padding:9px 12px;
    margin:0 0 12px;
    border-radius:16px;
    background:var(--wb-app-card-soft);
}
body.wb-video-detail #rating .branch,
body.wb-video-play .vod-detail-sheet #rating .branch{
    color:var(--wb-app-warm);
    font-size:18px;
    font-weight:900;
}
body.wb-video-detail .wb-vod-meta-chips,
body.wb-video-play .wb-vod-meta-chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
body.wb-video-detail .wb-vod-chip,
body.wb-video-detail .wb-vod-meta-text,
body.wb-video-play .wb-vod-chip,
body.wb-video-play .wb-vod-meta-text{
    border-radius:15px;
    background:var(--wb-app-card-soft);
    border:1px solid var(--wb-app-border);
}
body.wb-video-detail .wb-vod-chip,
body.wb-video-play .wb-vod-chip{
    padding:8px 10px;
}
body.wb-video-detail .wb-vod-meta-text,
body.wb-video-play .wb-vod-meta-text{
    margin-top:9px;
    padding:10px 12px;
}
body.wb-video-detail .myui-content__operate{
    grid-column:1 / -1;
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:0!important;
    margin:0!important;
}
body.wb-video-detail .myui-content__operate .btn{
    min-height:38px;
    padding:0 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}
body.wb-video-detail #desc .content,
body.wb-video-play #desc .content{
    color:var(--wb-app-text);
    line-height:1.8;
    font-size:14px;
}
body.wb-video-detail .wb-vod-desc-tags__chips,
body.wb-video-play .wb-vod-desc-tags__chips{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
body.wb-video-detail .wb-vod-desc-tags__chip,
body.wb-video-play .wb-vod-desc-tags__chip{
    display:inline-flex;
    align-items:center;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    background:var(--wb-app-card-soft);
    color:var(--wb-app-primary)!important;
    font-weight:800;
}
body.wb-video-detail .wb-playlist .sort-list,
body.wb-video-play .wb-playlist .sort-list{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:10px;
}
body.wb-video-detail .wb-playlist .sort-list>li,
body.wb-video-play .wb-playlist .sort-list>li{
    width:auto!important;
    flex:0 0 calc(25% - 6px);
    padding:0!important;
}
body.wb-video-detail .wb-playlist .sort-list>li>a.btn,
body.wb-video-play .wb-playlist .sort-list>li>a.btn{
    height:38px;
    border-radius:14px!important;
    background:var(--wb-app-card-soft)!important;
    color:var(--wb-app-text)!important;
    box-shadow:none!important;
}
body.wb-video-detail .myui-sidebar .myui-panel{
    position:sticky;
    top:calc(var(--myui-header-height) + 16px);
}
@media (max-width:767px){
    .wb-vod-detail-hero{
        display:block!important;
        padding:0!important;
    }
    .wb-vod-detail-crumb{
        padding:10px 0 0!important;
    }
    body.wb-video-detail .myui-content__thumb{
        width:100%!important;
        margin:0 auto 12px!important;
        display:block!important;
    }
    body.wb-video-detail .myui-content__thumb .myui-vodlist__thumb.picture{
        width:min(220px,64vw)!important;
        max-width:100%!important;
        padding-top:0!important;
        aspect-ratio:2 / 3;
        margin:0 auto!important;
        border-radius:var(--wb-radius-card,10px)!important;
        overflow:hidden!important;
        display:block!important;
        position:relative!important;
    }
    body.wb-video-detail .myui-content__thumb .myui-vodlist__thumb.picture img{
        position:absolute!important;
        top:0!important;
        left:0!important;
        display:block!important;
        width:100%!important;
        height:100%!important;
        max-width:100%!important;
        max-height:none!important;
        margin:0!important;
        object-fit:cover!important;
    }
    body.wb-video-detail .myui-content__detail{
        width:100%!important;
        max-width:none!important;
        display:block!important;
        min-width:0!important;
        padding:0!important;
    }
    body.wb-video-detail .vod-detail-sheet{
        width:100%!important;
        min-width:0!important;
    }
    body.wb-video-detail .vod-detail-sheet .title{
        font-size:20px;
        line-height:1.35;
        white-space:normal!important;
        word-break:break-word!important;
    }
    body.wb-video-detail #rating,
    body.wb-video-play .vod-detail-sheet #rating{padding:7px 9px;}
    body.wb-video-detail #rating .rating,
    body.wb-video-play .vod-detail-sheet #rating .rating{
        display:flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;
    }
    body.wb-video-play .wb-play-brief__meta-rating #rating{
        display:inline-flex!important;
        flex-direction:row!important;
        flex-wrap:nowrap!important;
        align-items:center!important;
        padding:0!important;
        margin:0!important;
        background:none!important;
        border-radius:0!important;
        gap:0!important;
    }
    body.wb-video-play .wb-play-brief__meta-rating #rating .rating{
        display:inline-block!important;
        white-space:nowrap!important;
        font-size:0!important;
        line-height:1!important;
        margin:0!important;
        padding:0!important;
        list-style:none!important;
        width:auto!important;
        vertical-align:middle!important;
    }
    body.wb-video-play .wb-play-brief__meta-rating #rating .rating>li{
        display:inline-block!important;
        float:none!important;
        flex:none!important;
        width:auto!important;
        margin:0 1px 0 0!important;
        padding:0!important;
        line-height:1!important;
        font-size:10px!important;
        vertical-align:middle!important;
    }
    body.wb-video-detail .wb-vod-meta-chips,
    body.wb-video-play .wb-vod-meta-chips{gap:6px;}
    body.wb-video-detail .wb-vod-chip,
    body.wb-video-play .wb-vod-chip{padding:6px 8px;font-size:12px;}
    body.wb-video-detail .wb-vod-meta-text{display:none;}
    body.wb-video-play .wb-vod-meta-text{display:block;}
    body.wb-video-detail .myui-content__operate{
        width:100%!important;
        grid-column:auto!important;
        margin-top:12px!important;
    }
    body.wb-video-detail .myui-content__operate .btn{flex:1 1 calc(50% - 5px);}
    body.wb-video-detail .wb-playlist .sort-list>li,
    body.wb-video-play .wb-playlist .sort-list>li{flex:0 0 calc(50% - 4px);}
}

/* ========== 深色：面板内 Bootstrap nav-tabs（播放线路、猜你喜欢、演员页资料/作品等） ========== */
html.theme-dark .myui-panel_hd ul.nav.nav-tabs > li > a{
    color: #e2e8f0 !important;
    background: rgba(30, 41, 59, 0.55) !important;
    border: 1px solid rgba(148, 163, 184, 0.24) !important;
    border-radius: 12px !important;
    border-bottom: 1px solid rgba(148, 163, 184, 0.24) !important;
    padding: 6px 14px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
}
html.theme-dark .myui-panel_hd ul.nav.nav-tabs > li > a:hover{
    color: #fff !important;
    background: rgba(51, 65, 85, 0.85) !important;
    border-color: rgba(165, 180, 252, 0.35) !important;
}
html.theme-dark .myui-panel_hd ul.nav.nav-tabs > li.active > a,
html.theme-dark .myui-panel_hd ul.nav.nav-tabs > li.active > a:hover,
html.theme-dark .myui-panel_hd ul.nav.nav-tabs > li.active > a:focus{
    color: #fff !important;
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
    border-color: transparent !important;
    border-bottom-color: transparent !important;
    box-shadow: 0 10px 26px rgba(99, 102, 241, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.1);
}
html.theme-dark .myui-panel_hd ul.nav.nav-tabs{
    border-bottom: 0 !important;
    margin-bottom: 0;
}
html.theme-dark .myui-panel__head--tabs ul.nav-tabs.active{
    background: rgba(15, 23, 42, 0.4);
    border-radius: 14px;
    padding: 6px !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(148, 163, 184, 0.14);
}
html.theme-dark body.wb-video-detail .wb-playlist .nav-tabs.active > li > a,
html.theme-dark body.wb-video-play .wb-playlist .nav-tabs.active > li > a{
    color: #f1f5f9 !important;
    background: rgba(30, 41, 59, 0.62) !important;
    border: 1px solid rgba(148, 163, 184, 0.22) !important;
}
html.theme-dark body.wb-video-detail .wb-playlist .nav-tabs.active > li.active > a,
html.theme-dark body.wb-video-play .wb-playlist .nav-tabs.active > li.active > a{
    color: #fff !important;
    background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 26px rgba(99, 102, 241, 0.4), 0 0 0 1px rgba(255, 255, 255, 0.12);
}

/* 播放页：沉浸播放器 + App 操作区 */
body.wb-video-play .myui-player>.container>.row{
    display:flex;
    flex-direction:column;
    gap:0!important;
}
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child{
    margin-bottom:0;
    border-radius:var(--wb-radius-panel,12px);
    overflow:hidden;
}
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child .col-xs-1{
    min-width:0;
}
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child a,
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child span{
    flex:0 0 auto;
}
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child span:last-child{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}
body.wb-video-play .myui-player__item{
    padding:0;
    border-radius:var(--wb-radius-panel,12px);
    background:var(--wb-app-card);
    border:1px solid var(--wb-app-border);
    box-shadow:var(--wb-app-shadow);
    overflow:hidden;
}
body.wb-video-play #player-left{
    width:100%!important;
    float:none!important;
}
body.wb-video-play .myui-player__box{
    border-radius:0;
    background:#050814;
    overflow:hidden;
    box-shadow:none;
}
body.wb-video-play .embed-responsive{
    background:#050814;
}
body.wb-video-play .tips{
    border-radius:0;
    background:#fff!important;
    color:var(--wb-app-text)!important;
    border-bottom:1px solid rgba(148,163,184,.14);
}
body.wb-video-play .tips ul,
body.wb-video-play .tips li,
body.wb-video-play .tips div{
    color:var(--wb-app-text)!important;
    text-shadow:none!important;
}
body.wb-video-play .tips a,
body.wb-video-play .tips .fa{
    color:rgba(15,23,42,.55)!important;
}
html.theme-dark body.wb-video-play .tips{
    background:rgba(15,23,42,.94)!important;
    color:#f1f5f9!important;
    border-bottom:1px solid rgba(148,163,184,.22);
}
html.theme-dark body.wb-video-play .tips ul,
html.theme-dark body.wb-video-play .tips li,
html.theme-dark body.wb-video-play .tips div{
    color:#e2e8f0!important;
}
html.theme-dark body.wb-video-play .tips a,
html.theme-dark body.wb-video-play .tips .tips-close-btn,
html.theme-dark body.wb-video-play .tips .fa{
    color:#94a3b8!important;
}
html.theme-dark body.wb-video-play .tips a:hover,
html.theme-dark body.wb-video-play .tips .tips-close-btn:hover{
    color:#f8fafc!important;
}
body.wb-video-play .myui-player__operate{
    display:none!important;
}
body.wb-video-play .wb-vod-report-sheet{
    display:none;
    position:fixed;
    inset:0;
    z-index:99999999;
}
body.wb-video-play .wb-vod-report-sheet.is-open{
    display:block;
}
body.wb-video-play .wb-vod-report-sheet__overlay{
    position:absolute;
    inset:0;
    background:rgba(15,23,42,.42);
}
body.wb-video-play .wb-vod-report-sheet__panel{
    position:absolute;
    left:50%;
    top:50%;
    width:min(360px,calc(100vw - 36px));
    transform:translate(-50%,-50%);
    border-radius:var(--wb-radius-panel,12px);
    background:var(--wb-app-card);
    box-shadow:0 24px 70px rgba(15,23,42,.28);
    overflow:hidden;
}
body.wb-video-play .wb-vod-report-sheet__head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:16px 18px;
    border-bottom:1px solid var(--wb-app-border);
}
body.wb-video-play .wb-vod-report-sheet__head strong{
    color:var(--wb-app-text);
    font-size:16px;
}
body.wb-video-play .wb-vod-report-sheet__head button{
    width:32px;
    height:32px;
    border:0;
    border-radius:999px;
    background:var(--wb-app-card-soft);
    color:var(--wb-app-muted);
    font-size:20px;
}
body.wb-video-play .wb-vod-report-sheet__body{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:16px;
}
body.wb-video-play .wb-vod-report-sheet__body button{
    height:42px;
    border:1px solid var(--wb-app-border);
    border-radius:16px;
    background:var(--wb-app-card-soft);
    color:var(--wb-app-text);
    font-weight:900;
}
body.wb-video-play .wb-vod-report-sheet__body button:active{
    transform:scale(.98);
}
body.wb-video-play .wb-play-lines{
    margin:12px var(--wb-app-page-gutter,10px) 0;
    border-radius:var(--wb-radius-panel,12px);
}
body.wb-video-play #wbPcMetaBlock{
    margin-top:12px;
    padding:14px 16px;
    border-radius:var(--wb-radius-panel,12px);
    background:var(--wb-app-card);
    border:1px solid var(--wb-app-border);
    box-shadow:var(--wb-app-shadow-soft);
}
body.wb-video-play #wbPcMetaBlock h3{
    margin:0 0 6px;
    font-weight:900;
}
body.wb-video-play #wbPcMetaBlock h3 a{
    color:var(--wb-app-text)!important;
}
body.wb-video-play .myui-player{
    width:100%;
}
body.wb-video-play .myui-player>.container,
body.wb-video-play> .container{
    width:100%!important;
    max-width:var(--wb-app-shell-max,960px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
body.wb-video-play .myui-player>.container>.row,
body.wb-video-play> .container>.row{
    display:block!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
}
body.wb-video-play .myui-player__item,
body.wb-video-play .myui-player__data,
body.wb-video-play> .container .col-lg-wide-75{
    width:100%!important;
    max-width:none!important;
    float:none!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.wb-video-play .wb-sheet__panel{
    border-radius:16px 16px 0 0!important;
    background:var(--wb-app-card)!important;
}
body.wb-video-play .wb-sheet__link{
    background:var(--wb-app-card-soft)!important;
    color:var(--wb-app-text)!important;
    font-weight:800;
}
body.wb-video-play .wb-sheet__item.is-active .wb-sheet__link{
    background:var(--wb-app-gradient)!important;
    color:#fff!important;
}
@media (max-width:767px){
    body.wb-video-play .myui-player__item{padding:0;border-radius:0;}
    body.wb-video-play .myui-player__box{border-radius:0;}
    body.wb-video-play .wb-play-below .wb-play-info{
        padding:10px 0 8px!important;
    }
    .wb-play-toolbar__item{
        min-width:48px;
        padding:5px 3px;
    }
    .wb-play-toolbar__item .fa{
        font-size:16px;
    }
    .wb-play-toolbar__label{
        font-size:10px;
    }
    .wb-play-earn-banner{
        flex-wrap:wrap;
        padding:10px;
    }
    .wb-play-earn-banner__main{
        font-size:11px;
    }
    .wb-play-earn-banner__btn{
        width:100%;
        height:32px;
    }
    body.wb-video-play .wb-play-meta__cast{
        display:none;
    }
}

/* 播放页底部：影片评论（home.css / mac_comment）深色适配 */
html.theme-dark body.wb-video-play .myui-panel:has(.mac_comment){
    background: var(--wb-app-card) !important;
    border-color: var(--wb-app-border) !important;
}
html.theme-dark body.wb-video-play .myui-panel:has(.mac_comment) .myui-panel_bd{
    background: transparent !important;
}
html.theme-dark body.wb-video-play .stui-pannel_bd{
    background: transparent !important;
}
html.theme-dark body.wb-video-play .mac_comment{
    background: transparent !important;
    color: var(--wb-app-muted);
}
html.theme-dark body.wb-video-play #pl .title{
    color: var(--wb-app-text) !important;
}
html.theme-dark body.wb-video-play .mac_comment .input_wrap textarea{
    background: rgba(30, 41, 59, 0.75) !important;
    border: 1px solid rgba(148, 163, 184, 0.28) !important;
    color: var(--wb-app-text) !important;
}
html.theme-dark body.wb-video-play .mac_comment .input_wrap .face-box{
    background: var(--wb-app-card) !important;
    border-color: var(--wb-app-border) !important;
}
html.theme-dark body.wb-video-play .mac_comment .remaining-w,
html.theme-dark body.wb-video-play .mac_comment .smt,
html.theme-dark body.wb-video-play .mac_comment .smt_wrap span,
html.theme-dark body.wb-video-play .mac_comment .smt .cmt_text{
    color: var(--wb-app-muted) !important;
}
html.theme-dark body.wb-video-play .mac_comment .cmt_item{
    color: var(--wb-app-muted) !important;
    border-bottom-color: rgba(148, 163, 184, 0.2) !important;
}
html.theme-dark body.wb-video-play .mac_comment .item_con .con,
html.theme-dark body.wb-video-play .mac_comment .inner .con{
    color: var(--wb-app-text) !important;
}
html.theme-dark body.wb-video-play .mac_comment .item_con a,
html.theme-dark body.wb-video-play .mac_comment .item_con .name{
    color: var(--wb-app-muted) !important;
}
html.theme-dark body.wb-video-play .mac_comment .inner{
    background: rgba(30, 41, 59, 0.58) !important;
    border-color: rgba(148, 163, 184, 0.24) !important;
}
html.theme-dark body.wb-video-play .mac_comment .sort_wrap{
    border-bottom-color: rgba(148, 163, 184, 0.22) !important;
}
html.theme-dark body.wb-video-play .mac_comment .sort_wrap a{
    color: var(--wb-app-muted) !important;
}
html.theme-dark body.wb-video-play .mac_comment .sort_wrap .current{
    color: #c4b5fd !important;
    border-bottom-color: rgba(167, 139, 250, 0.85) !important;
}
html.theme-dark body.wb-video-play .mac_comment .pages,
html.theme-dark body.wb-video-play .mac_comment .pages a,
html.theme-dark body.wb-video-play .mac_comment .smt_wrap span a{
    color: var(--wb-app-muted) !important;
}
html.theme-dark body.wb-video-play .wb-play-task-grid span{
    background: rgba(30, 41, 59, 0.55) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(148, 163, 184, 0.18);
}

/* 2026 App 改版修正：横向留白由 .container 统一控制，panel 内不再重复缩进 */
.myui-panel_bd.clearfix{
    padding:10px 0;
}
body.wb-video-home .myui-panel_bd > .col-lg-wide-75,
body.wb-video-home .myui-panel_bd > .col-xs-1.padding-0,
body.wb-video-list .myui-panel_bd > .col-lg-wide-75,
body.wb-video-list .myui-panel_bd > .col-xs-1.padding-0{
    width:100%!important;
    float:none!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.wb-video-home .myui-vodlist,
body.wb-video-list .myui-vodlist{
    width:auto;
}
.myui-header_bd{
    justify-content:space-between;
    min-height:56px;
    padding:0;
}
.myui-header__left,
.myui-header__user{
    height:56px;
    display:flex!important;
    align-items:center!important;
}
.myui-header__user{
    margin-left:auto;
    gap:8px;
}
.myui-header__user>li{
    display:flex;
    align-items:center;
    margin-left:0!important;
}
.myui-header__left .header-left-btn,
.myui-header__user>li>a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    line-height:1!important;
}
.myui-header__logo{
    display:flex;
    align-items:center;
    justify-content:center;
}
.category-modal-overlay{
    top:0!important;
    bottom:0!important;
    z-index:100190!important;
}
.category-modal{
    display:flex!important;
    flex-direction:column!important;
    top:0!important;
    bottom:0!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    z-index:100200!important;
}
.category-modal-header{
    display:grid!important;
    grid-template-columns:44px 1fr 44px!important;
    align-items:center!important;
    min-height:calc(52px + env(safe-area-inset-top, 0px))!important;
    padding:env(safe-area-inset-top, 0px) 12px 10px!important;
    gap:0!important;
}
.category-modal-header .header-logo{
    grid-column:1 / -1!important;
    grid-row:1!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 44px!important;
}
.category-modal-header .header-logo img{
    height:40px!important;
    max-height:40px!important;
}
.category-modal-header .header-logo .logo-fallback{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    padding:0 16px!important;
    font-size:20px!important;
    line-height:40px!important;
}
.category-modal-close{
    grid-column:3!important;
    grid-row:1!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    justify-self:end!important;
    align-self:center!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    transform:none!important;
}
.category-modal-close:hover{
    transform:none!important;
}
.category-modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    padding-bottom:max(20px, env(safe-area-inset-bottom, 0px))!important;
}
/* 与内容壳同宽；勿再用 440px 上限（会压窄 PC 弹层） */
.wb-fabmenu#wbFabMenu,
#wbFabMenu.wb-fabmenu{
    width:min(calc(var(--wb-app-shell-max, 960px) - 20px), calc(100vw - 28px))!important;
    max-width:min(calc(var(--wb-app-shell-max, 960px) - 20px), calc(100vw - 28px))!important;
}
@media (min-width:768px){
    .wb-fabmenu#wbFabMenu,
    #wbFabMenu.wb-fabmenu{
        width:min(calc(var(--wb-app-shell-max, 960px) - 20px), calc(100vw - 32px))!important;
        max-width:min(calc(var(--wb-app-shell-max, 960px) - 20px), calc(100vw - 32px))!important;
    }
    #wbFabMenu .wb-fabmenu-sheet,
    #wbFabMenu .wb-fabmenu-inner{
        width:100%!important;
        max-width:none!important;
        box-sizing:border-box;
    }
    #wbFabMenu .wb-fabmenu-grid{
        grid-template-columns:repeat(auto-fit, minmax(110px, 1fr))!important;
        width:100%!important;
    }
    #wbFabMenu .wb-fabmenu-grid .wb-fabmenu-item:only-child{
        grid-column:1 / -1;
        max-width:none;
        width:100%;
    }
}
/* 底边咬口：由 .wb-fabmenu-sheet 的 mask 实现；inner 圆角由该链路内规则统一为 0 */
.wb-vod-detail-card>.myui-panel-box>.col-xs-1:first-child,
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child .col-xs-1{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    overflow-x:auto!important;
    white-space:nowrap!important;
    padding:10px 12px!important;
    font-size:12px!important;
    scrollbar-width:none;
}
.wb-vod-detail-card>.myui-panel-box>.col-xs-1:first-child::-webkit-scrollbar,
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child .col-xs-1::-webkit-scrollbar{
    display:none;
}
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child{
    border-radius:16px;
    margin-bottom:0;
}
@media (max-width:767px){
    body.wb-video-play .myui-player{
        padding-top:0!important;
    }
    body.wb-video-play .myui-player>.container{
        padding-top:0!important;
    }
    body.wb-video-play .myui-player>.container>.row{
        display:flex!important;
        flex-direction:column!important;
        gap:8px!important;
    }
    body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child{
        margin-top:0!important;
        margin-bottom:0!important;
        border-radius:0!important;
    }
    body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child .col-xs-1{
        padding:8px 10px!important;
    }
    body.wb-video-play .myui-player__item{
        margin-top:0!important;
    }
}
@media (max-width:767px){
    .myui-panel_bd.clearfix{padding:8px 0;}
    .myui-header_bd{min-height:56px;padding:0!important;}
    .myui-header__left,.myui-header__user{height:56px;}
    .myui-header__logo{top:50%;transform:translate(-50%,-50%)!important;}
    .myui-header__user{gap:8px;}
    .myui-header__left .header-left-btn,
    .myui-header__user>li>a{width:38px!important;height:38px!important;}
    .category-modal{width:min(78vw,300px)!important;max-width:300px!important;}
    .category-modal-body{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;padding-bottom:max(22px, env(safe-area-inset-bottom, 0px))!important;}
    .wb-fabmenu#wbFabMenu,
    #wbFabMenu.wb-fabmenu{width:min(calc(var(--wb-app-shell-max) - 20px), calc(100vw - 24px))!important;max-width:min(calc(var(--wb-app-shell-max) - 20px), calc(100vw - 24px))!important;}
}

/* 列表页：无原生顶栏时可取消顶部留白（分类列表等） */
body.wb-video-list{
    padding-top:0!important;
}
body.wb-video-list .myui-header__top{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    margin-bottom:8px;
}
/* 详情/播放：与其它内页一致使用固定原生顶栏 + 对应留白 */
body.wb-video-detail,
body.wb-video-play,
body.wb-gbook-page{
    padding-top:calc(env(safe-area-inset-top, 0px) + var(--top-floating-ad-height, 0px) + var(--wb-native-topbar-h, 44px)) !important;
}
/* 应用锁全屏页：无底栏，取消 body.active 底部占位条 */
body.wb-app-lock-page{
    padding-top:0!important;
    padding-bottom:0!important;
    min-height:100vh;
    min-height:100dvh;
    overflow:hidden;
}
body.wb-app-lock-page::after{
    display:none!important;
    height:0!important;
    content:none!important;
}
body.wb-video-detail .myui-sidebar .myui-panel{
    top:16px;
}

/* 列表页减留白、放大视频卡片 */
body.wb-video-list > .container,
body.wb-video-detail .myui-container-bg > .container,
body.wb-video-play .myui-player > .container,
body.wb-video-play > .container{
    width:min(1320px,100%)!important;
}
body.wb-video-list .myui-panel_bd{
    padding:0 0 8px!important;
}
body.wb-video-list .myui-vodlist{
    margin-left:-4px!important;
    margin-right:-4px!important;
}
body.wb-video-list .myui-vodlist>li{
    padding:4px!important;
}
body.wb-video-list .myui-vodlist__detail{
    padding-top:0;
}
body.wb-video-list .wb-vod-card__detail{
    gap:6px;
    padding:6px 2px 4px!important;
}
body.wb-video-list .myui-vodlist__detail .title.wb-vod-card__title,
body.wb-video-list .wb-vod-card__title{
    margin:0!important;
}
body.wb-video-list .myui-vodlist>li{
    padding:4px 4px 10px!important;
}
@media (max-width:767px){
    body.wb-video-list > .container,
    body.wb-video-detail .myui-container-bg > .container,
    body.wb-gbook-page .myui-container-bg > .container,
    body.wb-video-play > .container{
        width:100%!important;
        padding-left:var(--wb-app-page-gutter,10px)!important;
        padding-right:var(--wb-app-page-gutter,10px)!important;
    }
    body.wb-video-list .container>.row{
        gap:8px;
    }
    body.wb-video-list .wb-list-hero{
        margin-left:0;
        margin-right:0;
        padding:12px 14px;
        border-radius:16px;
    }
    body.wb-video-list .myui-panel{
        border-radius:14px;
        margin-left:0;
        margin-right:0;
    }
    body.wb-video-list .myui-panel_bd{
        padding:0 0 5px!important;
    }
    body.wb-video-list .myui-vodlist{
        margin-left:-3px!important;
        margin-right:-3px!important;
    }
    body.wb-video-list .myui-vodlist>li,
    body.wb-video-list .flickity > div[class*="col-"]{
        width:50%!important;
        padding:3px!important;
    }
    body.wb-video-list .myui-vodlist__thumb{
        border-radius:12px!important;
    }
    body.wb-video-list .myui-vodlist__detail .title{
        font-size:13px;
        line-height:1.35;
    }
}

/* 详情页移动端：封面不再和文字左右并排，避免图片过小 */
@media (max-width:767px){
    .wb-vod-detail-card>.myui-panel-box>.col-xs-1:nth-child(2){
        display:block!important;
        padding:8px!important;
    }
    body.wb-video-detail .myui-content__thumb{
        width:100%!important;
        margin:0 0 12px!important;
    }
    body.wb-video-detail .myui-content__thumb .myui-vodlist__thumb.picture{
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        min-height:0!important;
        padding-top:0!important;
        aspect-ratio:auto!important;
        border-radius:16px!important;
        display:block!important;
        overflow:hidden!important;
        background:var(--wb-app-card-soft)!important;
    }
    body.wb-video-detail .myui-content__thumb .myui-vodlist__thumb.picture img{
        position:relative!important;
        top:auto!important;
        left:auto!important;
        display:block!important;
        width:auto!important;
        height:auto!important;
        max-width:100%!important;
        max-height:260px!important;
        margin:0 auto!important;
        object-fit:contain!important;
    }
    body.wb-video-detail .myui-content__detail{
        width:100%!important;
    }
    body.wb-video-detail .vod-detail-sheet .title{
        font-size:22px;
    }
}

/* 被嵌在 iframe 中（如社区/片库内联播放器）：内层整页不应再预留顶栏/底栏，否则播放器可视高度被压缩、顶部出现大块留白 */
html.wb-iframe-embed body{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
html.wb-iframe-embed #wbNativeTopbar{
    display: none !important;
}
html.wb-iframe-embed .myui-nav__tabbar.wb-bottom-tabbar{
    display: none !important;
}
html.wb-iframe-embed .wb-statusbar{
    display: none !important;
}

/* 非首页：固定原生顶栏；正文预留安全区 + 顶栏高度（会员子页已统一引入 block/head 原生顶栏） */
body:not(.wb-video-home){
    padding-top:calc(env(safe-area-inset-top, 0px) + var(--top-floating-ad-height, 0px) + var(--wb-native-topbar-h, 54px)) !important;
    /* 侧栏/社区等用 --myui-header-height 计算 sticky，与原生顶栏内容区高度对齐（不含安全区与顶飘高度，sticky 公式里已单独加） */
    --myui-header-height: var(--wb-native-topbar-h);
}
.wb-native-topbar,
#wbNativeTopbar.wb-native-topbar{
    position:fixed;
    top:calc(env(safe-area-inset-top, 0px) + var(--top-floating-ad-height, 0px));
    left:50%;
    right:auto;
    z-index:100020;
    width:100%;
    max-width:var(--wb-app-shell-max);
    transform:translateX(-50%);
    height:var(--wb-native-topbar-h, 54px);
    margin:0;
    padding-left:calc(var(--wb-topbar-inline-gutter, 4px) + env(safe-area-inset-left, 0px));
    padding-right:calc(var(--wb-topbar-inline-gutter, 4px) + env(safe-area-inset-right, 0px));
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;
    gap:6px;
    box-sizing:border-box;
    background:var(--wb-topbar-bg,#ffffff);
    border-bottom:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}
html.theme-dark .wb-native-topbar{
    background:var(--wb-topbar-bg,#0d1020);
}
.wb-native-topbar__back,
.wb-native-topbar__actions a{
    width:44px;
    height:44px;
    border-radius:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--wb-app-text,#172033)!important;
    background:transparent;
    border:0;
    box-shadow:none;
    text-decoration:none!important;
}
.wb-native-topbar__back .fa,
.wb-native-topbar__actions a .fa{
    font-size:22px;
    line-height:1;
}
.wb-native-topbar__title{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center;
    color:var(--wb-app-text,#172033);
    font-size:16px;
    font-weight:900;
}
.wb-native-topbar__actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    min-width:0;
}
.wb-native-topbar__notify{
    position:relative;
}
.wb-native-topbar__notify.is-active{
    color:var(--wb-app-accent,#2563eb)!important;
}
.wb-native-topbar__notify-badge{
    position:absolute;
    top:4px;
    right:4px;
    min-width:15px;
    height:15px;
    padding:0 4px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:9px;
    font-weight:700;
    line-height:15px;
    text-align:center;
    box-sizing:border-box;
    display:none;
    pointer-events:none;
}
.wb-native-topbar__notify-badge.is-on{
    display:inline-block;
}
html.theme-dark .wb-native-topbar__notify-badge{
    background:#f87171;
    color:#0f172a;
}
@media (max-width:767px){
    :root{
        --wb-native-topbar-h:44px;
        --myui-header-height:44px;
    }
    .wb-native-topbar{
        gap:4px;
    }
    .wb-native-topbar__back,
    .wb-native-topbar__actions a{
        width:44px;
        height:44px;
    }
}

/* 固定原生顶栏已含返回时，去掉社区空间头图上的第二颗返回 */
body:has(#wbNativeTopbar) .wb-co-sph__back{
    display:none !important;
}

/* 2026-05 紧凑视频卡片与顶部对齐修复 */
body.wb-video-home .myui-header_bd{
    height:44px;
    min-height:44px;
    padding:0!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center!important;
    gap:8px;
}
body.wb-video-home .myui-header__left,
body.wb-video-home .myui-header__user{
    height:44px!important;
    min-height:44px!important;
    display:flex!important;
    align-items:center!important;
}
body.wb-video-home .myui-header__left{justify-content:flex-start;}
body.wb-video-home .myui-header__logo{
    position:static!important;
    transform:none!important;
    justify-content:center!important;
}
body.wb-video-home .myui-header__user{
    justify-content:flex-end!important;
    gap:8px!important;
    margin:0!important;
}
body.wb-video-home .myui-header__left .header-left-btn,
body.wb-video-home .myui-header__user>li>a{
    width:44px!important;
    height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:0!important;
}
body.wb-video-home .myui-header__left .header-left-btn .fa,
body.wb-video-home .myui-header__user>li.header-only-search>a .fa{
    font-size:20px!important;
}
body.wb-video-home .myui-header__user>li{
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    margin:0!important;
}
body.wb-video-home .container,
body.wb-video-search .wrap>.container,
body.wb-video-detail .myui-container-bg>.container,
body.wb-video-play .myui-player>.container,
body.wb-video-play> .container,
body.wb-video-list > .container,
body.wb-video-list .myui-container-bg > .container,
body.wb-label-page .wb-label-page-stack > .container{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
}
body.wb-video-home .myui-panel_bd,
body.wb-video-search .myui-panel_bd,
body.wb-video-detail .myui-panel_bd,
body.wb-video-play .myui-panel_bd,
body.wb-video-detail .wb-detail-main,
body.wb-video-play .wb-detail-main{
    padding:12px 0 4px!important;
}
body.wb-video-home .myui-panel_bd.clearfix,
body.wb-video-search .myui-panel_bd.clearfix,
body.wb-video-detail .myui-panel_bd.clearfix,
body.wb-video-play .myui-panel_bd.clearfix,
body.wb-video-detail .wb-detail-main.clearfix,
body.wb-video-play .wb-detail-main.clearfix{
    padding:12px 0 4px!important;
}
body.wb-video-home .myui-vodlist,
body.wb-video-search .myui-vodlist,
body.wb-video-detail .myui-vodlist,
body.wb-video-play .myui-vodlist,
body.wb-video-detail .myui-vodlist__bd,
body.wb-video-play .myui-vodlist__bd{
    margin-left:-4px!important;
    margin-right:-4px!important;
}
body.wb-video-home .myui-vodlist{
    margin-left:-6px!important;
    margin-right:-6px!important;
}
body.wb-video-home .myui-vodlist>li{
    padding:5px 6px 10px!important;
}
body.wb-video-search .myui-vodlist>li,
body.wb-video-detail .myui-vodlist>li,
body.wb-video-play .myui-vodlist>li,
body.wb-video-detail .myui-vodlist__bd>li,
body.wb-video-play .myui-vodlist__bd>li{
    padding:4px!important;
}
body.wb-video-home .myui-panel_bd > [class*="col-"],
body.wb-video-search .myui-panel_bd > [class*="col-"],
body.wb-video-detail .myui-panel_bd > [class*="col-"],
body.wb-video-play .myui-panel_bd > [class*="col-"]{
    width:100%!important;
    float:none!important;
    padding-left:0!important;
    padding-right:0!important;
}
@media (max-width:767px){
    body.wb-video-home .myui-header_bd{
        grid-template-columns:44px minmax(0,1fr) 44px;
        height:44px;
        min-height:44px;
    }
    body.wb-video-home .myui-header__left{
        grid-column:1;
        grid-row:1;
    }
    body.wb-video-home .myui-header__logo{
        grid-column:2;
        grid-row:1;
        position:static!important;
        transform:none!important;
    }
    body.wb-video-home .myui-header__menu{
        display:none!important;
    }
    body.wb-video-home .myui-header__user{
        grid-column:3;
        grid-row:1;
    }
    body.wb-video-home .myui-header__user>li{
        display:none!important;
    }
    body.wb-video-home .myui-header__user>li.header-only-search{
        display:flex!important;
    }
    body.wb-video-home .myui-header__left,
    body.wb-video-home .myui-header__user{
        height:44px!important;
        min-height:44px!important;
    }
    body.wb-video-home .myui-header__left .header-left-btn,
    body.wb-video-home .myui-header__user>li>a{
        width:44px!important;
        height:44px!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        border-radius:0!important;
    }
    body.wb-video-home .container,
    body.wb-video-search .wrap>.container,
    body.wb-video-detail .myui-container-bg>.container,
    body.wb-video-play> .container{
        padding-left:var(--wb-app-page-gutter,10px)!important;
        padding-right:var(--wb-app-page-gutter,10px)!important;
    }
    body.wb-video-home .myui-panel_bd,
    body.wb-video-search .myui-panel_bd,
    body.wb-video-detail .myui-panel_bd,
    body.wb-video-play .myui-panel_bd{
        padding:0 0 5px!important;
    }
    body.wb-video-home .myui-vodlist{
        margin-left:-5px!important;
        margin-right:-5px!important;
    }
    body.wb-video-home .myui-vodlist>li{
        padding:4px 5px 8px!important;
    }
    body.wb-video-search .myui-vodlist,
    body.wb-video-detail .myui-vodlist,
    body.wb-video-play .myui-vodlist{
        margin-left:-3px!important;
        margin-right:-3px!important;
    }
    body.wb-video-play .wb-vod-like-block .myui-vodlist,
    body.wb-video-detail .wb-vod-like-block .myui-vodlist{
        margin-left:0!important;
        margin-right:0!important;
    }
    body.wb-video-search .myui-vodlist>li,
    body.wb-video-detail .myui-vodlist>li,
    body.wb-video-play .myui-vodlist>li{
        padding:3px!important;
    }
    body.wb-video-play .wb-vod-like-block .myui-vodlist>li,
    body.wb-video-detail .wb-vod-like-block .myui-vodlist>li{
        padding:5px 5px 10px!important;
    }
    body.wb-video-play .wb-play-earn-card{
        display:block;
    }
    body.wb-video-play .wb-play-task-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
    }
    body.wb-video-play .wb-play-task-grid span{
        min-height:34px!important;
        padding:0 8px!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        white-space:nowrap!important;
    }
}

/* 首页移动端顶部：强制三列等宽侧栏，确保 Logo 真正居中，按钮在各自区域内水平/垂直居中 */
@media (max-width:767px){
    body.wb-video-home #header-top:not(.wb-header-tv){
        height:44px!important;
        min-height:44px!important;
        /* 与内容区 gutter 折中：左右 4px + 安全区 */
        padding:0!important;
        padding-left:calc(var(--wb-topbar-inline-gutter, 4px) + env(safe-area-inset-left, 0px))!important;
        padding-right:calc(var(--wb-topbar-inline-gutter, 4px) + env(safe-area-inset-right, 0px))!important;
        display:flex!important;
        align-items:center!important;
        box-sizing:border-box!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .container,
    body.wb-video-home #header-top:not(.wb-header-tv) .row{
        width:100%!important;
        max-width:none!important;
        height:44px!important;
        min-height:44px!important;
        display:block!important;
        margin:0!important;
        padding:0!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header_bd{
        width:100%!important;
        height:44px!important;
        min-height:44px!important;
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr) 44px!important;
        align-items:center!important;
        justify-items:stretch!important;
        gap:0!important;
        padding:0!important;
        box-sizing:border-box!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__left{
        grid-column:1!important;
        grid-row:1!important;
        width:44px!important;
        height:44px!important;
        min-height:44px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__logo{
        grid-column:2!important;
        grid-row:1!important;
        width:100%!important;
        height:44px!important;
        position:static!important;
        left:auto!important;
        top:auto!important;
        transform:none!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__logo .logo{
        height:44px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__logo img.visible-xs{
        display:block!important;
        max-width:100px!important;
        max-height:34px!important;
        margin:0 auto!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__user{
        grid-column:3!important;
        grid-row:1!important;
        width:44px!important;
        height:44px!important;
        min-height:44px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:0!important;
        margin:0!important;
        padding:0!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__left .header-left-btn,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__user>li>a{
        width:44px!important;
        height:44px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0!important;
        margin:0!important;
        line-height:1!important;
        box-sizing:border-box!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        border-radius:0!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__user>li{
        width:44px!important;
        height:44px!important;
        display:none!important;
        align-items:center!important;
        justify-content:center!important;
        margin:0!important;
        padding:0!important;
    }
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__user>li.header-only-search{
        display:flex!important;
    }
}

/* =============================
   PC / iPad：与移动端一致的 App 壳布局（窄列居中 + 移动顶栏 + 双列片库）
   ============================= */
@media (min-width:768px){
    body.active:not(.wb-uc) > .container,
    body.active:not(.wb-uc) .myui-container-bg > .container,
    body.active:not(.wb-uc) .myui-player > .container,
    body.active:not(.wb-uc) .wrap > .container,
    body.wb-video-home > .container,
    body.wb-video-list > .container,
    body.wb-video-list .myui-container-bg > .container,
    body.wb-video-search .wrap > .container,
    body.wb-video-detail .myui-container-bg > .container,
    body.wb-video-play > .container,
    body.wb-co-community-page > .container,
    body.wb-co-community-index > .container,
    body.wb-co-community-relations > .container,
    body.wb-map-body > .container,
    body.wb-map-body .container.min{
        width:100%!important;
        max-width:var(--wb-app-shell-max)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding-left:8px!important;
        padding-right:8px!important;
        float:none!important;
    }
    body.wb-label-page .wb-label-page-stack > .container{
        padding-left:0!important;
        padding-right:0!important;
    }
    body.active:not(.wb-uc) #header-top:not(.wb-header-tv) .container,
    body.wb-video-home #header-top:not(.wb-header-tv) .container,
    body.wb-co-community-page #header-top .container,
    body.wb-co-community-index #header-top .container,
    body.wb-co-community-relations #header-top .container{
        max-width:var(--wb-app-shell-max)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
    body.active:not(.wb-uc) .myui-foot .container.min,
    body.wb-video-home .myui-foot .container.min,
    body.wb-video-list .myui-foot .container.min,
    body.wb-video-search .myui-foot .container.min,
    body.wb-video-detail .myui-foot .container.min,
    body.wb-video-play .myui-foot .container.min,
    body.wb-label-page .myui-foot .container.min,
    body.wb-co-community-page .myui-foot .container.min,
    body.wb-co-community-index .myui-foot .container.min,
    body.wb-co-community-relations .myui-foot .container.min,
    body.wb-map-body .myui-foot .container.min,
    body.wb-uc .myui-foot .container.min{
        max-width:var(--wb-app-shell-max)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        padding-left:8px!important;
        padding-right:8px!important;
    }
    .myui-nav__tabbar.wb-bottom-tabbar{
        left:0!important;
        right:0!important;
        width:auto!important;
        max-width:var(--wb-app-shell-max)!important;
        margin-left:auto!important;
        margin-right:auto!important;
        transform:none!important;
        bottom:var(--bottom-floating-ad-height, 0px)!important;
        border-radius:0!important;
        border:0!important;
    }
    /* 顶栏：与手机一致（左菜单 · 中 Logo · 右搜索） */
    body.active:not(.wb-uc) #header-top:not(.wb-header-tv),
    body.wb-video-home #header-top:not(.wb-header-tv),
    body.wb-co-community-page #header-top,
    body.wb-co-community-index #header-top,
    body.wb-co-community-relations #header-top{
        height:44px!important;
        min-height:44px!important;
        padding:0!important;
        padding-left:calc(var(--wb-topbar-inline-gutter, 4px) + env(safe-area-inset-left, 0px))!important;
        padding-right:calc(var(--wb-topbar-inline-gutter, 4px) + env(safe-area-inset-right, 0px))!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header_bd,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header_bd,
    body.wb-co-community-page #header-top .myui-header_bd,
    body.wb-co-community-index #header-top .myui-header_bd,
    body.wb-co-community-relations #header-top .myui-header_bd{
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr) 44px!important;
        align-items:center!important;
        height:44px!important;
        min-height:44px!important;
        width:100%!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header__left.visible-xs,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__left.visible-xs,
    body.wb-co-community-page #header-top .myui-header__left.visible-xs,
    body.wb-co-community-index #header-top .myui-header__left.visible-xs{
        display:flex!important;
        grid-column:1;
        grid-row:1;
    }
    body.active:not(.wb-uc) #header-top .myui-header__logo,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__logo,
    body.wb-co-community-page #header-top .myui-header__logo,
    body.wb-co-community-index #header-top .myui-header__logo{
        grid-column:2;
        grid-row:1;
        position:static!important;
        left:auto!important;
        transform:none!important;
        justify-content:center!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header__logo .logo .hidden-xs,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__logo .logo .hidden-xs{
        display:none!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header__logo .logo .visible-xs,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__logo .logo .visible-xs{
        display:inline-block!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header__menu,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__menu,
    body.wb-co-community-page #header-top .myui-header__menu,
    body.wb-co-community-index #header-top .myui-header__menu{
        display:none!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header__user,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__user,
    body.wb-co-community-page #header-top .myui-header__user,
    body.wb-co-community-index #header-top .myui-header__user{
        grid-column:3;
        grid-row:1;
        display:flex!important;
        justify-content:flex-end!important;
        align-items:center!important;
        margin:0!important;
        padding:0!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header__user > li,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__user > li,
    body.wb-co-community-page #header-top .myui-header__user > li,
    body.wb-co-community-index #header-top .myui-header__user > li{
        display:none!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header__user > li.header-only-search,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__user > li.header-only-search,
    body.wb-co-community-page #header-top .myui-header__user > li.header-only-search,
    body.wb-co-community-index #header-top .myui-header__user > li.header-only-search{
        display:flex!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header__left .header-left-btn,
    body.active:not(.wb-uc) #header-top .myui-header__user > li > a,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__left .header-left-btn,
    body.wb-video-home #header-top:not(.wb-header-tv) .myui-header__user > li > a{
        width:44px!important;
        height:44px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        border-radius:0!important;
    }
    /* 片库网格：平板三列（手机仍由 Bootstrap 与上方规则控制）；含详情/播放页「猜你喜欢」 */
    body.active:not(.wb-uc) .myui-vodlist > li,
    body.wb-video-home .myui-vodlist > li,
    body.wb-video-list .myui-vodlist > li,
    body.wb-video-search .myui-vodlist > li,
    body.wb-label-page .myui-vodlist > li,
    body.wb-video-detail .myui-vodlist > li,
    body.wb-video-play .myui-vodlist > li,
    body.wb-video-detail .myui-panel_bd ul.myui-vodlist__bd > li,
    body.wb-video-play .myui-panel_bd ul.myui-vodlist__bd > li,
    body.wb-video-detail .wb-vod-like-block ul.myui-vodlist > li,
    body.wb-video-play .wb-vod-like-block ul.myui-vodlist > li{
        width:33.3333333%!important;
        max-width:33.3333333%!important;
        flex:0 0 33.3333333%!important;
        float:left!important;
    }
    body.wb-video-home .myui-panel__head .nav.nav-text,
    body.wb-video-list .myui-panel__head .nav.nav-text{
        display:none!important;
    }
    body.wb-video-detail .myui-sidebar,
    body.wb-video-detail .myui-container-bg > .container > .row > .col-md-wide-3,
    body.wb-video-detail .myui-container-bg > .container > .row > .myui-sidebar{
        display:none!important;
    }
    body.wb-video-detail .myui-container-bg > .container > .row > .col-md-wide-7,
    body.wb-video-detail .col-lg-wide-75{
        width:100%!important;
        max-width:100%!important;
        float:none!important;
    }
    body.wb-video-home .myui-panel_bd > [class*="col-"],
    body.wb-video-list .myui-panel_bd > [class*="col-"],
    body.wb-label-page .myui-panel_bd > [class*="col-"]{
        width:100%!important;
        float:none!important;
        padding-left:0!important;
        padding-right:0!important;
    }
}

/* PC：视频卡片四列（与模板 col-lg-4 / col-md-4 一致） */
@media (min-width:992px){
    body.active:not(.wb-uc) .myui-vodlist > li,
    body.wb-video-home .myui-vodlist > li,
    body.wb-video-list .myui-vodlist > li,
    body.wb-video-search .myui-vodlist > li,
    body.wb-label-page .myui-vodlist > li,
    body.wb-video-detail .myui-vodlist > li,
    body.wb-video-play .myui-vodlist > li,
    body.wb-video-detail .myui-panel_bd ul.myui-vodlist__bd > li,
    body.wb-video-play .myui-panel_bd ul.myui-vodlist__bd > li,
    body.wb-video-detail .wb-vod-like-block ul.myui-vodlist > li,
    body.wb-video-play .wb-vod-like-block ul.myui-vodlist > li{
        width:25%!important;
        max-width:25%!important;
        flex:0 0 25%!important;
        float:left!important;
    }
}

/* 大图卡片：覆盖首页/片库/搜索等页面的固定列数（手机 1 列，平板/PC 2 列） */
@media (max-width:767px){
    body.wb-video-list.layout-large .myui-vodlist>li,
    body.wb-video-home.layout-large .myui-vodlist>li,
    body.wb-video-search.layout-large .myui-vodlist>li,
    body.wb-label-page.layout-large .myui-vodlist>li,
    body.active:not(.wb-uc).layout-large .myui-vodlist>li,
    ul.myui-vodlist.wb-layout-large>li{
        width:100%!important;
        max-width:100%!important;
        flex:0 0 100%!important;
        float:none!important;
    }
}
@media (min-width:768px){
    body.wb-video-list.layout-large .myui-vodlist>li,
    body.wb-video-home.layout-large .myui-vodlist>li,
    body.wb-video-search.layout-large .myui-vodlist>li,
    body.wb-label-page.layout-large .myui-vodlist>li,
    body.active:not(.wb-uc).layout-large .myui-vodlist>li,
    body.wb-video-detail.layout-large .myui-vodlist>li,
    body.wb-video-play.layout-large .myui-vodlist>li,
    ul.myui-vodlist.wb-layout-large>li{
        width:50%!important;
        max-width:50%!important;
        flex:0 0 50%!important;
        float:left!important;
    }
}

/* 福利页：贴边布局 + 模块紧凑（stack 即 row，勿写 > .row） */
body.wb-fuli-page .wb-label-page-stack{
    padding:4px var(--wb-app-page-gutter,10px) 0!important;
}
body.wb-fuli-page .wb-label-page-stack > .container{
    padding:0!important;
}
body.wb-fuli-page .wb-fuli-page__stack{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0!important;
    padding:0!important;
}
body.wb-fuli-page .wb-fuli-page__stack > .myui-panel:first-child,
body.wb-fuli-page .wb-fuli-page__stack > .ads-slider:first-child{
    margin-top:0!important;
}
body.wb-fuli-page .wb-fuli-page__stack > .myui-panel:first-child .myui-panel-box,
body.wb-fuli-page .wb-fuli-page__stack > .myui-panel:first-child .ads-slider,
body.wb-fuli-page .wb-fuli-page__stack > .ads-slider:first-child{
    margin-top:0;
}
body.wb-fuli-page .wb-fuli-page__stack .ads-slider{
    border-radius:var(--wb-radius-panel,12px);
}
body.wb-fuli-page .wb-fuli-page__stack .myui-panel.myui-panel-bg,
body.wb-fuli-page .wb-fuli-page__stack .ads-slider{
    margin-top:0!important;
    margin-bottom:0!important;
}
body.wb-fuli-page .wb-fuli-page__stack .myui-panel.myui-panel-bg,
body.wb-fuli-page .wb-fuli-page__stack .wb-sysmsg-panel{
    padding-left:0!important;
    padding-right:0!important;
}
body.wb-fuli-page .wb-fuli-page__stack .myui-panel.myui-panel-bg .myui-panel-box,
body.wb-fuli-page .wb-fuli-page__stack .myui-panel.myui-panel-bg .myui-panel_bd,
body.wb-fuli-page .wb-fuli-page__stack .myui-panel.myui-panel-bg .hengfu-ads-container{
    padding-left:0!important;
    padding-right:0!important;
}
body.wb-fuli-page .wb-fuli-page__stack .wb-sysmsg-panel{
    margin:0!important;
    padding:8px 0!important;
}
body.wb-fuli-page .wb-fuli-page__stack .wb-sysmsg-panel + .wb-fuli-hub-panel{
    margin-top:0!important;
}
body.wb-fuli-page .wb-fuli-hub-panel,
body.wb-fuli-page .wb-fuli-hub-panel .myui-panel-box,
body.wb-fuli-page .wb-fuli-hub-panel .wb-fuli-hub-panel__box{
    padding:0!important;
}
body.wb-fuli-page .wb-fuli-hub{
    padding:10px 0 12px!important;
}
body.wb-fuli-page .wb-fuli-hub-panel__box > .wb-fuli-hub__maintabs{
    padding-left:0!important;
    padding-right:0!important;
}
@media (max-width:767px){
    body.wb-fuli-page .wb-label-page-stack{
        padding-top:2px!important;
        padding-left:var(--wb-app-page-gutter,10px)!important;
        padding-right:var(--wb-app-page-gutter,10px)!important;
    }
}

/* =============================
   扁平简洁：收敛残留描边/投影（白底不发灰）
   ============================= */
.wb-native-topbar,
#wbNativeTopbar.wb-native-topbar{
    border-bottom:none!important;
    box-shadow:none!important;
}
body.wb-video-play .myui-player__item,
body.wb-video-play #wbPcMetaBlock,
body.wb-video-play .wb-vod-report-sheet__panel,
body.wb-video-play .wb-play-lines,
.category-modal,
body:not(.wb-uc) ul.myui-page > li > a.btn-warm,
html.theme-dark ul.myui-page > li > a.btn.btn-warm{
    box-shadow:none!important;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(.wb-actor-card):not(.wb-vod-card--ad){
    box-shadow:none!important;
}
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child{
    box-shadow:none!important;
}
.wb-fab-main,
.wb-fab-fold,
.wb-fab-btn,
.search-modal-inner,
.myui-panel.myui-panel-bg,
.myui-panel.myui-panel-bg2,
.myui-panel{
    box-shadow:none!important;
}
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab.wb-tab-fab--link.active .wb-tab-fab-btn,
.myui-nav__tabbar.wb-bottom-tabbar > .item.wb-tab-fab.wb-tab-fab--link[aria-current="page"] .wb-tab-fab-btn{
    box-shadow:none!important;
}

/* =============================
   片库频道 / 列表页：去掉 panel+row 套娃，单层 gutter
   ============================= */
.wb-label-block,
.wb-video-list-block{
    width:100%;
    box-sizing:border-box;
    margin:0 0 14px;
    background:transparent;
    border:none;
    box-shadow:none;
}
.wb-label-block:last-child,
.wb-video-list-block:last-child{
    margin-bottom:0;
}
.wb-label-inner-head{
    display:flex!important;
    flex-wrap:wrap;
    align-items:baseline;
    gap:8px 14px;
    padding:12px 0 8px;
    margin:0;
    border:0;
    border-bottom:1px solid rgba(15,23,42,.06);
}
html.theme-dark .wb-label-inner-head{
    border-bottom-color:rgba(255,255,255,.08);
}
.wb-label-inner-head .title{
    float:none!important;
    margin:0!important;
    padding:0!important;
    font-size:19px;
    font-weight:900;
}
/* 播放/详情页「猜你喜欢」：上拉加载 */
body.wb-video-play .wb-vod-like-pane .wb-vod-infinite__foot,
body.wb-video-detail .wb-vod-like-pane .wb-vod-infinite__foot{
    margin:4px 0 0;
    padding:0;
}

.wb-vod-infinite__pager-hidden,
.wb-vod-infinite-root + .wb-page-nav,
.wb-search-pane:has([data-wb-vod-infinite="1"]) .wb-search-page{
    display:none!important;
}
.wb-vod-infinite__foot{
    padding:12px 0 16px;
    text-align:center;
}
.wb-vod-infinite__sentinel{
    width:100%;
    height:1px;
}
.wb-vod-infinite__hint{
    margin:8px 0 0;
    font-size:12px;
    font-weight:600;
    color:var(--wb-app-muted,#94a3b8);
}
.wb-vod-infinite__hint[data-state="loading"]{
    color:var(--wb-app-primary,#2563eb);
}
.wb-vod-infinite__hint[data-state="error"]{
    color:#ef4444;
}
.wb-vod-infinite__hint[data-state="done"]{
    color:var(--wb-app-muted,#94a3b8);
}

.wb-vod-infinite-stack{
    display:flex;
    flex-direction:column;
}
.wb-vod-infinite-stack > .myui-vodlist{
    order:2;
}
.wb-vod-infinite-stack > .wb-vod-list-meta{
    order:1;
}
.wb-vod-infinite-stack > .wb-vod-infinite__foot,
.wb-vod-infinite-stack > .wb-search-empty{
    order:3;
}
.wb-vod-infinite-stack > .wb-search-empty{
    order:2;
    width:100%;
}
.wb-vod-infinite-root--empty > .myui-vodlist[hidden]{
    display:none!important;
}
.wb-vod-infinite-root--empty > .wb-vod-infinite__foot[hidden]{
    display:none!important;
}
.wb-vod-infinite-root--empty > .wb-search-empty{
    display:block;
    padding:48px 12px 28px;
}
.wb-vod-list-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin:0 0 10px;
    padding:0 2px;
}
.wb-vod-list-meta__inner{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    min-width:0;
    font-size:13px;
    color:var(--wb-app-muted,#64748b);
}
.wb-vod-list-meta__label{
    font-weight:900;
    color:var(--wb-app-text,#172033);
}
.wb-vod-list-meta__total strong,
.wb-vod-list-meta__loaded strong{
    color:var(--wb-app-primary,#2563eb);
    font-weight:900;
}
.wb-vod-list-meta__loaded[hidden]{
    display:none!important;
}

.wb-search-empty--error{
    color:#ef4444;
}

.wb-search-overlay{
    position:fixed;
    inset:0;
    z-index:10050;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(15,23,42,.42);
    backdrop-filter:blur(6px);
}
.wb-search-overlay[hidden]{
    display:none!important;
}
html.wb-search-overlay-open,
html.wb-search-boot{
    overflow:hidden;
}
.wb-search-overlay__card{
    min-width:min(280px,100%);
    padding:22px 24px 20px;
    border-radius:20px;
    text-align:center;
    background:var(--wb-app-card,#fff);
    box-shadow:0 18px 48px rgba(15,23,42,.18);
}
.wb-search-overlay__spinner{
    width:34px;
    height:34px;
    margin:0 auto 12px;
    border:3px solid rgba(139,92,246,.18);
    border-top-color:#8b5cf6;
    border-radius:50%;
    animation:wbSearchSpin .8s linear infinite;
}
.wb-search-overlay__text{
    margin:0;
    font-size:14px;
    font-weight:700;
    color:var(--wb-app-text,#172033);
}
@keyframes wbSearchSpin{
    to{transform:rotate(360deg);}
}

.wb-video-list-main{
    width:100%;
    box-sizing:border-box;
    padding:12px 0 16px;
}
.wb-video-list-carousel{
    padding:0 0 10px;
    margin-bottom:10px;
}
body.wb-video-list > .container.wb-video-list-body{
    width:100%!important;
    max-width:var(--wb-app-shell-max,960px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:var(--wb-app-page-gutter,10px)!important;
    padding-right:var(--wb-app-page-gutter,10px)!important;
    padding-bottom:12px!important;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    gap:12px;
}
body.wb-video-list .container.wb-video-list-body > .row{
    display:contents;
}
body.wb-video-list .wb-video-list-main .myui-vodlist,
body.wb-label-page .wb-label-main .myui-vodlist{
    margin-left:-4px!important;
    margin-right:-4px!important;
}
body.wb-video-list .wb-video-list-main .myui-vodlist>li,
body.wb-label-page .wb-label-main .myui-vodlist>li{
    padding:4px!important;
}
body.wb-label-page .myui-panel.myui-panel-bg,
body.wb-video-list .myui-panel.myui-panel-bg{
    border-radius:0!important;
    margin-bottom:0!important;
    box-shadow:none!important;
}
/* 片库地图：白柱壳替代 container 叠 padding */
.wb-map-page-stack{
    width:100%;
    max-width:var(--wb-app-shell-max,960px);
    margin:0 auto;
    padding:10px 6px 24px;
    box-sizing:border-box;
    background:var(--wb-app-card,#fff);
}
.wb-map-page-stack .wb-map-hero{
    margin-bottom:14px;
}
@media (max-width:767px){
    .wb-label-page-stack{
        padding-top:10px;
    }
    .wb-map-page-stack{
        padding-top:8px;
    }
}

/* 首页分类模块：每块独立布局（覆盖 body 全局列数 + Bootstrap col-*） */
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-wide > li{
    width:50%!important;
    max-width:50%!important;
    flex:0 0 50%!important;
    float:left!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-poster > li{
    width:33.3333333%!important;
    max-width:33.3333333%!important;
    flex:0 0 33.3333333%!important;
    float:left!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-large > li{
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    float:none!important;
}
@media (min-width:768px){
    body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-wide > li{
        width:50%!important;
        max-width:50%!important;
        flex:0 0 50%!important;
        float:left!important;
    }
    body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-poster > li{
        width:33.3333333%!important;
        max-width:33.3333333%!important;
        flex:0 0 33.3333333%!important;
        float:left!important;
    }
    body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-large > li{
        width:50%!important;
        max-width:50%!important;
        flex:0 0 50%!important;
        float:left!important;
    }
}
@media (min-width:992px){
    body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-wide > li{
        width:25%!important;
        max-width:25%!important;
        flex:0 0 25%!important;
        float:left!important;
    }
    body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-poster > li{
        width:25%!important;
        max-width:25%!important;
        flex:0 0 25%!important;
        float:left!important;
    }
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-poster .myui-vodlist__detail .text{
    display:none;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-wide .myui-vodlist__thumb{
    padding-top:60%!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-poster .myui-vodlist__thumb{
    padding-top:140%!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-large .myui-vodlist__thumb{
    padding-top:56.25%!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-scroll > li{
    flex:0 0 42%!important;
    width:42%!important;
    max-width:42%!important;
    float:none!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-hero > li.wb-layout-hero__lead{
    width:100%!important;
    max-width:100%!important;
    flex:0 0 100%!important;
    float:none!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-hero > li:not(.wb-layout-hero__lead){
    width:50%!important;
    max-width:50%!important;
    flex:0 0 50%!important;
    float:left!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-hero > li.wb-layout-hero__lead .myui-vodlist__thumb{
    padding-top:56.25%!important;
}
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-scroll .myui-vodlist__thumb,
body.wb-video-home ul.myui-vodlist.wb-home-section__list.wb-layout-hero .myui-vodlist__thumb{
    padding-top:60%!important;
}

/* 播放页 brief 评分星星横排（p 内不可嵌套 ul，已改为 div） */
body.wb-video-play .wb-play-brief .wb-play-inline-stars,
body.wb-video-play .wb-play-brief ul.rating{
    display:inline-block!important;
    white-space:nowrap!important;
    font-size:0!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
    vertical-align:middle!important;
    width:auto!important;
}
body.wb-video-play .wb-play-brief .wb-play-inline-stars>li,
body.wb-video-play .wb-play-brief ul.rating>li{
    display:inline-block!important;
    float:none!important;
    width:auto!important;
    margin:0 1px 0 0!important;
    padding:0!important;
    line-height:1!important;
    font-size:10px!important;
    vertical-align:middle!important;
}
body.wb-video-play .wb-play-brief__meta-rating{
    display:inline-flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:4px!important;
    white-space:nowrap!important;
}

/* 播放页：播放器 container 全宽无左右 padding；gutter 仅 .wb-play-below / .wb-video-sub-body 各一层 */
body.wb-video-play .myui-player > .container{
    padding-left:0!important;
    padding-right:0!important;
}

/* 全屏搜索样式见 wb-search-app.css */

/* 移动端采用 App 信息架构：保留页脚源码与 PC 展示，仅在小屏隐藏网站版权/地图区。 */
@media (max-width:767px){
    .myui-foot{
        display:none!important;
    }
}