@charset "utf-8";

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

:root{
    --myui-header-height: 60px;
    /* 顶部悬浮轮播高度（轮播显示时由JS动态写入），默认0 */
    --top-floating-ad-height: 0px;
    /* 底部悬浮轮播高度（轮播显示时由JS动态写入），默认0 */
    --bottom-floating-ad-height: 0px;

    /* 主题变量：用于搜索弹窗/侧边栏等组件，默认按明色（歪宝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);
}

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

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

/* 通用主按钮 */
body.theme-light .btn.btn-primary,
body.theme-light .btn.btn-warm,
body.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/公告弹层的强调色 */
body.theme-light .myui-notice-pop a{ border-bottom-color: rgba(37,99,235,.45); }
body.theme-light .myui-notice-btn--primary{
    background: rgba(37,99,235,.14) !important;
    border-color: rgba(37,99,235,.45) !important;
}
body.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{
    /* 主体整体下移：顶部轮播高度 + header高度，避免导航遮挡内容 */
    padding-top: calc(var(--top-floating-ad-height) + var(--myui-header-height));
    /* 主体底部上移：避免底部悬浮轮播挡住页脚/底部内容 */
    padding-bottom: var(--bottom-floating-ad-height);
}

/* 深色主题变量覆盖（shenlanse.css 会进一步做细节色彩适配） */
body.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;
}
/* 兼容：旧逻辑仍保留 body.theme-dark，但以变量为准 */
body.theme-dark .wb-statusbar{ background: var(--wb-statusbar-bg, #090812); }

/* =============================
   右下角悬浮按钮 + 多功能菜单（明暗主题自适配）
   ============================= */
: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;
}
body.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;
    background: var(--wb-overlay);
    animation: fadeIn .22s ease;
}
.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{
    border-radius: 22px;
    border: 1px solid var(--wb-border);
    background: var(--wb-surface);
    box-shadow: 0 26px 90px rgba(0,0,0,.55);
    padding: 14px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}
.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;
}
.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);
}
body.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);
}
.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);
}
body.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;
}
body.theme-dark .wb-url-copy{ background: rgba(255,255,255,.70); }
.wb-url-empty{
    padding: 10px 2px;
    font-size: 13px;
    opacity: .7;
}

/* 返回顶部：独立按钮（滚动后显示） */
.wb-backtop{
    position: fixed;
    right: 12px;
    bottom: 80px;
    z-index: 10004;
    display:flex;
    align-items:center;
    justify-content:center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    border: none;
    background: var(--wb-fab-main-bg);
    color: var(--wb-fab-main-fg);
    box-shadow: 0 18px 55px rgba(0,0,0,.22);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: transform .18s ease, opacity .18s ease, filter .15s ease;
    cursor: pointer;
}
.wb-backtop.show{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
.wb-backtop i{ font-size: 20px; opacity: .92; }
.wb-backtop:hover{ filter: brightness(1.04); }
.wb-backtop:active{ transform: scale(.97); filter: brightness(1.02); }

/* =============================
   去边框：侧边栏 + 多功能菜单（按需求移除所有 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,
.wb-backtop{
    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);
    animation: fadeIn .25s ease;
}
.search-modal-overlay.show{ display:block; }
.search-modal{
    position:fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%) scale(.98);
    width:min(92vw, 520px);
    z-index:10021;
    display:none;
    opacity:0;
    transition: transform .22s ease, opacity .22s ease;
}
.search-modal.show{
    display:block;
    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-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;
}

/* 浅色下阴影更柔和 */
body.theme-light .search-modal-inner{
    box-shadow: 0 14px 40px rgba(15,23,42,.12);
}
body.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);
}
body.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:block;
    position:fixed;
    top:0;
    left:-100%;
    right:auto;
    width:65%;
    max-width:500px;
    height:100vh;
    z-index:9999;
    overflow:hidden;
    transition:left .4s cubic-bezier(.4,0,.2,1);
    background: var(--wb-surface);
    color: var(--wb-text);
    box-shadow: 4px 0 22px rgba(0,0,0,.25);
}
.category-modal.show{ left:0; right:auto; }
.category-modal-header{
    padding: 30px 20px 25px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    gap: 12px;
    text-align:center;
    border-bottom: 1px solid var(--wb-border);
}
.category-modal-header .header-logo{
    width:auto;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    padding:0;
    box-sizing:border-box;
    position:relative;
    flex-shrink:0;
}
.category-modal-header .header-logo img{
    width:auto;
    height:100%;
    max-width:200px;
    object-fit:contain;
    display:block;
}
.category-modal-header .header-logo .logo-fallback{
    display:none;
    width:auto;
    height:50px;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:bold;
    padding:10px 20px;
    border-radius:6px;
}
.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{
    position:absolute;
    top:25px;
    right:20px;
    border:none;
    width:32px;
    height:32px;
    border-radius:50%;
    cursor:pointer;
    font-size:18px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    z-index:10;
    transition: all .3s ease;
    background: var(--wb-surface-2);
    border: 1px solid var(--wb-border-2);
    color: var(--wb-text);
}
.category-modal-close:hover{ background: rgba(255,255,255,.10); }
.category-modal-close:active{ transform: scale(.96); }
.category-modal-body{
    padding:20px 20px 30px;
    overflow-y:auto;
    height:calc(100vh - 200px);
    -webkit-overflow-scrolling:touch;
}

