/**
 * 欲见运营后台 · 自有主题覆盖层
 * 定位:纯视觉换肤,叠加在 backend.css 之后加载;不含任何行为逻辑。
 * 回滚:从 common/meta.html 摘除本文件引用即恢复原样。
 * 基调:深蓝紫主色 + 白底卡片 + 浅灰画布(2026-08-18 定案,档在 开发框架/45-后台视觉)
 */

:root {
    --yj-primary: #4F46E5;
    --yj-primary-dark: #4338CA;
    --yj-primary-soft: #EEF2FF;
    --yj-canvas: #F3F4F9;
    --yj-card: #FFFFFF;
    --yj-line: #E7E8EF;
    --yj-text: #1F2333;
    --yj-text-sub: #6B7280;
    --yj-teal: #0D9488;
    --yj-rose: #E11D48;
    --yj-amber: #D97706;
    --yj-sky: #0284C7;
}

/* ---------- 全局字体与画布 ---------- */
/*
 * backend.min.css 内置的 Font Awesome 路径仍指向 assets/fonts，实际字体随
 * 第三方库位于 assets/libs/font-awesome/fonts。使用独立字体族覆盖 .fa，
 * 避免全后台刷新、添加、删除、编辑等图标只剩空色块。
 */
@font-face {
    font-family: "YJFontAwesome";
    src: url("../libs/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
         url("../libs/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),
         url("../libs/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
.fa {
    font-family: "YJFontAwesome" !important;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif !important;
    color: var(--yj-text);
    background-color: var(--yj-canvas);
}
.wrapper,
.content-wrapper,
body.inside-header.inside-aside,
#main {
    background-color: var(--yj-canvas) !important;
}
a { color: var(--yj-primary); }
a:hover, a:focus { color: var(--yj-primary-dark); }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #D3D5E0; border-radius: 4px; }
::-webkit-scrollbar-track { background: transparent; }

/* ---------- 顶部通栏:白底、细分割线 ---------- */
.skin-green .main-header .navbar,
.main-header .navbar {
    background: var(--yj-card) !important;
    border-bottom: 1px solid var(--yj-line);
    box-shadow: none;
}
.skin-green .main-header .navbar .nav > li > a,
.main-header .navbar .nav > li > a,
.main-header .navbar .sidebar-toggle {
    color: var(--yj-text-sub) !important;
    background: transparent !important;
}
.skin-green .main-header .navbar .nav > li > a:hover,
.main-header .navbar .nav > li > a:hover,
.main-header .navbar .sidebar-toggle:hover {
    color: var(--yj-primary) !important;
    background: var(--yj-primary-soft) !important;
}
.main-header .navbar .nav > .open > a,
.main-header .navbar .nav > .open > a:hover,
.main-header .navbar .nav > .open > a:focus {
    color: var(--yj-primary) !important;
    background: var(--yj-primary-soft) !important;
}

/* 品牌区:白底 + 主色字标 */
.skin-green .main-header .logo,
.main-header .logo {
    background: var(--yj-card) !important;
    border-bottom: 1px solid var(--yj-line);
    border-right: 1px solid var(--yj-line);
    color: var(--yj-primary) !important;
    font-weight: 700;
    letter-spacing: 2px;
}
.skin-green .main-header .logo:hover,
.main-header .logo:hover { background: var(--yj-card) !important; }
.main-header .logo .logo-mini b { font-size: 14px; letter-spacing: 1px; }
.main-header .logo .yj-sub {
    font-size: 11px; font-weight: 400; letter-spacing: 1px;
    color: var(--yj-text-sub); margin-left: 6px;
}

/* 顶部页签:胶囊风 */
#firstnav .nav-addtabs,
#secondnav .nav-addtabs { border-bottom: none; }
#firstnav .nav-addtabs > li > a,
#secondnav .nav-addtabs > li > a {
    color: var(--yj-text-sub) !important;
    background: transparent !important;
    border: none !important;
    border-radius: 8px;
    margin: 6px 2px;
    padding: 8px 14px;
    line-height: 20px;
    height: auto;
}
#firstnav .nav-addtabs > li > a:hover,
#secondnav .nav-addtabs > li > a:hover {
    color: var(--yj-primary) !important;
    background: transparent !important;
}
#firstnav .nav-addtabs > li.active > a,
#secondnav .nav-addtabs > li.active > a {
    color: var(--yj-primary) !important;
    background: transparent !important;
    font-weight: 600;
    border: none !important;
}
.nav-addtabs > li .close-tab { color: var(--yj-text-sub); }
.nav-addtabs > li .close-tab:hover { color: var(--yj-rose); }

