/*
 * 会员后台中性配色
 *
 * 仅覆盖会员中心的颜色、边框、阴影和文字对比度，不改变现有布局、
 * 尺寸、导航结构或交互。配色参考管理后台：白色工作区、浅灰背景、
 * 深灰文字和蓝色主操作。
 */
:root {
    --member-admin-primary: #1677ff;
    --member-admin-primary-hover: #0958d9;
    --member-admin-primary-soft: #e8f1ff;
    --member-admin-text: #334155;
    --member-admin-muted: #64748b;
    --member-admin-border: #e2e8f0;
    --member-admin-surface: #ffffff;
    --member-admin-background: #f4f6f9;
}

body {
    color: var(--member-admin-text);
    background: var(--member-admin-background) !important;
    background-image: none !important;
}

.bg-content {
    background: var(--member-admin-background) !important;
}

/* 顶部栏 */
.fly-header {
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid var(--member-admin-border);
    box-shadow: 0 1px 4px rgba(15, 23, 42, .06) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.fly-logo,
.fly-logo:hover {
    color: var(--member-admin-text) !important;
}

.fly-header .fly-nav a,
.fly-header .fly-nav a:hover,
.fly-nav-avatar cite {
    color: var(--member-admin-text) !important;
}

.fly-header .fly-nav-user a.iconfont {
    color: var(--member-admin-muted) !important;
}

.user-level {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid var(--member-admin-border);
}

.user-avatar {
    box-shadow: 0 1px 4px rgba(15, 23, 42, .14) !important;
}

.fly-header .fly-nav-user .layui-nav-child,
.fly-header > .layui-container > .fly-nav .fly-nav-more > .layui-nav-child {
    background: var(--member-admin-surface) !important;
    border: 1px solid var(--member-admin-border);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .12) !important;
}

.fly-header > .layui-container > .fly-nav .fly-nav-more > .layui-nav-child dd a,
.fly-header > .layui-container > .fly-nav .fly-nav-more > .layui-nav-child dd a:hover {
    color: var(--member-admin-text) !important;
}

.fly-header > .layui-container > .fly-nav .fly-nav-more > .layui-nav-child dd a:hover {
    background: #f8fafc !important;
}

/* 左侧会员导航 */
.fly-user-main > .layui-nav {
    background: var(--member-admin-surface) !important;
    border: 1px solid var(--member-admin-border);
    box-shadow: 0 4px 14px rgba(15, 23, 42, .06) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.layui-nav .layui-nav-item a,
.user-center-nav .shop-management-nav > a,
.user-center-nav .shop-management-nav > a .shop-management-label {
    color: var(--member-admin-text) !important;
}

.layui-nav .layui-nav-item a:hover,
.layui-nav-tree > .layui-nav-item > a:hover,
.layui-nav-tree .layui-nav-child dd:hover > a {
    color: var(--member-admin-primary) !important;
    background: #f8fafc !important;
}

.layui-nav-tree .layui-nav-child dd.layui-this,
.layui-nav-tree .layui-nav-child dd.layui-this a,
.layui-nav-tree .layui-this,
.layui-nav-tree .layui-this > a,
.layui-nav-tree .layui-this > a:hover {
    color: var(--member-admin-primary) !important;
    background: var(--member-admin-primary-soft) !important;
}

.user-center-nav .shop-management-nav > a::after,
.user-center-nav .self-owned-product-nav > a::after {
    border-color: #64748b !important;
}

.user-center-nav .business-level-badge {
    background: #e8f1ff !important;
    color: var(--member-admin-primary) !important;
    border: 1px solid #c7dcff;
}

/* 主工作区、卡片和文字 */
.fly-user-main > .fly-panel,
.layui-card,
.layui-layer,
.layui-table-view,
.bootstrap-table .fixed-table-container {
    background: var(--member-admin-surface) !important;
    border-color: var(--member-admin-border) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.fly-panel-user h1,
.fly-panel-user h2,
.fly-panel-user h3,
.fly-panel-user h4,
.layui-card-header,
.layui-form-label,
.layui-table th,
.bootstrap-table .fixed-table-toolbar,
.bootstrap-table .fixed-table-pagination {
    color: var(--member-admin-text) !important;
}

.layui-table,
.layui-table-view .layui-table {
    color: var(--member-admin-text);
    background: var(--member-admin-surface) !important;
}

.layui-table thead tr,
.layui-table-header,
.bootstrap-table .fixed-table-header {
    background: #f8fafc !important;
}

.layui-table th,
.layui-table td,
.layui-table-view,
.bootstrap-table .fixed-table-container {
    border-color: var(--member-admin-border) !important;
}

.layui-table tbody tr:hover,
.layui-table-hover,
.bootstrap-table .table-hover > tbody > tr:hover {
    background: #f8fafc !important;
}

.layui-form input,
.layui-form select,
.layui-form textarea,
.layui-input,
.layui-select,
.layui-textarea,
.select2-container--default .select2-selection--single {
    color: var(--member-admin-text) !important;
    background: #fff !important;
    border-color: #cbd5e1 !important;
}

.layui-form input:focus,
.layui-form select:focus,
.layui-form textarea:focus,
.layui-input:focus,
.layui-textarea:focus,
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--member-admin-primary) !important;
    box-shadow: 0 0 0 2px rgba(22, 119, 255, .12) !important;
}

/* 按钮、标签和提示 */
.layui-btn-pink,
.layui-btn-normal,
.layui-btn-primary:hover,
.layui-btn-primary:focus {
    color: #fff !important;
    background: var(--member-admin-primary) !important;
    border-color: var(--member-admin-primary) !important;
}

