@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;
    height: env(safe-area-inset-top, 0px);
    /* 由 JS 设置 --wb-statusbar-bg，确保切换主题时无需用户交互即可立刻重绘 */
    background: var(--wb-statusbar-bg, #ffffff);
    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)); }

/* =============================
   右下角悬浮按钮 + 多功能菜单（明暗主题自适配）
   ============================= */
: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: 0 18px 55px rgba(0,0,0,.22);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    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: 1px solid var(--wb-border-2);
    background: var(--wb-surface);
    color: var(--wb-text);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity: .95;
    box-shadow: 0 18px 55px rgba(0,0,0,.22);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.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:50%;
    transform: translate(-50%,-50%) scale(.98);
    width: min(88vw, 360px);
    z-index: 10031;
    display:none;
    opacity: 0;
    transition: transform .18s ease, opacity .18s ease;
}
.wb-fabmenu.show{
    display:block;
    opacity: 1;
    transform: translate(-50%,-50%) 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: 22px;
    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(3, minmax(0, 1fr));
    gap: 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 .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);
}
.search-modal-inner{
    border-radius: 16px;
    border: none;
    box-shadow: 0 18px 60px rgba(0,0,0,.32);
    padding: 14px 14px 12px;
    background: var(--wb-surface);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}
.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-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; }
}
.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:600;
    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{
    border-radius: 14px !important;
    /* 防止关闭按钮被容器裁剪 */
    overflow: visible;
}
.layui-layer.myui-login-layer .layui-layer-content{
    border-radius: 14px !important;
    overflow: hidden;
}
html.theme-light .layui-layer.myui-login-layer .layui-layer-content{
    background: #ffffff;
}
html.theme-dark .layui-layer.myui-login-layer .layui-layer-content{
    background: #090812;
}

/* layer 登录弹窗关闭按钮修复：不用默认雪碧图，统一成圆角按钮 + “×” */
.layui-layer.myui-login-layer .layui-layer-setwin{
    right: 10px !important;
    top: 10px !important;
    z-index: 2;
}
.layui-layer.myui-login-layer .layui-layer-setwin a{
    width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 10px !important;
    text-indent: 0 !important;
    background: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.layui-layer.myui-login-layer .layui-layer-setwin a:before{
    content: "×";
    font-size: 22px;
    font-weight: 400;
    line-height: 1;
}
html.theme-light .layui-layer.myui-login-layer .layui-layer-setwin a{
    background: rgba(0,0,0,0.06) !important;
    color: #333 !important;
}
html.theme-dark .layui-layer.myui-login-layer .layui-layer-setwin a{
    background: rgba(255,255,255,0.10) !important;
    color: rgba(255,255,255,0.92) !important;
}
html.theme-light .layui-layer.myui-login-layer .layui-layer-setwin a:hover{
    background: rgba(0,0,0,0.10) !important;
}
html.theme-dark .layui-layer.myui-login-layer .layui-layer-setwin a:hover{
    background: rgba(255,255,255,0.16) !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; }
}

/* =============================
   会员中心：快捷入口（收藏/播放/下载/推广）纵向一列 + 渐变按钮
   ============================= */
.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; }
}

/* =============================
   影片卡片布局切换（横版/竖版）
   - 横版：沿用现有比例
   - 竖版：海报比例 + 列数更密
   ============================= */
body.layout-wide .myui-vodlist__thumb{ padding-top: 60% !important; }
body.layout-poster .myui-vodlist__thumb{ padding-top: 140% !important; }

/* 默认改为横版封面（即使 JS 初始化失败也生效）；仍可通过 layout-poster 切回竖版 */
body:not(.layout-poster) .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-poster .myui-vodlist__detail .text{ display:none; }

/* 横向封面（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;
    }
}

/* 仅影响常规影片列表（避免影响媒体列表/演员等模块） */
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: 0 2px 20px rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.myui-header__top:hover {
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.12);
}