/* 页头"标题+说明"合为一行并整体居中(2026-08-19 甲方定):标题深色加粗,说明浅灰随后 */
.panel-intro > .panel-heading .panel-lead,
.panel-heading .panel-lead {
    text-align: center;
    margin: 0 !important;
    color: var(--yj-text-sub);
}
/* 说明行之后跟着页签条时(如系统配置页):说明行同样上下13对称,并在其下画通栏分界线 */
.panel-heading:has(> .panel-lead + .nav-tabs) { padding-top: 13px !important; }
.panel-heading .panel-lead + .nav-tabs {
    margin: 13px -15px 0;
    padding: 6px 15px 0;
    border-top: 1px solid var(--yj-line);
}
/* 页头框源码是上15下0的不对称内距,说明行是最后一个元素时改为上下对称,文字正居两线中间 */
.panel-heading:has(> .panel-lead:last-child) { padding: 13px 15px !important; }
.panel-intro > .panel-heading .panel-lead em,
.panel-heading .panel-lead em {
    display: inline !important;
    font-weight: 600;
    font-style: normal;
    color: var(--yj-text);
    margin-right: 12px;
}

/* 提现五个实际工作页复用充值记录的“标题 + 说明”居中页头，标题略放大。 */
.withdrawal-panel > .panel-heading:has(> .panel-lead:last-child) {
    padding: 16px 20px !important;
}
.withdrawal-panel > .panel-heading .panel-lead {
    font-size: 14px;
    line-height: 28px;
}
.withdrawal-panel > .panel-heading .panel-lead em {
    font-size: 18px;
}