.layui-btn-pink:hover,
.layui-btn-normal:hover {
    background: var(--member-admin-primary-hover) !important;
}

.layui-btn-primary {
    color: var(--member-admin-primary) !important;
    background: #fff !important;
    border: 1px solid #b7d2ff !important;
}

.layui-bg-pro,
.layui-bg-cash {
    background: var(--member-admin-primary-soft) !important;
    color: var(--member-admin-primary) !important;
}

.layui-elem-quote {
    color: var(--member-admin-muted) !important;
    background: #f8fafc !important;
    border-left-color: var(--member-admin-primary) !important;
}

.layui-tab-title {
    border-bottom-color: var(--member-admin-border) !important;
}

.layui-tab-title .layui-this {
    color: var(--member-admin-primary) !important;
}

.layui-tab-title .layui-this:after {
    border-color: transparent transparent var(--member-admin-primary) !important;
}

.layui-badge {
    background: var(--member-admin-primary) !important;
}

.bootstrap-table.bootstrap5 .table-switch-state button.active,
.table-switch-state button:focus {
    background-color: var(--member-admin-primary) !important;
}

.bootstrap-table.bootstrap5 .table-switch-state button:hover {
    background-color: var(--member-admin-primary-soft) !important;
}

.prompt-image-code {
    border-color: #b7d2ff !important;
}

/*
 * 页面级覆盖
 *
 * 会员中心还有一批历史 Cartoon 主题组件使用独立 class/内联颜色，
 * 仅覆盖导航不会影响这些页面。以下规则只改颜色、边框、阴影和文字
 * 对比度，不改变尺寸、间距、布局或交互。
 */
.fly-user-main > .fly-panel,
.fly-user-main > .fly-panel-user,
.fly-panel-user .layui-tab,
.fly-panel-user .content-body,
.fly-panel-user .form-block,
.fly-panel-user .form-data {
    color: var(--member-admin-text) !important;
}

.content-header {
    color: var(--member-admin-primary) !important;
    border-bottom-color: var(--member-admin-border) !important;
}

.elem-quote,
.elem-tips {
    color: #475569 !important;
    background: #f8fafc !important;
    border-left-color: var(--member-admin-primary) !important;
    border-color: var(--member-admin-border) !important;
}

.elem-quote {
    border-left: 4px solid var(--member-admin-primary) !important;
}

.form-header,
.form-header[style],
.layui-form-label,
.fly-panel-title {
    color: #475569 !important;
}

.form-body,
.form-body label,
.form-body .text-muted,
.content-body .text-muted {
    color: #64748b !important;
}

.card-data .layui-card {
    background: #fff !important;
    border: 1px solid var(--member-admin-border) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05) !important;
}

.card-data .layui-card-header {
    color: #475569 !important;
    border-bottom-color: var(--member-admin-border) !important;
}

.card-data .layui-card-body {
    color: var(--member-admin-primary) !important;
}

.more-table td {
    color: var(--member-admin-text) !important;
}

.more-table td[style*="#00A3FF"],
.more-table td[style*="#00a3ff"],
.more-table a[style*="#0C84D1"],
.more-table a[style*="#0c84d1"] {
    color: var(--member-admin-primary) !important;
}

/* 店铺设置页的 SEO 卡片和历史内联粉色文字。 */
.substation-seo-settings {
    background: #f8fafc !important;
    border-color: var(--member-admin-border) !important;
}

.substation-seo-settings .form-header,
.substation-seo-settings label {
    color: #475569 !important;
}

.business-group[style],
.form-body input[style*="#ff9191"],
.form-body input[style*="#FF9191"],
.form-body textarea[style*="#ff9191"] {
    color: var(--member-admin-text) !important;
}

.button-switch-notice {
    color: #64748b !important;
    background: #f8fafc !important;
    border-color: var(--member-admin-border) !important;
}

.layui-btn-pink,
.layui-btn-pink:focus,
.layui-btn-pink:hover {
    color: #fff !important;
    background: var(--member-admin-primary) !important;
    border-color: var(--member-admin-primary) !important;
    box-shadow: 0 4px 12px rgba(22, 119, 255, .18) !important;
}

.layui-bg-pro,
.layui-bg-cash {
    color: var(--member-admin-primary) !important;
    background: var(--member-admin-primary-soft) !important;
}

/* 兼容页面上仍带有旧粉色的提示链接/卡片内联样式。 */
.fly-panel-user a[style*="#ffd6e7"],
.fly-panel-user a[style*="#fff7fb"],
.fly-panel-user a[style*="233,104,148"],
.fly-panel-user div[style*="219,102,172"],
.fly-panel-user div[style*="#db66ac"] {
    border-color: var(--member-admin-border) !important;
    background: #f8fafc !important;
    color: var(--member-admin-text) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05) !important;
}

/* 站点首页统计卡片是独立样式，单独压掉粉色数字和渐变。 */
.station-stat-card {
    color: var(--member-admin-text) !important;
    background: #fff !important;
    border-color: var(--member-admin-border) !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .05) !important;
}

.station-stat-label {
    color: #64748b !important;
}

.station-stat-value,
.station-stat-subvalue {
    color: var(--member-admin-text) !important;
}

.station-overview-title {
    color: var(--member-admin-text) !important;
}

.station-overview-link {
    color: var(--member-admin-primary) !important;
}

@media screen and (max-width: 768px) {
    .fly-header {
        background: rgba(255, 255, 255, .98) !important;
    }
}