/* 模块间距：很多模块使用 `.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:600;
    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;
    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;
    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:var(--wb-tabbar-pill);
}
.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);
}
/* 按压：轻量缩放，无弹跳 */
.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(440px, calc(var(--wb-app-shell-max) - 20px), calc(100vw - 24px));
        max-width: none;
        /* 整体在底栏之上，避免被 .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(4, minmax(0, 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;
    }

/* =============================
   片库 /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:#f6f7fb;
    --wb-app-card:#ffffff;
    --wb-app-card-soft:#f8fafc;
    --wb-app-text:#172033;
    --wb-app-muted:#7b8798;
    --wb-app-border:rgba(17,24,39,.08);
    --wb-app-shadow:0 16px 42px rgba(15,23,42,.08);
    --wb-app-shadow-soft:0 10px 28px rgba(15,23,42,.06);
    --wb-app-radius:22px;
    --wb-app-radius-sm:16px;
    /* 与全站 --wb-accent 对齐：避免底栏/菜单「先紫后蓝」的交互色差 */
    --wb-app-primary:#2563eb;
    --wb-app-primary-2:#1d4ed8;
    --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-bg:#ffffff;
    /* 底栏：明暗共用结构，仅变量不同 */
    --wb-tabbar-bg:#ffffff;
    --wb-tabbar-border:rgba(17,24,39,.10);
    --wb-tabbar-fg:#94a3b8;
    --wb-tabbar-fg-active:var(--wb-app-primary);
    --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:#5b8ec9;
    --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:rgba(255,255,255,.10);
    --wb-app-shadow:0 18px 46px rgba(0,0,0,.34);
    --wb-app-shadow-soft:0 12px 32px rgba(0,0,0,.24);
    --wb-app-primary:#3b82f6;
    --wb-app-primary-2:#60a5fa;
    --wb-app-gradient:linear-gradient(135deg,#2563eb 0%,#38bdf8 55%,#22d3ee 100%);
    --wb-tabbar-bg:#0d1020;
    --wb-tabbar-border:rgba(255,255,255,.10);
    --wb-tabbar-fg:#8e9194;
    --wb-tabbar-fg-active:var(--wb-app-primary);
    --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;
}
/* 移动端「猜你喜欢」等：ul 为 .myui-vodlist__bd，强制 2 列（避免与 ≥768px 三列规则或栅格缓存叠加成 4 列观感） */
@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{
        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-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 > .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));
}
/* 页脚：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-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{
        padding-left:0!important;
        padding-right:0!important;
    }
    body.wb-label-page .myui-panel_hd{
        padding-left:10px!important;
        padding-right:10px!important;
    }
    body.wb-label-page .myui-panel_bd{
        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{
        padding-left:6px!important;
        padding-right:6px!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;
}
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{
    border-radius:0 !important;
    margin-bottom:0 !important;
}
body.wb-video-play .myui-player > .container > .row,
body.wb-video-play > .container > .row,
body.wb-video-detail .myui-container-bg .container > .row{
    gap:0 !important;
}
body.wb-co-community-page .wb-co-hub,
body.wb-co-community-index .wb-co-hub{
    padding-bottom:0;
    width:100%;
    max-width:none;
    margin:0;
    padding-left:0;
    padding-right:0;
    box-sizing:border-box;
}
body.wb-co-community-index .wb-co-feed-body{
    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:0 8px;
}
/* 与固定系统顶栏之间留白（全部影片 / 最新 / 排行） */
body.wb-label-page .wb-label-page-stack{
    padding-top:12px;
    box-sizing:border-box;
}
@media (max-width:767px){
    body.wb-label-page .wb-label-page-stack{
        padding-top:10px;
    }
    .wb-label-page-stack{
        padding-left:6px!important;
        padding-right:6px!important;
    }
}
body.wb-label-page .wb-label-page-stack > .container{
    margin-top:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
}
/* 社区统一栏圆角由 wb_co_community_tabs 内联样式控制，此处不再强制抹平 */
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:1px solid var(--wb-app-border,rgba(17,24,39,.08))!important;
    box-shadow:0 12px 34px rgba(15,23,42,.08)!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:0 12px 34px rgba(0,0,0,.34)!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,
