@charset "UTF-8";
/*!
 * 商户中心 · 简约主题 (theme.css)
 * --------------------------------------------------------------------------
 * 纯视觉覆盖层：只改写颜色 / 圆角 / 阴影 / 间距 / 字体，
 * 不触碰任何布局（display/position/float/width）、HTML 结构与 JS 契约。
 * 必须加载在 app.css 之后。
 * --------------------------------------------------------------------------
 */

:root{
    --brand:#2563eb;
    --brand-dark:#1d4ed8;
    --brand-soft:#eff6ff;

    --success:#10b981;
    --warning:#f59e0b;
    --danger:#ef4444;
    --info:#0ea5e9;

    --bg:#f4f6fb;
    --surface:#ffffff;
    --line:#e8ecf3;
    --line-strong:#d9e0ec;

    --text:#111827;
    --text-2:#6b7280;
    --text-3:#9aa4b2;

    --radius:14px;
    --radius-sm:10px;
    --radius-xs:8px;

    --shadow-xs:0 1px 2px rgba(16,24,40,.05);
    --shadow-sm:0 1px 3px rgba(16,24,40,.08);
    --shadow:0 4px 16px rgba(16,24,40,.06);
    --shadow-lg:0 16px 40px rgba(16,24,40,.14);

    --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;

    --aside-bg:#0f172a;
    --aside-bg-2:#111d33;
}

/* ===================== 基础 ===================== */
html{ background:var(--bg); }
body{
    font-family:var(--font);
    font-size:14px;
    color:var(--text);
    background:var(--bg);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
a{ color:var(--brand); }
a:hover,a:focus{ color:var(--brand-dark); }
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    color:var(--text);
    font-weight:600;
    letter-spacing:-.01em;
}
.font-thin{ font-weight:400 !important; }
small,.small{ color:var(--text-2); }
hr{ border-top:1px solid var(--line); }
blockquote{ border-color:var(--line); }

/* ===================== 顶栏 ===================== */
.app-header{
    background:var(--surface) !important;
    box-shadow:0 1px 0 var(--line),var(--shadow-xs);
}
.app-header .navbar-header,
.app-header .navbar-header.bg-black,
.app-header .navbar-header.bg-dark,
.app-header .navbar-header.bg-info,
.app-header .navbar-header.bg-primary,
.app-header .navbar-collapse{
    background:transparent !important;
}
.app-header .navbar-brand{
    color:var(--text) !important;
    font-weight:700;
    letter-spacing:-.02em;
}
.app-header .navbar-brand i{ color:var(--brand) !important; }
.app-header .navbar-nav > li > a{ color:var(--text-2) !important; }
.app-header .navbar-nav > li > a:hover,
.app-header .navbar-nav > .open > a{
    color:var(--brand) !important;
    background:var(--brand-soft) !important;
}
.app-header .btn.no-shadow{ color:var(--text-2); }
.app-header .btn.no-shadow:hover{ color:var(--brand); }