/* “展开面板”新版布局：登录/注册 + 快捷入口 */
.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%, #f97316 100%) !important;
}
.category-quick-item.wb-quick-hot{
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 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);
}
.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);
}
body.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);
}
body.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);
}
body.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);
}
body.theme-light .category-topic-name{ color: rgba(255,255,255,.96); }
body.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;
}
body.theme-light .layui-layer.myui-login-layer .layui-layer-content{
    background: #ffffff;
}
body.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;
}
body.theme-light .layui-layer.myui-login-layer .layui-layer-setwin a{
    background: rgba(0,0,0,0.06) !important;
    color: #333 !important;
}
body.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;
}
body.theme-light .layui-layer.myui-login-layer .layui-layer-setwin a:hover{
    background: rgba(0,0,0,0.10) !important;
}
body.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;
}

/* 标题栏：跟随主题，简约风 */
body.theme-light .layui-layer.myui-notice-layer .layui-layer-title{
    background: rgba(255,255,255,.90) !important;
    color: #1f2d3d !important;
}
body.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;
}
body.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;
}
body.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;
}
body.theme-light .myui-notice-pop{ color: #1f2d3d; }
body.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;
}
body.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;
}
body.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;
}
body.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;
}
body.theme-light .myui-profile-tabs > li > a{
    background: #f6f8fb;
    color: #334155;
    border-color: #edf1f6;
}
body.theme-dark .myui-profile-tabs > li > a{
    background: rgba(255,255,255,0.06);
    color: rgba(255,255,255,0.82);
    border-color: rgba(255,255,255,0.10);
}
.myui-profile-tabs > li.active > a{
    transform: translateY(-1px);
}
body.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);
}
body.theme-dark .myui-profile-tabs > li.active > a{
    background: linear-gradient(135deg, var(--uc-primary, #2563eb) 0%, #4f46e5 55%, #06b6d4 120%);
    color: rgba(255,255,255,0.96);
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(0,0,0,0.35);
}

/* 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;
}
body.theme-light .myui-profile-tab-panel.is-loading:after{
    background: rgba(255,255,255,0.75);
    color: #64748b;
}
body.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:70%; max-width:none; }
    .category-modal-body{ padding:16px 14px 20px; height: calc(100vh - 180px); }
    .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);
}

/* 表单控件统一 */
.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; }

/* 主题适配：默认按深色；浅色下更干净 */
body.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);
}
body.theme-light .myui-auth__divider{ background: rgba(31,45,61,.10); }
body.theme-light .myui-auth .form-control{
    background: rgba(31,45,61,.04);
    border-color: rgba(31,45,61,.10);
    color: #1f2d3d;
}
body.theme-light .myui-auth .form-control::placeholder{ color: rgba(31,45,61,.45); }
body.theme-light .myui-auth__oauth-icons a{
    background: rgba(31,45,61,.04);
    border-color: rgba(31,45,61,.10);
}
body.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-wide 切回横版 */
body:not(.layout-wide) .myui-vodlist__thumb{ padding-top: 140% !important; }