body.wb-video-home #header-top,
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:0 10px 24px rgba(37,99,235,.22);
    transform:translateY(-1px);
}
.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:1px solid var(--wb-app-border);
    box-shadow:var(--wb-app-shadow-soft);
    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:7px!important;}
.myui-vodlist__box{
    border-radius:18px;
    overflow:hidden;
    background:var(--wb-app-card);
    position:relative;
    transform:translateZ(0);
    transition:transform .22s cubic-bezier(.2,.9,.2,1),box-shadow .2s ease;
}
.myui-vodlist__box:hover{
    transform:translateY(-3px);
    box-shadow:var(--wb-app-shadow);
}
/* 视频列表卡片：光影扫光（fulisq xl-video-card 同款，排除演员/广告位） */
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb))::before{
    content:'';
    position:absolute;
    inset:-2px;
    background:radial-gradient(120px 80px at 20% 0%,rgba(249,115,22,.18),rgba(255,255,255,0) 60%),
                radial-gradient(160px 120px at 90% 10%,rgba(59,130,246,.10),rgba(255,255,255,0) 65%);
    opacity:0;
    transition:opacity .22s ease;
    pointer-events:none;
    z-index:4;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb))::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(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)) > *{
    position:relative;
    z-index:2;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)) .myui-vodlist__thumb::before{
    content:'';
    position:absolute;
    inset:-2px;
    background:radial-gradient(120px 80px at 20% 0%,rgba(249,115,22,.16),rgba(255,255,255,0) 60%),
                radial-gradient(160px 120px at 90% 10%,rgba(59,130,246,.10),rgba(255,255,255,0) 65%);
    opacity:.35;
    transition:opacity .22s ease;
    pointer-events:none;
    z-index:1;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)) .myui-vodlist__thumb:not(.actor):not(.ad-thumb){
    overflow:hidden;
    transition:transform .35s cubic-bezier(.2,.9,.2,1);
    will-change:transform;
}
html.theme-dark body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb))::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(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)):hover{
        transform:translateY(-2px) scale(1.02);
        box-shadow:none;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)):hover::before{
        opacity:1;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)):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(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)):hover .myui-vodlist__thumb{
        transform:scale(1.05);
    }
}
@media (hover:none){
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)):active{
        transform:translateY(-1px) scale(1.015);
        box-shadow:none;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)):active::before{
        opacity:1;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)):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(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)):active .myui-vodlist__thumb{
        transform:scale(1.04);
    }
}
@media (prefers-reduced-motion:reduce){
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb))::after{
        display:none;
    }
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)),
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)) .myui-vodlist__thumb{
        transition:none!important;
    }
}
/* 列表「最近点击」：站点蓝系角标（与 fulisq 橙边/扫光区分） */
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)){
    transform:translateY(-2px);
    box-shadow:0 10px 28px color-mix(in srgb, var(--wb-accent, #2563eb) 22%, transparent),
                0 0 0 1px color-mix(in srgb, var(--wb-accent, #2563eb) 38%, var(--wb-app-border, #e2e8f0));
    background:color-mix(in srgb, var(--wb-accent-soft, rgba(37,99,235,.14)) 42%, var(--wb-app-card, #fff));
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb))::before{
    inset:auto;
    left:0;
    top:10px;
    bottom:10px;
    width:4px;
    height:auto;
    border-radius:0 4px 4px 0;
    background:linear-gradient(180deg, var(--wb-accent, #2563eb) 0%, #06b6d4 100%);
    opacity:1;
    filter:none;
    box-shadow:0 0 12px color-mix(in srgb, var(--wb-accent, #2563eb) 45%, transparent);
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb))::after{
    opacity:0!important;
    transform:none!important;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)) .myui-vodlist__thumb::before{
    opacity:0!important;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)) .myui-vodlist__thumb{
    transform:none;
    box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wb-accent, #2563eb) 28%, transparent);
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)) .myui-vodlist__thumb::after{
    content:'看过';
    position:absolute;
    top:8px;
    right:8px;
    z-index:6;
    padding:2px 8px;
    border-radius:999px;
    font-size:10px;
    font-weight:800;
    line-height:1.35;
    letter-spacing:.02em;
    color:#fff;
    background:linear-gradient(135deg, var(--wb-accent, #2563eb) 0%, #4f46e5 100%);
    box-shadow:0 4px 12px color-mix(in srgb, var(--wb-accent, #2563eb) 35%, transparent);
    pointer-events:none;
}
body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked .myui-vodlist__detail .title a{
    color:var(--wb-accent, #2563eb);
    font-weight:900;
}
html.theme-dark body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)){
    background:color-mix(in srgb, var(--wb-accent-soft, rgba(37,99,235,.14)) 28%, var(--wb-app-card, #141826));
    box-shadow:0 12px 32px rgba(0,0,0,.35),
                0 0 0 1px color-mix(in srgb, var(--wb-accent, #60a5fa) 45%, transparent);
}
@media (prefers-reduced-motion:reduce){
    body:not(.wb-uc) ul.myui-vodlist .myui-vodlist__box.is-last-clicked:not(:has(.myui-vodlist__thumb.actor)):not(:has(.ad-thumb)){
        transform:none;
    }
}
.myui-vodlist__thumb{
    border-radius:16px!important;
    overflow:hidden;
    background-color:var(--wb-app-card-soft);
}
.myui-vodlist__detail{
    padding:9px 2px 0;
}
.myui-vodlist__detail .title a{
    color:var(--wb-app-text);
    font-weight:800;
}
.myui-vodlist__detail .text{color:var(--wb-app-muted)!important;}
.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:24px!important;
    background:var(--wb-app-card)!important;
    border:1px solid var(--wb-app-border)!important;
    box-shadow:var(--wb-app-shadow)!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:0 12px 28px rgba(37,99,235,.18);
}
html.theme-dark .btn.btn-warm,
html.theme-dark .btn.btn-primary{
    background:var(--wb-app-gradient)!important;
    box-shadow:0 12px 28px rgba(37,99,235,.18);
}
.btn.btn-info{color:#fff!important;background:var(--wb-app-warm-gradient)!important;box-shadow:0 12px 28px rgba(249,115,22,.14);}
.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:18px;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 12px 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;}
    .myui-vodlist__thumb{border-radius:14px!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{
    border-radius:22px;
    overflow:hidden;
}
body.wb-video-home .wb-home-quick-panel{
    margin-top:0;
    box-shadow:var(--wb-app-shadow);
}
body.wb-video-home .wb-home-quick-panel .myui-panel_bd.col-pd{
    padding-top:0;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:14px;
}
body.wb-video-home .wb-continue-panel .myui-panel_bd.col-pd{
    padding-top:0;
    padding-left:12px;
    padding-right:12px;
    padding-bottom:14px;
}
body.wb-video-home .wb-home-quick-stats{
    gap:12px;
}
body.wb-video-home .wb-home-quick-stat{
    min-height:112px;
    background:linear-gradient(180deg,var(--wb-app-card),var(--wb-app-card-soft));
    box-shadow:0 12px 28px rgba(15,23,42,.06);
    border:0!important;
}
body.wb-video-home .wb-home-quick-stat__body b{
    color:var(--wb-app-text);
}
body.wb-video-home .wb-home-quick-stat__body em{
    color:var(--wb-app-text);
    font-weight:800;
    font-variant-numeric:tabular-nums;
    letter-spacing:-0.02em;
}
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:800;
}
body.wb-video-home .myui-panel__head .nav.nav-text .split-line{display:none;}
@media (max-width:767px){
    body.wb-video-home > .container>.row{gap:10px;}
    body.wb-video-home .wb-home-quick-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;}
    body.wb-video-home .wb-home-quick-stat{
        min-height:102px!important;
        padding:10px 5px 10px!important;
        border:0!important;
        border-radius:14px;
        gap:7px;
        overflow:visible!important;
    }
    body.wb-video-home .wb-home-quick-stat__icon{width:40px;height:40px;border-radius:13px;font-size:18px;}
    body.wb-video-home .wb-home-quick-stat__body{gap:4px;}
    body.wb-video-home .wb-home-quick-stat__body b{font-size:11px;line-height:1.15;}
    body.wb-video-home .wb-home-quick-stat__body em{font-size:12px;line-height:1.2;color:var(--wb-app-text)!important;}
}

/* 首页：顶栏与首屏轮播紧贴；模块标题字号/间距统一 */
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{
    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{
    margin-top:0;
}
body.wb-video-home .myui-panel-box > .myui-panel_hd,
body.wb-video-home .wb-home-quick-panel > .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{
    padding:10px 12px 0!important;
    background:transparent!important;
    border:0!important;
}
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 12px 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;
    font-size:18px!important;
    font-weight:800!important;
    line-height:1.35!important;
    color:var(--wb-app-text)!important;
}
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:12px!important;
    font-weight:700!important;
    color:var(--wb-app-muted)!important;
}
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;
}

/* 返回顶部：左下悬浮，避开右侧多功能/社区发布钮 */
.myui-extra.wb-backtop-extra{
    position:fixed;
    left:max(12px, env(safe-area-inset-left, 0px));
    right: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:24px;
    color:#fff;
    background:var(--wb-app-gradient);
    box-shadow:0 18px 42px rgba(37,99,235,.22);
    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:22px;
    background:var(--wb-app-card)!important;
    border:1px solid var(--wb-app-border);
    box-shadow:var(--wb-app-shadow-soft);
    overflow:hidden;
}
body.wb-video-list .myui-screen__list{
    display:flex;
    align-items:center;
    gap:8px;
    overflow-x:auto;
    padding:4px 0;
    margin:0 0 8px;
    scrollbar-width:none;
}
body.wb-video-list .myui-screen__list::-webkit-scrollbar{display:none;}
body.wb-video-list .myui-screen__list>li{float:none;padding:0;}
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 .flickity{
    border-radius:22px;
    overflow:hidden;
}

/* 分页：胶囊按钮 + 垂直居中（覆盖旧主题的 float 宽度分配） */
ul.myui-page{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:8px!important;
    margin:18px 4px 24px!important;
    padding:0!important;
    list-style:none!important;
}
ul.myui-page > li{
    float:none!important;
    display:flex!important;
    width:auto!important;
    max-width:100%;
    margin:0!important;
    padding:0!important;
}
ul.myui-page > li > a.btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 14px!important;
    margin:0!important;
    border-radius:999px!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.25!important;
    box-sizing:border-box!important;
    border:1px solid var(--wb-app-border, rgba(15,23,42,.12))!important;
    background:var(--wb-app-card-soft, #f1f5f9)!important;
    color:var(--wb-app-text, #0f172a)!important;
}
html.theme-dark ul.myui-page > li > a.btn{
    border-color:rgba(148,163,184,.25)!important;
    background:rgba(30,41,59,.75)!important;
    color:#e2e8f0!important;
}
/* 深色：当前页/移动端页码胶囊需双 class 提高优先级，否则上一段 .btn 会把 btn-warm 渐变盖掉 */
html.theme-dark ul.myui-page > li > a.btn.btn-warm,
html.theme-dark ul.myui-page > li.visible-xs > a.btn.btn-warm{
    background:var(--wb-app-gradient, linear-gradient(135deg,#6366f1,#8b5cf6))!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 10px 28px rgba(99,102,241,.42)!important;
}
ul.myui-page > li > a.btn-warm,
ul.myui-page > li.visible-xs > a.btn-warm{
    background:var(--wb-app-gradient, linear-gradient(135deg,#6366f1,#8b5cf6))!important;
    color:#fff!important;
    border-color:transparent!important;
    box-shadow:0 10px 24px rgba(99,102,241,.25)!important;
}
ul.myui-page > li.visible-xs > a.btn-warm{
    pointer-events:none;
    cursor:default;
}
ul.myui-page > li > a.btn:active{
    transform:scale(.97);
    filter:brightness(.96);
}
html.theme-dark ul.myui-page > li > a.btn:active{
    filter:brightness(1.08);
    box-shadow:0 0 0 2px rgba(96,165,250,.4)!important;
}
ul.myui-page > li > a.btn-warm:active{
    filter:brightness(.92);
    transform:scale(.97);
}
ul.myui-page > li > a.btn:focus-visible{
    outline:2px solid rgba(99,102,241,.5);
    outline-offset:2px;
}
html.theme-dark ul.myui-page > li > a.btn:focus-visible{
    outline-color:rgba(147,197,253,.55);
}
@media (max-width:374px){
    ul.myui-page{gap:6px!important;}
    ul.myui-page > li > a.btn{
        padding:0 10px!important;
        font-size:12px!important;
        min-height:36px!important;
    }
}
@media (max-width:767px){
    .wb-list-hero{padding:16px;border-radius:20px;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 .myui-container-bg>.container>.row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:16px;
    align-items:start;
    width:100%;
    margin-left:0!important;
    margin-right:0!important;
}
body.wb-video-detail .col-md-wide-7,
body.wb-video-detail .col-md-wide-3{
    width:auto!important;
    float:none!important;
    padding-left:0!important;
    padding-right:0!important;
}
body.wb-video-detail .myui-container-bg>.container>.row>.col-md-wide-7{
    grid-column:1;
    min-width:0;
}
body.wb-video-detail .myui-container-bg>.container>.row>.myui-sidebar{
    grid-column:2;
    min-width:0;
}
.wb-vod-detail-card>.myui-panel-box>.col-xs-1:first-child{
    display:flex;
    align-items:center;
    gap:7px;
    padding:14px 16px 0;
    color:var(--wb-app-muted);
    font-size:12px;
}
.wb-vod-detail-card>.myui-panel-box>.col-xs-1:nth-child(2){
    display:grid;
    grid-template-columns:220px minmax(0,1fr);
    gap:22px;
    padding:16px;
}
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:0 18px 44px rgba(15,23,42,.18);
}
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{
    padding:4px 0 0;
}
body.wb-video-detail .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{
    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{
    color:var(--wb-app-warm);
    font-size:18px;
    font-weight:900;
}
body.wb-video-detail .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{
    border-radius:15px;
    background:var(--wb-app-card-soft);
    border:1px solid var(--wb-app-border);
}
body.wb-video-detail .wb-vod-chip{
    padding:8px 10px;
}
body.wb-video-detail .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{
    color:var(--wb-app-text);
    line-height:1.8;
    font-size:14px;
}
body.wb-video-detail .wb-vod-desc-tags__chips{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
body.wb-video-detail .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{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    padding:10px;
}
body.wb-video-detail .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{
    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);
}
body.wb-video-detail .myui-container-bg>.container>.row{display:block!important;}
body.wb-video-detail .myui-container-bg>.container>.row>.col-md-wide-7{
    width:100%!important;
    max-width:none!important;
    display:block!important;
}
body.wb-video-detail .myui-sidebar{display:none!important;}
@media (max-width:767px){
    .wb-vod-detail-card>.myui-panel-box>.col-xs-1:nth-child(2){
        display:block!important;
        padding:12px!important;
    }
    .wb-vod-detail-card>.myui-panel-box>.col-xs-1:first-child{
        padding:12px 12px 0!important;
        overflow-x:auto!important;
        white-space:nowrap!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:18px!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{padding:7px 9px;}
    body.wb-video-detail #rating .rating{
        display:flex!important;
        flex-wrap:nowrap!important;
    }
    body.wb-video-detail .wb-vod-meta-chips{gap:6px;}
    body.wb-video-detail .wb-vod-chip{padding:6px 8px;font-size:12px;}
    body.wb-video-detail .wb-vod-meta-text{display:none;}
    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{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:10px;
}
body.wb-video-play .myui-player>.container>.row>.myui-panel:first-child{
    margin-bottom:0;
    border-radius:20px;
    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:24px;
    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:flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    margin:0;
    overflow-x:auto;
    background:var(--wb-app-card);
    border-top:1px solid rgba(148,163,184,.14);
    border-bottom:1px solid rgba(148,163,184,.12);
    scrollbar-width:none;
}
body.wb-video-play .myui-player__operate::-webkit-scrollbar{display:none;}
body.wb-video-play .myui-player__operate>li{
    float:none!important;
    flex:0 0 auto;
    padding:0!important;
}
body.wb-video-play .myui-player__operate>li>a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-width:70px;
    height:38px;
    padding:0 14px;
    border-radius:999px;
    color:var(--wb-app-text)!important;
    background:var(--wb-app-card-soft);
    border:1px solid var(--wb-app-border);
    font-weight:800;
    text-decoration:none!important;
    box-shadow:none;
}
body.wb-video-play .myui-player__operate>li>a:hover{
    color:#fff!important;
    border-color:transparent;
    background:var(--wb-app-gradient);
}
body.wb-video-play .wb-play-community-share{
    margin:0;
    padding:18px 18px 20px;
    border-radius:0;
    background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(249,115,22,.08));
    border:0;
    box-shadow:none;
}
body.wb-video-play .wb-play-community-share__title{
    color:var(--wb-app-text);
    font-weight:900;
}
body.wb-video-play .wb-play-community-share__desc{
    color:var(--wb-app-muted);
}
body.wb-video-play .wb-play-task-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:12px;
}
body.wb-video-play .wb-play-task-grid span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    min-height:32px;
    padding:0 10px;
    border-radius:999px;
    background:rgba(255,255,255,.82);
    color:#64748b;
    font-size:12px;
    font-weight:800;
    min-width:0;
}
body.wb-video-play .wb-play-task-grid .fa{
    color:var(--wb-app-primary);
}
body.wb-video-play .wb-play-community-share__btn{
    background:var(--wb-app-gradient);
    box-shadow:0 12px 28px rgba(37,99,235,.18);
}
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:24px;
    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;
    border-radius:18px;
}
body.wb-video-play #wbPcMetaBlock{
    margin-top:12px;
    padding:14px 16px;
    border-radius:20px;
    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:min(1320px,100%)!important;
    max-width:1320px!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:24px 24px 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 .myui-player__operate{padding:9px 12px;}
    body.wb-video-play .myui-player__operate>li>a{min-width:62px;height:34px;padding:0 11px;font-size:12px;}
    body.wb-video-play .wb-play-community-share{align-items:flex-start;padding:16px;}
    body.wb-video-play .wb-play-task-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:8px;
    }
    body.wb-video-play .wb-play-task-grid span{
        justify-content:flex-start;
        min-height:34px;
        padding:0 8px;
        font-size:12px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    body.wb-video-play .wb-play-community-share__btn{width:100%;}
}

/* 播放页底部：影片评论（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 改版修正：避免全局覆盖导致内容缩小、导航错位 */
.myui-panel_bd.clearfix{
    padding:10px 12px;
}
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;
}
.wb-fabmenu#wbFabMenu,
#wbFabMenu.wb-fabmenu{
    width:min(440px, calc(var(--wb-app-shell-max) - 20px), calc(100vw - 28px))!important;
}
/* 底边咬口：由 .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 10px;}
    .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{width:min(440px, 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{
    padding-top:calc(env(safe-area-inset-top, 0px) + var(--top-floating-ad-height, 0px) + var(--wb-native-topbar-h, 44px)) !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: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:7px;
}
@media (max-width:767px){
    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:100%!important;
        padding-left:6px!important;
        padding-right:6px!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: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;
    /* 与主内容 .container 横向 gutter 一致（宽屏 8px） */
    padding:0 8px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    align-items:center;
    gap:8px;
    box-sizing:border-box;
    background:var(--wb-topbar-bg,#ffffff);
    border-bottom:1px solid var(--wb-app-border, rgba(17,24,39,.08));
    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;
    gap:8px;
}
@media (max-width:767px){
    :root{
        --wb-native-topbar-h:44px;
        --myui-header-height:44px;
    }
    .wb-native-topbar{
        /* 与移动端 .container 6px 对齐 */
        padding-left:6px;
        padding-right:6px;
        grid-template-columns:44px minmax(0,1fr) 44px;
    }
    .wb-native-topbar__back,
    .wb-native-topbar__actions a{
        width:44px;
        height:44px;
    }
}

/* 固定原生顶栏已含返回时，去掉片库 hub / 社区空间头图上的第二颗返回 */
body:has(#wbNativeTopbar) .wb-label-hub__top{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    justify-items:stretch;
    align-items:start;
}
body:has(#wbNativeTopbar) .wb-label-hub__back,
body:has(#wbNativeTopbar) .wb-label-hub__top > span[aria-hidden="true"]{
    display:none !important;
}
body:has(#wbNativeTopbar) .wb-label-hub__main{
    min-width:0;
    width:100%;
    text-align:center;
}
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{
    padding:8px!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{
    padding:8px!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{
    margin-left:-4px!important;
    margin-right:-4px!important;
}
body.wb-video-home .myui-vodlist>li,
body.wb-video-search .myui-vodlist>li,
body.wb-video-detail .myui-vodlist>li,
body.wb-video-play .myui-vodlist>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;
}
body.wb-video-play .wb-play-earn-card{
    align-items:center;
    padding:14px;
}
body.wb-video-play .wb-play-earn-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
}
body.wb-video-play .wb-play-community-share__btn--share{
    background:linear-gradient(135deg,#f97316,#fb923c)!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 .myui-player>.container,
    body.wb-video-play> .container{
        padding-left:6px!important;
        padding-right:6px!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:5px!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{
        margin-left:-3px!important;
        margin-right:-3px!important;
    }
    body.wb-video-home .myui-vodlist>li,
    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-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;
    }
    body.wb-video-play .wb-play-earn-actions{
        margin-top:10px;
    }
    body.wb-video-play .wb-play-community-share__btn{
        flex:1 1 calc(50% - 4px);
    }
}

/* 首页移动端顶部：强制三列等宽侧栏，确保 Logo 真正居中，按钮在各自区域内水平/垂直居中 */
@media (max-width:767px){
    body.wb-video-home #header-top{
        height:44px!important;
        min-height:44px!important;
        /* 与 .container 左右 6px 对齐，避免顶栏按钮与下方卡片错位 */
        padding:0 6px!important;
        display:flex!important;
        align-items:center!important;
        box-sizing:border-box!important;
    }
    body.wb-video-home #header-top .container,
    body.wb-video-home #header-top .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 .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 .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:flex-start!important;
        margin:0!important;
    }
    body.wb-video-home #header-top .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 .myui-header__logo .logo{
        height:44px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
    }
    body.wb-video-home #header-top .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 .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:flex-end!important;
        gap:0!important;
        margin:0!important;
        padding:0!important;
    }
    body.wb-video-home #header-top .myui-header__left .header-left-btn,
    body.wb-video-home #header-top .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 .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 .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 .myui-player > .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 .container,
    body.wb-video-home #header-top .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,
    body.wb-video-home #header-top,
    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;
        /* 与 ≥768 时 .container 左右 8px 对齐 */
        padding:0 8px!important;
    }
    body.active:not(.wb-uc) #header-top .myui-header_bd,
    body.wb-video-home #header-top .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 .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 .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 .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 .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 .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 .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 .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 .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 .myui-header__left .header-left-btn,
    body.wb-video-home #header-top .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;
    }
    /* 片库网格：平板 / PC 三列（手机仍由 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,
    /* 猜你喜欢等：ul 为 .myui-vodlist__bd，非 .myui-vodlist */
    body.wb-video-detail .myui-panel_bd ul.myui-vodlist__bd > li,
    body.wb-video-play .myui-panel_bd ul.myui-vodlist__bd > 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;
    }
}

/* 福利页：轮播 + 系统消息 + Tab 宫格（与首页首屏模块一致间距） */
body.wb-fuli-page .wb-fuli-page__stack > .myui-panel: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{
    margin-top:0;
}
body.wb-fuli-page .wb-fuli-page__stack .ads-slider{
    border-radius:12px;
}
body.wb-fuli-page .wb-fuli-page__stack .wb-sysmsg-panel{
    margin-top:0;
}
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-top:0;
}