@charset "UTF-8";
/* 蓝白企业后台主题 —— 覆盖原红色(#F44336)主题，最后加载生效 */

:root {
    --primary: #1e63c7;
    --primary-dark: #1a56ad;
    --primary-light: #e8f0fb;
    --sidebar-bg: #1f3350;
    --sidebar-accent: #4a90e2;
}

/* 主色块 */
.page .page-title .title-line,
.order-popup .order-popup-form .form-layout-title .line-title { background: var(--primary) !important; }

.btn-default-2 { color: #fff !important; background: var(--primary) !important; border: 1px solid var(--primary) !important; }
.btn-default-2:hover { background: var(--primary-dark) !important; }
.btn-default-1,
.btn-default-3 { color: var(--primary) !important; border: 1px solid var(--primary) !important; background: #fff !important; }
.btn-default-3:hover { background: var(--primary-light) !important; }

/* 顶部导航激活态 */
.main-box .header .menu-nav a:hover,
.main-box .header .menu-nav a.active { border-bottom: 2px solid var(--primary) !important; color: var(--primary) !important; }

/* 左侧菜单 */
.main-box .main-content .content-left { background: var(--sidebar-bg) !important; }
.main-box .main-content .main-meuns .meun-item.active,
.main-box .main-content .main-meuns .meun-item:hover { background: #2a466e !important; color: #ffffff !important; }
.main-box .main-content .main-meuns .meun-item.active { color: var(--sidebar-accent) !important; }

/* 顶部 logo 区（原内联红色，统一蓝色） */
.logoc { background: var(--primary) !important; color: #fff !important; }

/* 表格头：原粉红 -> 浅蓝 */
.store-control-page .store-control-table .table-1 th { background: var(--primary-light) !important; color: var(--primary-dark) !important; font-weight: 600 !important; }
.store-control-page .store-control-table .table-1 tbody tr:hover td { background: #f4f8fe !important; }
.store-control-page .store-control-table .operation-item { color: var(--primary) !important; }

/* 弹窗标题 / 按钮 */
.dialog-box .dialog-title,
.layui-layer .layui-layer-title { background: var(--primary) !important; }
.layui-layer .layui-layer-btn .layui-layer-btn0 { background: var(--primary) !important; }

/* 分页 */
.page-btn,
.current { background: var(--primary) !important; color: #fff !important; }
.paging-box .paging-item.active,
.paging-box .paging-item:hover { color: var(--primary) !important; border-color: var(--primary) !important; }

/* 上传/进度等点缀 */
.store-content .upload-box .up-text { color: var(--primary) !important; }
.order-popup .order-popup-form .form-layout-title { color: var(--primary) !important; }

/* ===== 登录页：面板卡片 + 主题蓝按钮（覆盖 trade.css 的 scoped 样式）===== */
/* 外层：替换失效的 /html/img 背景图，整体水平+垂直居中 */
.login-box-wrap[data-v-bcbe4172] {
    background: linear-gradient(135deg, #eaf1fb 0%, #f6f9fe 100%) !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
/* 取消 500x600 / 0.8 透明的旧外框 */
.login-box-wrap .login-box[data-v-bcbe4172] {
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}
/* 面板卡片：四角圆角 + 边框 + 阴影，把标题/输入/验证码/按钮全部框在内 */
.login-box-wrap .login-box .login-info[data-v-bcbe4172] {
    width: 420px !important;
    height: auto !important;
    margin-top: 0 !important;
    padding: 46px 48px 40px !important;
    border-radius: 14px !important;
    border: 1px solid #e3ebf6 !important;
    box-shadow: 0 12px 40px rgba(30, 99, 199, .15) !important;
}
/* 登录按钮：红色 #F44336 -> 主题蓝 */
.login-box-wrap .login-box button[data-v-bcbe4172] {
    background: var(--primary) !important;
}
.login-box-wrap .login-box button[data-v-bcbe4172]:hover {
    background: var(--primary-dark) !important;
}
/* 标题文字统一蓝色 */
.login-type li { color: var(--primary) !important; }

/* 状态勾叉 */
.state-on { color: #1e9e5a; }
.state-off { color: #d33; }