/* 提现审核子导航(支付宝/银行卡):当前所在子栏目实心主色块+白字加粗,其余描边;整排放大一号,重要区域不许看错(2026-08-28 甲方定) */
.withdrawal-subnav { margin: 4px 0 14px; }
.withdrawal-subnav .btn {
    font-size: 15px;
    padding: 9px 18px;
    border-radius: 10px;
    border: 1px solid #D7D9E4 !important;
    background: var(--yj-card) !important;
    color: #4B5563 !important;
    box-shadow: none !important;
    margin-right: 8px;
}
.withdrawal-subnav .btn:hover { border-color: var(--yj-primary) !important; color: var(--yj-primary) !important; }
.withdrawal-subnav .btn.active {
    background: var(--yj-primary) !important;
    border-color: var(--yj-primary) !important;
    color: #fff !important;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(79, 70, 229, .28) !important;
}
.withdrawal-subnav .btn.active .fa { color: #fff !important; }

/* ---------- 左侧栏:浅色化 ---------- */
.skin-green .main-sidebar,
.skin-green .left-side,
.main-sidebar, .left-side {
    background: var(--yj-card) !important;
    border-right: 1px solid var(--yj-line);
    box-shadow: none;
}
.skin-green .sidebar-menu > li.header,
.sidebar-menu > li.header {
    background: transparent !important;
    color: #9CA3AF !important;
}
.skin-green .sidebar-menu > li > a,
.sidebar-menu > li > a {
    color: #4B5563 !important;
    border-left: none !important;
    border-radius: 8px;
    margin: 2px 8px;
    padding: 10px 12px;
}
.skin-green .sidebar-menu > li:hover > a,
.skin-green .sidebar-menu > li.active > a,
.sidebar-menu > li:hover > a {
    color: var(--yj-primary) !important;
    background: var(--yj-primary-soft) !important;
    border-left: none !important;
}
.skin-green .sidebar-menu > li.active > a,
.sidebar-menu > li.active > a {
    font-weight: 600;
}
.skin-green .sidebar-menu > li > .treeview-menu,
.sidebar-menu > li > .treeview-menu {
    background: transparent !important;
    margin: 0 8px;
    padding-left: 12px;
}
.skin-green .treeview-menu > li > a,
.treeview-menu > li > a {
    color: #6B7280 !important;
    border-radius: 8px;
    padding: 7px 5px 7px 18px;
}
.skin-green .treeview-menu > li > a:hover,
.skin-green .treeview-menu > li.active > a,
.treeview-menu > li > a:hover,
.treeview-menu > li.active > a {
    color: var(--yj-primary) !important;
    background: var(--yj-primary-soft) !important;
}
.sidebar-menu li > a > .pull-right-container { color: #9CA3AF; }
/* 外层框架永不滚动:滚动权全交内页iframe,消除双滚动条抢滚轮(2026-08-18 甲方拍板) */
@media (min-width: 768px) {
    body#tabs { overflow: hidden; }
}

/* 一级栏目(带子菜单)展开或所在时:主色加粗+左侧竖条,一眼看清当前主栏目;父项本身不上底色(2026-08-19 甲方定) */
.sidebar-menu > li:has(> .treeview-menu) > a { background: transparent !important; }
.sidebar-menu > li:has(> .treeview-menu.menu-open) > a,
.sidebar-menu > li.active:has(> .treeview-menu) > a {
    color: var(--yj-primary) !important;
    font-weight: 600;
    box-shadow: inset 3px 0 0 var(--yj-primary);
}
.sidebar-menu > li:has(> .treeview-menu.menu-open) > a > .fa,
.sidebar-menu > li.active:has(> .treeview-menu) > a > .fa,
.sidebar-menu > li:has(> .treeview-menu.menu-open) > a .pull-right-container,
.sidebar-menu > li.active:has(> .treeview-menu) > a .pull-right-container { color: var(--yj-primary) !important; }

/* 分组展开时右侧箭头转向下(原版脚本只标记子菜单不标记父项,箭头从不旋转的老毛病) */
.sidebar-menu li > a .fa-angle-left { transition: transform .2s ease; }
.sidebar-menu li:has(> .treeview-menu.menu-open) > a > .pull-right-container > .fa-angle-left,
.sidebar-menu li:has(> .treeview-menu.menu-open) > a > .fa-angle-left,
.sidebar-menu.show-submenu li:has(> .treeview-menu) > a > .pull-right-container > .fa-angle-left,
.sidebar-menu li.active > a > .pull-right-container > .fa-angle-left,
.sidebar-menu li.active > a > .fa-angle-left {
    transform: rotate(-90deg);
}

/* ---------- 侧栏补丁:管理员区/搜索框/菜单行状态兜底(2026-08-18 二轮) ---------- */
.main-sidebar .user-panel,
.skin-green .user-panel { background: transparent !important; }
.main-sidebar .user-panel > .info,
.main-sidebar .user-panel > .info > a,
.skin-green .user-panel > .info,
.skin-green .user-panel > .info > a { color: var(--yj-text) !important; }

.main-sidebar .sidebar-form,
.skin-green .sidebar-form,
.sidebar form.sidebar-form {
    background: #F3F4F6 !important;
    border: 1px solid var(--yj-line) !important;
    border-radius: 10px;
    margin: 10px 12px;
}
.main-sidebar .sidebar-form input[type="text"],
.main-sidebar .sidebar-form .btn,
.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--yj-text) !important;
}
.main-sidebar .sidebar-form input[type="text"]::placeholder { color: #9CA3AF; }
.main-sidebar .sidebar-form .btn { color: var(--yj-text-sub) !important; }
.main-sidebar .sidebar-form input[type="text"]:focus,
.main-sidebar .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
    background: transparent !important;
    color: var(--yj-text) !important;
}

/* 菜单行:不论规则来源与状态(含点击后焦点残留),深底一律压平 */
.main-sidebar .sidebar-menu li > a,
.main-sidebar .sidebar-menu li > a:focus { background: transparent !important; }
.main-sidebar .sidebar-menu li:hover > a,
.main-sidebar .sidebar-menu li > a:hover,
.main-sidebar .sidebar-menu li.active > a {
    background: var(--yj-primary-soft) !important;
    color: var(--yj-primary) !important;
}
/* 迷你折叠态弹出菜单 */
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),
.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    background: var(--yj-card) !important;
    color: var(--yj-primary) !important;
    border: 1px solid var(--yj-line);
    box-shadow: 0 8px 24px rgba(31, 35, 51, .12);
}