/* 首页“分类模块”级别布局覆盖（同一页多个分类，不能用 body class 统一控制）
   注意：必须比 `body:not(.layout-wide) .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: 25% !important; } /* 平板 4列 */
}
@media (min-width: 992px){
    body.layout-poster ul.myui-vodlist > li{ width: 20% !important; } /* 桌面 5列 */
}
@media (min-width: 1200px){
    body.layout-poster ul.myui-vodlist > li{ width: 16.6666667% !important; } /* 大屏 6列 */
}

/* 竖版下隐藏部分冗余信息，让卡片更紧凑 */
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: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    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;
}

.top-fixed-down {
    margin-top: -370px;
}


/* 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 中已定义完整样式） */
body.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; /* 防止内容超出圆角 */
}

body.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 中已定义，这里确保不被覆盖） */
body.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: left;
}

.myui-content__thumb .myui-vodlist__thumb {
    width: 220px;
}

.myui-content__thumb.active .myui-vodlist__thumb {
    width: 150px;
}

.myui-content__detail,
.myui-content__operate {
    float: left;
    width: calc(100% - 220px);
    padding-left: 20px;
}

.myui-content__detail.active {
    width: calc(100% - 150px);
}

.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: left;
    margin-top: 20px
}

.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
}

.myui-content__tag a {
    display: inline-block;
    line-height: 20px;
    padding: 2px 10px;
    margin-left: 5px;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 12px;
    border-radius: 15px;
}


/* 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: 20px 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #ffffff;
}

.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__thumb .myui-vodlist__thumb {
        width: 200px;
    }
    .myui-content__detail {
        float: left;
        width: calc(100% - 200px);
    }
}

@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: 34px;
        height: 34px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* 与右侧搜索按钮一致：圆形底色 */
        background: #f4f6f9;
        color: #1f2d3d;
        transition: background .2s ease, color .2s ease, transform .12s ease;
    }
    .myui-header__left .header-left-btn .fa{
        font-size: 15px;
        line-height: normal;
    }
    body.theme-dark .myui-header__left .header-left-btn{
        background: rgba(255,255,255,0.10);
        color: rgba(255,255,255,0.92);
    }
    .myui-header__left .header-left-btn:active{ transform: scale(.96); }
    body.theme-light .myui-header__left .header-left-btn:hover{ background:#e9eef6; color:#2b6ff7; }
    body.theme-dark .myui-header__left .header-left-btn:hover{ background: rgba(255,255,255,0.16); 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;
    }

    /* 移动端：右上角只保留“搜索 + 会员”两个按钮 */
    .myui-header__user > li{ display:none !important; }
    .myui-header__user > li.header-only-search,
    .myui-header__user > li.header-only-login,
    .myui-header__user > li.header-only-theme{ 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: 34px;
        height: 34px;
    }
    
    .myui-header__user>li>a .fa {
        font-size: 15px;
        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;
    }
    /* content */
    .myui-content__thumb .myui-vodlist__thumb {
        width: 120px;
    }
    .myui-content__thumb.active .myui-vodlist__thumb {
        width: 120px;
    }
    .myui-content__detail {
        float: left;
        width: calc(100% - 120px);
    }
    .myui-content__detail.active {
        width: calc(100% - 120px);
    }
    .myui-content__detail .title {
        margin: 5px 0 8px;
        font-size: 18px;
        line-height: 24px
    }
    .myui-content__detail .data {
        margin: 0 0 10px;
        font-size: 12px;
        line-height: 18px;
        word-wrap: break-word;
        white-space: normal;
    }
    .myui-content__detail .score {
        margin-bottom: 5px;
    }
    .myui-content__detail .score .branch {
        font-size: 16px;
    }
    .myui-content__detail .score .rating {
        top: 0;
    }
    .myui-content__detail .score .rating li {
        margin: 0;
    }
    .myui-content__detail .score .rating li .fa {
        font-size: 18px;
    }
    .myui-content__operate {
        width: 100%;
        padding: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
    }
    .myui-content__operate .btn {
        text-align: center;
        padding: 8px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }
    /* 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 li {
        margin: 0;
        display: block;
        text-align: center;
    }
    .myui-player__operate li .fa {
        display: block;
        margin-bottom: 5px;
        font-size: 16px;
    }
    .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;
    }
}