/* ============================================================
   驱动中国CMS 后台主题 v7「Indigo Aura · 极简大气」
   风格: 明亮宽敞 / 靛蓝主色 / 浅色毛玻璃侧栏 / 柔和光影
   Filament v3 light-only
   ============================================================ */

/* ---------- 字体 & 画布 ---------- */
html {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
        'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
}
body.fi-body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
        'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
    background:
        radial-gradient(1100px 520px at 88% -12%, rgba(99, 102, 241, 0.09), transparent 60%),
        radial-gradient(900px 480px at -8% 8%, rgba(14, 165, 233, 0.07), transparent 55%),
        linear-gradient(180deg, #f6f8fd 0%, #f3f5fb 100%);
    background-attachment: fixed;
    color: #172033;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    font-size: 14px;
}
::selection { background: rgba(79, 70, 229, 0.16); }

/* 全局滚动条 */
::-webkit-scrollbar { width: 9px; height: 9px; }
::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.3); border-radius: 6px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(100, 116, 139, 0.5); }
::-webkit-scrollbar-track { background: transparent; }

/* ---------- 侧栏:浅色毛玻璃 ---------- */
.fi-sidebar {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(16px) saturate(1.4);
    -webkit-backdrop-filter: blur(16px) saturate(1.4);
    border-right: 1px solid rgba(203, 213, 225, 0.55);
}
.fi-sidebar .fi-sidebar-header {
    background: transparent;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
    padding-inline: 1.15rem;
}
.fi-sidebar .fi-sidebar-header .fi-logo {
    color: #0f172a;
    font-weight: 800;
    font-size: 1.05rem;
    letter-spacing: 0.01em;
}
.fi-sidebar .fi-sidebar-nav { padding: 0.85rem 0.8rem 1.5rem; }
.fi-sidebar .fi-sidebar-group { gap: 0.15rem; }
.fi-sidebar .fi-sidebar-group-button {
    color: #94a3b8;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding-inline: 0.7rem;
    padding-block: 0.85rem 0.3rem;
}
.fi-sidebar .fi-sidebar-group-button span { color: #94a3b8; }

.fi-sidebar .fi-sidebar-item-button {
    border-radius: 0.65rem;
    padding-block: 0.52rem;
    color: #475569;
    font-weight: 500;
    transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}
.fi-sidebar .fi-sidebar-item-button:hover {
    background-color: rgba(79, 70, 229, 0.07);
    color: #312e81;
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-image: linear-gradient(92deg, #4f46e5 0%, #6366f1 55%, #8b5cf6 125%);
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 10px 22px -10px rgba(79, 70, 229, 0.75), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button:hover {
    background-image: linear-gradient(92deg, #4f46e5 0%, #6366f1 55%, #8b5cf6 125%);
    color: #ffffff;
}
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label { color: #ffffff; }
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: rgba(255, 255, 255, 0.95); }
.fi-sidebar .fi-sidebar-item-icon { color: #64748b; }
.fi-sidebar { scrollbar-width: thin; scrollbar-color: rgba(100, 116, 139, 0.3) transparent; }

/* 折叠态:激活胶囊仍可见 */
.fi-sidebar.fi-sidebar-collapsed .fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-image: linear-gradient(92deg, #4f46e5, #8b5cf6);
}

/* ---------- 顶栏:玻璃 ---------- */
.fi-topbar {
    background-color: rgba(255, 255, 255, 0.86);
    backdrop-filter: blur(14px) saturate(1.4);
    -webkit-backdrop-filter: blur(14px) saturate(1.4);
    border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.fi-topbar > div {
    background-color: transparent !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}
.fi-topbar .fi-icon-btn { border-radius: 0.6rem; }
.fi-topbar .fi-icon-btn:hover { background-color: rgba(79, 70, 229, 0.08); color: #4f46e5; }

/* ---------- 内容区标题 ---------- */
.fi-header-heading {
    color: #0f172a;
    font-weight: 800;
    letter-spacing: -0.015em;
}
.fi-header .fi-breadcrumbs { color: #64748b; font-size: 0.8rem; }

/* ---------- 卡片/区块:柔和质感 ---------- */
.fi-main-ctn .fi-section {
    background-color: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(226, 232, 240, 0.75);
    border-radius: 1rem;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03), 0 10px 30px -22px rgba(15, 23, 42, 0.28);
    overflow: hidden;
}
.fi-main-ctn .fi-section-header .fi-section-header-heading {
    color: #1e293b;
    font-weight: 700;
    letter-spacing: -0.01em;
}
.fi-section-header-description { color: #94a3b8; }

/* 表格行 hover 微反馈 */
.fi-main-ctn .fi-ta-content table tbody tr { transition: background-color 0.12s ease; }
.fi-main-ctn .fi-ta-content table tbody tr:hover {
    background-color: rgba(79, 70, 229, 0.035) !important;
}

/* 主按钮:渐变 + 光晕(主色操作类) */
.fi-main-ctn .fi-btn, .fi-simple-layout .fi-btn { border-radius: 0.6rem; font-weight: 600; }
.fi-btn-color-primary {
    background-image: linear-gradient(135deg, #4f46e5 0%, #6d5df0 55%, #8b5cf6 130%);
    box-shadow: 0 10px 18px -10px rgba(79, 70, 229, 0.65);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}
.fi-btn-color-primary:hover {
    background-image: linear-gradient(135deg, #4338ca 0%, #5b4de8 60%, #7c3aed 130%);
    box-shadow: 0 14px 22px -10px rgba(67, 56, 202, 0.7);
    filter: brightness(1.03);
    transform: translateY(-1px);
}

/* ---------- 统计卡片:大气数据墙 ---------- */
.fi-wi-stats-overview-stat {
    position: relative;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 1.1rem;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 14px 30px -22px rgba(15, 23, 42, 0.35);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.fi-wi-stats-overview-stat::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(240px 120px at 108% -18%, rgba(79, 70, 229, 0.16), transparent 62%),
        radial-gradient(200px 110px at -12% 118%, rgba(14, 165, 233, 0.1), transparent 60%);
    pointer-events: none;
}
.fi-wi-stats-overview-stat:hover {
    transform: translateY(-3px);
    border-color: rgba(99, 102, 241, 0.35);
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.04), 0 24px 44px -22px rgba(79, 70, 229, 0.45);
}
.fi-wi-stats-overview-stat-icon {
    padding: 0.4rem;
    margin-left: -0.15rem;
    border-radius: 0.6rem;
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.12), rgba(139, 92, 246, 0.12));
    color: #4f46e5 !important;
}
.fi-wi-stats-overview-stat-label { color: #64748b !important; font-weight: 600; }
.fi-wi-stats-overview-stat-value {
    color: #0f172a !important;
    font-weight: 800;
    letter-spacing: -0.02em;
}
.fi-wi-stats-overview-stat-description { color: #94a3b8 !important; }

/* 每张卡片配一个强调色光晕 */
.fi-wi-stats-overview-stat:nth-of-type(2)::before {
    background: radial-gradient(240px 120px at 108% -18%, rgba(16, 185, 129, 0.16), transparent 62%);
}
.fi-wi-stats-overview-stat:nth-of-type(3)::before {
    background: radial-gradient(240px 120px at 108% -18%, rgba(245, 158, 11, 0.15), transparent 62%);
}
.fi-wi-stats-overview-stat:nth-of-type(4)::before {
    background: radial-gradient(240px 120px at 108% -18%, rgba(100, 116, 139, 0.16), transparent 62%);
}
.fi-wi-stats-overview-stat:nth-of-type(5)::before {
    background: radial-gradient(240px 120px at 108% -18%, rgba(14, 165, 233, 0.16), transparent 62%);
}

/* 最近更新表格卡片 */
.fi-wi-table .fi-section { box-shadow: none; border-color: transparent; background: transparent; }

/* ============================================================
   登录页 v3:靛紫极光 · 品牌分栏
   ============================================================ */
.fi-simple-layout {
    background:
        radial-gradient(1000px 560px at 92% -10%, rgba(124, 58, 237, 0.2), transparent 58%),
        radial-gradient(860px 520px at -10% 12%, rgba(79, 70, 229, 0.18), transparent 56%),
        radial-gradient(760px 460px at 50% 118%, rgba(14, 165, 233, 0.16), transparent 60%),
        linear-gradient(165deg, #eef1ff 0%, #eef0fc 45%, #e9f2ff 100%);
}
.fi-simple-layout .fi-simple-main-ctn { padding: 1.5rem; }
.fi-simple-layout .fi-simple-main {
    max-width: 1020px;
    width: 100%;
    padding: 0;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 1.35rem;
    border: 1px solid rgba(255, 255, 255, 0.7);
    box-shadow: 0 40px 90px -30px rgba(49, 46, 129, 0.4), 0 8px 24px -12px rgba(49, 46, 129, 0.16);
}
.fi-simple-layout .fi-simple-header { display: none !important; }
.fi-simple-layout .fi-simple-page > section { gap: 0; }

.qd-auth {
    display: grid;
    grid-template-columns: 42% 58%;
    min-height: 590px;
}

/* 左:品牌区(靛紫深空) */
.qd-auth-brand {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 48px 42px 34px;
    color: #fff;
    background:
        radial-gradient(480px 270px at 13% 0%, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.35) 42%, transparent 66%),
        radial-gradient(560px 340px at -12% -14%, rgba(255, 255, 255, 0.18), transparent 58%),
        radial-gradient(460px 340px at 118% 104%, rgba(139, 92, 246, 0.55), transparent 60%),
        radial-gradient(380px 300px at 20% 120%, rgba(14, 165, 233, 0.35), transparent 62%),
        linear-gradient(158deg, #312e81 0%, #4f46e5 46%, #7c3aed 118%);
    overflow: hidden;
}
.qd-auth-brand::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px);
    background-size: 26px 26px;
    mask-image: radial-gradient(600px 400px at 30% 0%, rgba(0, 0, 0, 0.55), transparent 75%);
    -webkit-mask-image: radial-gradient(600px 400px at 30% 0%, rgba(0, 0, 0, 0.55), transparent 75%);
    pointer-events: none;
}
.qd-auth-brand::after {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 0 0 38px rgba(255, 255, 255, 0.05), 0 0 0 78px rgba(255, 255, 255, 0.03);
    pointer-events: none;
}
.qd-auth-brand-inner { position: relative; z-index: 1; }
.qd-auth-logo,
img.qd-auth-logo {
    display: block;
    width: 50%;
    height: auto;
    margin-bottom: 30px;
    filter: drop-shadow(0 6px 16px rgba(15, 23, 42, 0.35));
}
.qd-auth-title {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0.02em;
    margin: 0 0 8px;
    color: #fff;
}
.qd-auth-slogan {
    margin: 0 0 32px;
    font-size: 13.5px;
    letter-spacing: 2px;
    color: rgba(255, 255, 255, 0.74);
}
.qd-auth-points {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 14px;
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.93);
}
.qd-auth-points li { display: flex; align-items: center; gap: 11px; }
.qd-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: #a5b4fc;
    box-shadow: 0 0 0 4px rgba(165, 180, 252, 0.24);
    flex: none;
}
.qd-auth-copy {
    position: relative; z-index: 1;
    margin: 26px 0 0;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

/* 右:表单区 */
.qd-auth-side {
    background: #fff;
    padding: 58px 56px 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.qd-auth-head h2 {
    margin: 0 0 6px;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #0f172a;
}
.qd-auth-head p {
    margin: 0 0 30px;
    font-size: 14px;
    color: #64748b;
}
.qd-auth-side form { display: grid; gap: 8px; }
.qd-auth-side .fi-input-wrp { border-radius: 0.65rem; }
.qd-auth-side .fi-btn {
    border-radius: 0.65rem;
    background-image: linear-gradient(135deg, #4f46e5 0%, #6d5df0 55%, #8b5cf6 130%);
    border: none;
    box-shadow: 0 14px 26px -12px rgba(79, 70, 229, 0.8);
}
.qd-auth-side .fi-btn:hover {
    background-image: linear-gradient(135deg, #4338ca 0%, #5b4de8 60%, #7c3aed 130%);
    box-shadow: 0 18px 30px -12px rgba(67, 56, 202, 0.8);
    transform: translateY(-1px);
}

@media (max-width: 880px) {
    .qd-auth { grid-template-columns: 1fr; min-height: 0; }
    .qd-auth-brand { padding: 36px 28px 24px; }
    .qd-auth-points, .qd-auth-copy { display: none; }
    .qd-auth-side { padding: 38px 26px 32px; }
    .fi-simple-layout .fi-simple-main-ctn { padding: 0.6rem; }
}

/* ===== 顶部通栏: 高度 64px->38px(约60%), 白底->浅灰 ===== */
.fi-topbar > nav {
    height: calc(4rem * 0.6) !important;
    min-height: 0 !important;
    background-color: #f2f4f7 !important;
}
.fi-topbar > nav .fi-icon-btn {
    --icon-btn-size: 1.75rem;
}
.fi-topbar { box-shadow: none; }

/* ===== v11: 顶部整条通栏=科技蓝(顶栏+左侧栏头部 同高度同背景) ===== */
.fi-topbar > nav,
.fi-sidebar-header {
    height: calc(4rem * 0.6) !important;
    min-height: 0 !important;
    background-color: #0d6efd !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.fi-sidebar-header .fi-logo {
    color: #ffffff !important;
}
.fi-sidebar-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.fi-topbar > nav button,
.fi-topbar > nav a {
    color: #ffffff !important;
}

/* ============================================================
   深海蓝主题(2026-09-03 追加):logo 40px 白色 / 页眉深蓝 / 侧栏深蓝
   ============================================================ */
.fi-sidebar {
    background: linear-gradient(180deg, #0b1830 0%, #0d1b36 100%) !important;
    border-right: 1px solid rgba(30, 58, 138, 0.55) !important;
}
.fi-sidebar .fi-sidebar-header {
    background: linear-gradient(135deg, #13274d 0%, #0b1830 100%) !important;
    border-bottom: 1px solid rgba(37, 99, 235, 0.45) !important;
    min-height: 39px !important;
}
.fi-sidebar .fi-sidebar-header .fi-logo {
    color: #ffffff !important;
    font-size: 1.2rem !important;
    line-height: 40px !important;
    height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    letter-spacing: 0.02em;
}
.fi-sidebar .fi-sidebar-header .fi-logo img,
.fi-sidebar .fi-sidebar-header .fi-logo svg {
    height: 40px !important;
    width: auto !important;
    filter: brightness(0) invert(1);
}
.fi-sidebar .fi-sidebar-group-button {
    color: #7c93b5 !important;
}
.fi-sidebar .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item a.fi-sidebar-item-button {
    color: #c7d3e8 !important;
}
.fi-sidebar .fi-sidebar-item-button:hover {
    background-color: rgba(59, 130, 246, 0.14) !important;
    color: #ffffff !important;
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-image: linear-gradient(92deg, #2563eb, #1d4ed8) !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.35);
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button:hover {
    background-image: linear-gradient(92deg, #2563eb, #1d4ed8) !important;
    color: #ffffff !important;
}
/* 折叠态工具提示/展开箭头颜色 */
.fi-sidebar .fi-sidebar-item-button .fi-icon-btn,
.fi-sidebar .fi-sidebar-group-button .fi-icon-btn {
    color: #9fb4d4 !important;
}
.fi-sidebar .fi-badge { background-color: rgba(37, 99, 235, 0.35) !important; color: #fff !important; }
/* 侧栏底部(用户/折叠按钮) */
.fi-sidebar .fi-sidebar-footer { border-top-color: rgba(30, 58, 138, 0.5) !important; }
.fi-sidebar .fi-sidebar-footer button { color: #c7d3e8 !important; }
.fi-sidebar .fi-sidebar-footer button:hover { color: #ffffff !important; background-color: rgba(59, 130, 246, 0.14) !important; }

/* ============================================================
   后台侧栏重设计 v2 —「深海科技」(2026-09-03 13:22 老板指令)
   左上品牌蓝光晕 + 右下紫晕 + 深空渐变;页眉微光泽;菜单胶囊悬浮
   ============================================================ */
.fi-sidebar {
    background:
        radial-gradient(130% 55% at -15% -10%, rgba(37, 99, 235, 0.24) 0%, rgba(37, 99, 235, 0) 55%),
        radial-gradient(120% 60% at 115% 108%, rgba(139, 92, 246, 0.13) 0%, rgba(139, 92, 246, 0) 55%),
        linear-gradient(180deg, #0f2247 0%, #0b1830 46%, #080f20 100%) !important;
    border-right: 1px solid rgba(59, 130, 246, 0.16) !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}
.fi-sidebar .fi-sidebar-header {
    background: linear-gradient(135deg, #16305f 0%, #0d1f42 55%, #0b1830 100%) !important;
    border-bottom: 1px solid rgba(96, 165, 250, 0.22) !important;
    min-height: 39px !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05), 0 10px 18px -12px rgba(0, 0, 0, 0.45);
}
.fi-sidebar .fi-sidebar-header .fi-logo {
    color: #ffffff !important;
    text-shadow: 0 1px 8px rgba(37, 99, 235, 0.45);
}
.fi-sidebar .fi-sidebar-nav { padding: 10px 10px 16px !important; }
.fi-sidebar .fi-sidebar-item-button {
    margin: 1px 2px;
    border-radius: 10px !important;
    transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}
.fi-sidebar .fi-sidebar-item-button:hover {
    background-color: rgba(148, 163, 184, 0.14) !important;
    color: #ffffff !important;
    transform: translateX(2px);
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button {
    background-image: linear-gradient(94deg, #2563eb 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 6px 16px -6px rgba(37, 99, 235, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button:hover {
    background-image: linear-gradient(94deg, #2563eb 0%, #1e40af 100%) !important;
    color: #ffffff !important;
    transform: none;
}
.fi-sidebar .fi-sidebar-group-button {
    letter-spacing: 0.12em;
    padding-block: 0.9rem 0.35rem !important;
}
.fi-sidebar .fi-sidebar-footer {
    border-top: 1px solid rgba(96, 165, 250, 0.14) !important;
    background: rgba(255, 255, 255, 0.02);
}

/* ===== 侧栏文字链白色(2026-09-03 13:32 老板指令) ===== */
.fi-sidebar .fi-sidebar-item-button,
.fi-sidebar .fi-sidebar-item a.fi-sidebar-item-button {
    color: #ffffff !important;
}
.fi-sidebar .fi-sidebar-item-button .fi-icon-btn {
    color: rgba(255, 255, 255, 0.92) !important;
}
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-button .fi-icon-btn {
    color: #ffffff !important;
}
.fi-sidebar .fi-sidebar-group-button {
    color: rgba(255, 255, 255, 0.55) !important;
}
.fi-sidebar .fi-sidebar-footer button {
    color: rgba(255, 255, 255, 0.88) !important;
}

/* ===== 灰色文字统一浅灰 rgb(195 195 195)(2026-09-03 14:05 老板指令, 覆盖 filament tailwind 默认 gray-700) ===== */
.text-gray-700,
body .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(195 195 195) !important;
}

/* ============================================================
   17:11 老板: 后台上传图片后不显示图片文件名称
   ============================================================ */
.fi-fo-file-upload .filepond--file-info-main { display:none !important; }
.fi-fo-file-upload .filepond--file-info-sub { display:none !important; }

/* --- 直播列表:状态行内下拉(2026-09-03) --- */
.qd-live-status-select{
    appearance:none;-webkit-appearance:none;-moz-appearance:none;
    display:inline-flex;align-items:center;justify-content:center;
    min-width:86px;height:26px;padding:0 22px 0 10px!important;
    border-radius:999px!important;font-size:12px!important;font-weight:600!important;
    cursor:pointer;line-height:1!important;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23ffffff' d='M0 0l5 6 5-6z'/%3E%3C/svg%3E");
    background-repeat:no-repeat;background-position:right 9px center;background-size:8px 5px;
    border:1px solid transparent!important;transition:box-shadow .15s;
}
.qd-live-status-select:hover{box-shadow:0 2px 8px rgba(15,23,42,.16)}
.qd-live-status-select:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.25)!important}
.qd-live-status-select option{color:#1e293b;font-weight:500;background:#fff}
/* 按状态着色(1=直播红 0=预告蓝 2=已结束灰) */
.qd-live-status-select[data-status="1"]{background-color:#ff4757;border-color:#ff4757!important;color:#fff}
.qd-live-status-select[data-status="0"]{background-color:#3b82f6;border-color:#3b82f6!important;color:#fff}
.qd-live-status-select[data-status="2"]{background-color:#7a8598;border-color:#7a8598!important;color:#fff}

/* ---- 登录验证码 ---- */
.qd-captcha-row{display:flex;align-items:center;gap:10px;margin-top:2px}
.qd-captcha-img{height:38px;width:auto;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;user-select:none;-webkit-user-select:none}
.qd-captcha-tip{font-size:12px;color:#94a3b8;line-height:1.2}
.qd-captcha-tip:hover{color:#3b82f6}