/* ---------- 面包屑 ---------- */
#ribbon { background: transparent; border: none; }
#ribbon .breadcrumb { background: transparent; margin-bottom: 0; }
#ribbon .breadcrumb > li > a { color: var(--yj-text-sub); }
#ribbon .breadcrumb > li > a:hover { color: var(--yj-primary); }

/* ---------- 卡片(panel/box) ---------- */
.panel, .box {
    border: 1px solid var(--yj-line) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(31, 35, 51, .05) !important;
    background: var(--yj-card);
    overflow: hidden;
}
.panel-default > .panel-heading, .box-header {
    background: var(--yj-card) !important;
    border-bottom: 1px solid var(--yj-line);
    color: var(--yj-text);
}
.panel-intro > .panel-heading { padding: 0 15px; }

/* 卡片头部的页签 */
.nav-tabs { border-bottom-color: var(--yj-line); }
.nav-tabs > li > a {
    color: var(--yj-text-sub);
    border: none !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0;
    margin-right: 4px;
}
.nav-tabs > li > a:hover {
    background: transparent;
    color: var(--yj-primary);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--yj-primary);
    font-weight: 600;
    background: transparent;
    border: none !important;
    border-bottom: 2px solid var(--yj-primary) !important;
}
/* 页内页签（panel 头部）与全局同则：底层框架给了灰底+边框（backend.css
   的 .panel-intro 专属规则特异性更高，盖过上面的通用规则），这里按同等
   特异性压掉——去底色、去边框，只留下划线指示当前页，全后台统一。 */
.panel-intro > .panel-heading .nav-tabs > li > a {
    color: var(--yj-text-sub);
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
}
.panel-intro > .panel-heading .nav-tabs > li > a:hover,
.panel-intro > .panel-heading .nav-tabs > li > a:focus {
    color: var(--yj-primary);
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid transparent !important;
}
.panel-intro > .panel-heading .nav-tabs > li.active > a,
.panel-intro > .panel-heading .nav-tabs > li.active > a:hover,
.panel-intro > .panel-heading .nav-tabs > li.active > a:focus {
    color: var(--yj-primary);
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid var(--yj-primary) !important;
}