/* ===================== 侧边导航 ===================== */
.app-aside,
.app-aside.bg-black,
.app-aside.bg-dark,
.app-aside.bg-primary,
.app-aside.bg-info{
    background:var(--aside-bg) !important;
    border-right:0 !important;
}
.app-aside .navi > ul > li > a,
.app-aside .navi a{
    color:rgba(255,255,255,.66) !important;
    font-weight:500;
    border-radius:var(--radius-xs);
    margin:2px 8px;
}
.app-aside .navi > ul > li > a:hover,
.app-aside .navi > ul > li > a:focus,
.app-aside .navi a:hover,
.app-aside .navi a:focus{
    color:#fff !important;
    background:rgba(255,255,255,.07) !important;
}
.app-aside .navi > ul > li.active > a,
.app-aside .navi li.active > a{
    color:#fff !important;
    background:rgba(255,255,255,.12) !important;
}
.app-aside .navi > ul > li.active > a{
    box-shadow:inset 3px 0 0 var(--brand);
}
.app-aside .navi .nav-sub,
.app-aside .navi .nav-sub.dk{
    background:var(--aside-bg-2) !important;
    border-radius:var(--radius-xs);
    margin:2px 8px 6px;
}
.app-aside .navi .nav-sub a{ color:rgba(255,255,255,.6) !important; }
.app-aside .navi .nav-sub a:hover{ color:#fff !important; background:rgba(255,255,255,.06) !important; }
.app-aside .navi .text-muted,
.app-aside .navi .text-xs{ color:rgba(255,255,255,.34) !important; }
.app-aside .navi .line,
.app-aside .navi .line.dk{ background:rgba(255,255,255,.08) !important; }
.app-aside .navi .icon{ color:inherit !important; }

/* ===================== 内容容器 ===================== */
.app-content-body{ background:var(--bg); }
.app-content-body .wrapper-md{ padding:20px 24px; }
.bg-light.lter.b-b.wrapper-md,
.bg-light.lter.b-b{
    background:var(--surface) !important;
    border-color:var(--line) !important;
}
.bg-light.lter.b-b.wrapper-md h1,
.bg-light.lter.b-b h1{ color:var(--text) !important; }

/* ===================== 卡片 / 面板 ===================== */
.panel{
    background:var(--surface);
    border:1px solid var(--line) !important;
    border-radius:var(--radius) !important;
    box-shadow:var(--shadow-xs) !important;
    margin-bottom:18px;
}
.panel.padder-v{ padding:18px; }
.panel-heading{
    background:transparent !important;
    border-bottom:1px solid var(--line) !important;
    border-radius:var(--radius) var(--radius) 0 0 !important;
    color:var(--text) !important;
    font-weight:600;
    padding:15px 20px;
}
.panel-heading .panel-title{ font-weight:600; }
.panel-heading.font-bold{ font-weight:700; }
.panel-body{ padding:20px; }
.panel-footer{
    background:#fafbfd !important;
    border-top:1px solid var(--line) !important;
    border-radius:0 0 var(--radius) var(--radius) !important;
}
/* 彩色标题头统一为品牌色 */
.panel-heading.bg-info,
.panel-heading.bg-info.dk,
.panel-heading.bg-primary,
.panel-heading.bg-primary.dk,
.panel-heading.bg-dark,
.panel-heading.bg-dark.dk,
.panel-heading.bg-black{
    background:var(--brand) !important;
    color:#fff !important;
    border-bottom:0 !important;
}
.panel.b-a{ border:1px solid var(--line) !important; }
.panel-default > .panel-heading{ color:var(--text) !important; }

/* ===================== 按钮 ===================== */
.btn{
    border-radius:var(--radius-sm) !important;
    font-weight:500;
    box-shadow:none !important;
    transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.btn-primary{
    background:var(--brand) !important;
    border-color:var(--brand) !important;
    color:#fff !important;
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active{
    background:var(--brand-dark) !important;
    border-color:var(--brand-dark) !important;
}
.btn-info{
    background:var(--brand) !important;
    border-color:var(--brand) !important;
    color:#fff !important;
}
.btn-info:hover,.btn-info:focus{ background:var(--brand-dark) !important; border-color:var(--brand-dark) !important; }
.btn-success{ background:var(--success) !important; border-color:var(--success) !important; color:#fff !important; }
.btn-danger{ background:var(--danger) !important; border-color:var(--danger) !important; color:#fff !important; }
.btn-warning{ background:var(--warning) !important; border-color:var(--warning) !important; color:#fff !important; }
.btn-default{
    background:var(--surface) !important;
    border:1px solid var(--line-strong) !important;
    color:var(--text) !important;
}
.btn-default:hover,.btn-default:focus{
    background:var(--brand-soft) !important;
    border-color:var(--brand) !important;
    color:var(--brand) !important;
}
.btn-white{
    background:#fff !important;
    border:1px solid var(--line-strong) !important;
    color:var(--text) !important;
}
.btn-white:hover{ border-color:var(--brand) !important; color:var(--brand) !important; }
.btn-rounded{ border-radius:999px !important; }
.btn-link{ color:var(--brand) !important; box-shadow:none !important; }

/* 提示条内的小标签按钮 */
.alert .btn-sm,.alert .btn-xs{
    padding:2px 9px !important;
    border-radius:999px !important;
    font-size:12px;
    vertical-align:middle;
}

/* ===================== 表单 ===================== */
.form-control{
    border:1px solid var(--line-strong) !important;
    border-radius:var(--radius-sm) !important;
    box-shadow:none !important;
    color:var(--text);
    background:#fff;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.form-control:focus{
    border-color:var(--brand) !important;
    box-shadow:0 0 0 3px var(--brand-soft) !important;
}
.form-control[disabled],.form-control[readonly]{ background:#f7f9fc; }
.input-group-addon{
    background:#f8fafc !important;
    border-color:var(--line-strong) !important;
    color:var(--text-2);
    border-radius:var(--radius-sm) !important;
}
.form-group label,.control-label{ color:var(--text); font-weight:500; }
.help-block{ color:var(--text-3); }

/* ===================== 表格 ===================== */
.table{ color:var(--text); }
.table > thead > tr > th{
    border-bottom:1px solid var(--line) !important;
    color:var(--text-2) !important;
    font-weight:600;
    background:#fafbfd;
    vertical-align:middle;
}
.table > tbody > tr > td{
    border-top:1px solid var(--line) !important;
    vertical-align:middle;
}
.table > tbody > tr > th{ border-top:1px solid var(--line) !important; }
.table-striped > tbody > tr:nth-of-type(odd){ background:#fafbfd !important; }
.table-hover > tbody > tr:hover{ background:var(--brand-soft) !important; }
.table-bordered,.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th{ border-color:var(--line) !important; }

/* ===================== 列表组 ===================== */
.list-group-item{
    border-color:var(--line) !important;
    color:var(--text);
}
a.list-group-item:hover,a.list-group-item:focus{
    background:#fafbfd !important;
    color:var(--brand) !important;
}
.list-group-item.active,
.list-group-item.active:hover{
    background:var(--brand) !important;
    border-color:var(--brand) !important;
}

/* ===================== 标签页 ===================== */
.nav-tabs{ border-bottom:1px solid var(--line) !important; }
.nav-tabs > li > a{
    border:0 !important;
    border-radius:0 !important;
    color:var(--text-2) !important;
    font-weight:500;
    margin-right:6px;
}
.nav-tabs > li > a:hover{ background:transparent !important; color:var(--brand) !important; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
    color:var(--brand) !important;
    background:transparent !important;
    border-bottom:2px solid var(--brand) !important;
}
.nav-pills > li.active > a{ background:var(--brand) !important; }

/* ===================== 徽章 / 标签 ===================== */
.label,.badge{
    border-radius:999px !important;
    font-weight:600;
    text-shadow:none !important;
    padding:.32em .72em;
    font-size:11px;
}
.badge{ background:var(--brand) !important; color:#fff !important; }
.label-default{ background:#eef2f7 !important; color:var(--text-2) !important; }
.label-primary{ background:var(--brand) !important; }
.label-info{ background:var(--info) !important; }
.label-success{ background:var(--success) !important; }
.label-warning{ background:var(--warning) !important; }
.label-danger{ background:var(--danger) !important; }

/* ===================== 模态框 ===================== */
.modal-content{
    border:0 !important;
    border-radius:var(--radius) !important;
    box-shadow:var(--shadow-lg) !important;
    overflow:hidden;
}
.modal-header{ border-bottom:1px solid var(--line); padding:18px 22px; }
.modal-title{ font-weight:600; }
.modal-body{ padding:22px; line-height:1.75; }
.modal-footer{ border-top:1px solid var(--line); padding:14px 22px; }

/* ===================== 下拉菜单 ===================== */
.dropdown-menu{
    border:1px solid var(--line) !important;
    border-radius:var(--radius-sm) !important;
    box-shadow:var(--shadow) !important;
    padding:6px;
}
.dropdown-menu > li > a{
    border-radius:var(--radius-xs);
    color:var(--text);
    padding:8px 12px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    background:var(--brand-soft) !important;
    color:var(--brand) !important;
}
.dropdown-menu > li.divider{ background:var(--line); }

/* ===================== 进度条 / 分页 ===================== */
.progress{ background:#eef2f7 !important; border-radius:999px !important; box-shadow:none !important; }
.progress-bar{ box-shadow:none !important; }
.progress-bar-info{ background:var(--brand) !important; }
.pagination > li > a,.pagination > li > span{
    border-color:var(--line) !important;
    color:var(--text-2);
}
.pagination > .active > a,
.pagination > .active > a:hover{
    background:var(--brand) !important;
    border-color:var(--brand) !important;
}

/* ===================== 提示框 ===================== */
.alert{
    border:0 !important;
    border-radius:var(--radius-sm) !important;
    padding:14px 18px;
}
.alert-danger{ background:#fef2f2 !important; color:#b91c1c !important; }
.alert-warning{ background:#fffbeb !important; color:#b45309 !important; }
.alert-success{ background:#ecfdf5 !important; color:#047857 !important; }
.alert-info{ background:var(--brand-soft) !important; color:var(--brand-dark) !important; }

/* ===================== 头像 / 缩略图 ===================== */
.thumb-lg.avatar > img,.avatar img{
    border-radius:50%;
    box-shadow:var(--shadow-sm);
}
.img-thumbnail{
    border:1px solid var(--line) !important;
    border-radius:var(--radius-sm) !important;
    padding:3px;
}

/* ===================== 页脚 ===================== */
.app-footer .wrapper.b-t.bg-light,
.app-footer .wrapper{
    background:var(--surface) !important;
    border-color:var(--line) !important;
    color:var(--text-2) !important;
}

/* ===================== 背景工具类（统一调色板） ===================== */
.bg-white{ background:#fff !important; }
.bg-light{ background:#f7f9fc !important; }
.bg-light.lter,.bg-light .lter{ background:#fafbfd !important; }
.bg-dark{ background:#1f2937 !important; }
.bg-black{ background:#0f172a !important; }
.bg-info,.bg-info.dk{ background:var(--brand) !important; }
.bg-primary,.bg-primary.dk{ background:var(--brand) !important; }
.bg-success{ background:var(--success) !important; }
.bg-warning{ background:var(--warning) !important; }
.bg-danger{ background:var(--danger) !important; }

/* ===================== 文字工具类 ===================== */
.text-primary,.text-primary-dk,.text-primary-dker{ color:var(--brand) !important; }
.text-info,.text-info-dk,.text-info-dker{ color:var(--info) !important; }
.text-success,.text-success-dk,.text-success-dker{ color:var(--success) !important; }
.text-warning,.text-warning-dk{ color:var(--warning) !important; }
.text-danger,.text-danger-dk{ color:var(--danger) !important; }
.text-dark,.text-dark-dk{ color:var(--text) !important; }
.text-muted{ color:var(--text-2) !important; }
.text-lt{ color:rgba(255,255,255,.85) !important; }

/* ===================== 其它细节 ===================== */
.b-b{ border-bottom-color:var(--line) !important; }
.b-t{ border-top-color:var(--line) !important; }
.b-l{ border-left-color:var(--line) !important; }
.b-r{ border-right-color:var(--line) !important; }
.b-a{ border-color:var(--line) !important; }
.hbox .col{ border-color:var(--line) !important; }
.hbox .col:hover{ background:#fafbfd !important; }
.well,.bg-white-only.xs{
    background:#f8fafc !important;
    border:1px solid var(--line) !important;
    border-radius:var(--radius-sm) !important;
    box-shadow:none !important;
}
::-webkit-scrollbar-thumb{ background:#cfd8e3; border-radius:999px; }