/* ---------- 按钮 ---------- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    vertical-align: middle;
    border-radius: 8px;
    transition: all .15s ease;
}
.btn > .fa { line-height: 1; }
.btn-primary {
    background: var(--yj-primary) !important;
    border-color: var(--yj-primary) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: var(--yj-primary-dark) !important;
    border-color: var(--yj-primary-dark) !important;
}
.btn-success {
    background: var(--yj-teal) !important;
    border-color: var(--yj-teal) !important;
}
.btn-success:hover, .btn-success:focus, .btn-success:active,
.btn-success.active, .open > .dropdown-toggle.btn-success {
    background: #0B7C72 !important;
    border-color: #0B7C72 !important;
}
.btn-danger {
    background: var(--yj-rose) !important;
    border-color: var(--yj-rose) !important;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: #BE123C !important;
    border-color: #BE123C !important;
}
.btn-info {
    background: var(--yj-sky) !important;
    border-color: var(--yj-sky) !important;
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
    background: #026AA2 !important;
    border-color: #026AA2 !important;
}
.btn-warning {
    background: var(--yj-amber) !important;
    border-color: var(--yj-amber) !important;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background: #B45309 !important;
    border-color: #B45309 !important;
}
.btn-default {
    background: var(--yj-card);
    border-color: #D8DAE5;
    color: #374151;
}
.btn-default:hover, .btn-default:focus, .btn-default:active {
    background: #F5F6FA;
    border-color: #C4C7D4;
    color: var(--yj-text);
}

/* ---------- 表格 ---------- */
.table > thead > tr > th {
    background: #F8F9FC;
    border-bottom: 1px solid var(--yj-line) !important;
    color: var(--yj-text-sub);
    font-weight: 600;
}
.table > tbody > tr > td { border-top: 1px solid #F0F1F6; vertical-align: middle; }
.table-striped > tbody > tr:nth-of-type(odd) { background: transparent; }
.table-hover > tbody > tr:hover,
.fixed-table-container tbody tr:hover td { background: #F8F9FC !important; }
.fixed-table-container {
    border: 1px solid var(--yj-line) !important;
    border-radius: 10px;
}
.bootstrap-table .fixed-table-toolbar .bs-bars,
.bootstrap-table .fixed-table-toolbar .search { padding: 6px 0; }
.fixed-table-pagination .pagination > li > a,
.pagination > li > a, .pagination > li > span {
    color: var(--yj-text-sub);
    border-color: var(--yj-line);
    margin: 0 3px;
    border-radius: 8px !important;
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > a:focus {
    background: var(--yj-primary) !important;
    border-color: var(--yj-primary) !important;
    color: #fff;
}
.fixed-table-pagination .pagination-detail .page-list .btn-group .btn { border-radius: 8px; }

/* ---------- 表单 ---------- */
.form-control {
    border-radius: 8px;
    border-color: #D8DAE5;
    box-shadow: none;
    color: var(--yj-text);
}
.form-control:focus {
    border-color: var(--yj-primary);
    box-shadow: 0 0 0 3px rgba(79, 70, 229, .12);
}
.input-group-addon {
    background: #F8F9FC;
    border-color: #D8DAE5;
    color: var(--yj-text-sub);
    border-radius: 8px;
}
select.form-control { border-radius: 8px; }

/* ---------- 标签/角标 ---------- */
.label { border-radius: 6px; font-weight: 500; padding: .25em .6em; }
.label-primary { background: var(--yj-primary); }
.label-success { background: var(--yj-teal); }
.label-danger { background: var(--yj-rose); }
.label-info { background: var(--yj-sky); }
.label-warning { background: var(--yj-amber); }
.badge { background: var(--yj-rose); border-radius: 10px; }

/* ---------- 下拉菜单 ---------- */
.dropdown-menu {
    border: 1px solid var(--yj-line);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(31, 35, 51, .12);
    padding: 6px;
}
.dropdown-menu > li > a { border-radius: 6px; padding: 7px 12px; color: #374151; }
.dropdown-menu > li > a:hover {
    background: var(--yj-primary-soft);
    color: var(--yj-primary);
}

/* ---------- 弹层(layer) ---------- */
.layui-layer {
    border-radius: 12px !important;
    box-shadow: 0 16px 48px rgba(31, 35, 51, .18) !important;
    overflow: hidden;
}
.layui-layer-title {
    background: var(--yj-card) !important;
    border-bottom: 1px solid var(--yj-line) !important;
    color: var(--yj-text) !important;
    font-weight: 600;
}
.layui-layer-btn .layui-layer-btn0 {
    background: var(--yj-primary) !important;
    border-color: var(--yj-primary) !important;
    border-radius: 8px;
}
.layui-layer-btn a { border-radius: 8px; }

/* ---------- 控制台数字卡片(AdminLTE small-box/info-box) ---------- */
.small-box, .info-box {
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(31, 35, 51, .05) !important;
}
.bg-aqua { background: var(--yj-sky) !important; }
.bg-green { background: var(--yj-teal) !important; }
.bg-yellow { background: var(--yj-amber) !important; }
.bg-red { background: var(--yj-rose) !important; }
.bg-purple { background: var(--yj-primary) !important; }

/* ---------- 右侧设置栏:与全站统一浅色(皮肤切换已删,仅剩布局设定) ---------- */
.control-sidebar,
.control-sidebar-dark,
.control-sidebar-light {
    background: var(--yj-card) !important;
    border-left: 1px solid var(--yj-line);
    box-shadow: -8px 0 24px rgba(31, 35, 51, .08);
    padding-top: 60px;
}
.control-sidebar-bg { background: transparent !important; }
.control-sidebar .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-heading {
    color: var(--yj-text) !important;
    font-weight: 600;
    padding: 0 15px;
}
.control-sidebar .control-sidebar-subheading,
.control-sidebar-dark .control-sidebar-subheading { color: #374151 !important; }
.control-sidebar .form-group { padding: 0 15px; }
.control-sidebar .form-group > p,
.control-sidebar-dark .form-group > p { color: var(--yj-text-sub) !important; font-size: 12px; }
.control-sidebar input[type="checkbox"] { accent-color: var(--yj-primary); }

/* ---------- 杂项 ---------- */
.alert { border-radius: 10px; }
.well { border-radius: 12px; background: #F8F9FC; border-color: var(--yj-line); }
.progress { border-radius: 6px; }
.progress-bar { background-color: var(--yj-primary); }