/* =============================================================================
   Minimalismo Funcional B2B — 全局重设计覆盖层
   -----------------------------------------------------------------------------
   依据 design.md「极简功能主义 B2B」规范：
   白底平色 / #007BFF 语义强调 / 4-8-12px 圆角 / 柔和阴影 / Inter 字体 /
   去除装饰性渐变与玻璃模糊 / 大量留白 / 克制的微交互（200-300ms ease-out）

   加载位置：Cartoon 主题三个 Header 模板的 css() 清单**最后**，以 !important
   与变量重定义覆盖 glass.css / index.css / global_*.css / component.css。
   ============================================================================= */

/* ---------- ① 设计令牌：把旧体系整表重映射 ---------- */
:root,
:root[data-theme] {
  /* fahaowang 前台变量（index.css） */
  --acg-bg-overlay: rgba(248, 248, 248, 1);
  --acg-primary: #007BFF;            /* 企业蓝：链接/焦点/激活 */
  --acg-secondary: #007BFF;          /* 与 primary 同色 → 渐变塌缩为平色 */
  --acg-danger: #DC3545;
  --acg-text-strong: #212529;
  --acg-text-muted: #6C757D;
  --acg-card-bg: #FFFFFF;
  --acg-border: #E9ECEF;

  /* MUI / 用户中心令牌（md-tokens.css 被 glass.css 覆盖的那些） */
  --md-primary: #007BFF;
  --md-primary-rgb: 0, 123, 255;
  --md-on-primary: #FFFFFF;
  --uc-primary-deep: #0056B3;
  --md-success: #28A745;
  --md-error: #DC3545;
  --md-warning: #FFC107;

  /* 液态玻璃 → 平色卡片 */
  --glass-bg: #FFFFFF;
  --glass-bg-strong: #FFFFFF;
  --glass-bg-soft: #F8F8F8;
  --glass-border: #E9ECEF;
  --glass-border-soft: #E9ECEF;
  --glass-hi: none;
  --glass-filter: none;
  --glass-filter-strong: none;
  --glass-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --glass-shadow-lg: 0 2px 8px rgba(0, 0, 0, 0.08);
  --glass-radius: 8px;
  --glass-radius-sm: 6px;
  --uc-field-bg: #F8F8F8;

  --uc-ink: #212529;
  --uc-ink-med: #6C757D;
  --uc-ink-dis: #ADB5BD;
  --uc-focus: #007BFF;
  --uc-focus-rgb: 0, 123, 255;

  /* 覆盖层自带令牌 */
  --mb-radius-sm: 4px;
  --mb-radius-md: 8px;
  --mb-radius-lg: 12px;
  --mb-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --mb-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.08);
  --mb-border: 1px solid #E9ECEF;
  --mb-ease: cubic-bezier(0.22, 0.61, 0.36, 1); /* ease-out */
  --mb-dur: 240ms;
}

/* 暗色：同样收敛为平色深灰，不保留玻璃模糊 */
:root[data-theme="dark"] {
  --acg-card-bg: #26292E;
  --acg-border: #3A3E45;
  --glass-bg: #26292E;
  --glass-bg-strong: #26292E;
  --glass-bg-soft: #2E3238;
  --glass-border: #3A3E45;
  --glass-border-soft: #3A3E45;
  --glass-filter: none;
  --glass-filter-strong: none;
  --glass-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  --glass-shadow-lg: 0 2px 8px rgba(0, 0, 0, 0.35);
  --uc-ink: #E9ECEF;
  --uc-ink-med: #ADB5BD;
  --uc-ink-dis: #6C757D;
  --uc-field-bg: #2E3238;
  --md-primary: #4C9AFF;
  --md-primary-rgb: 76, 154, 255;
  --uc-primary-deep: #80B8FF;
  --mb-border: 1px solid #3A3E45;
}

/* ---------- ② 字体与基座 ---------- */
body,
.uc-body,
input, button, select, textarea {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
               'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
               'Helvetica Neue', Arial, sans-serif !important;
}

/* 壁纸与叠加渐变 → 纯净浅灰底（index 页 body 是内联背景，必须 !important） */
body,
body.uc-body,
.bg-content.uc-bg {
  background-image: none !important;
  background: #F8F8F8 !important;
  min-height: 100dvh;
}

/* ---------- ③ 顶部导航：白底 + 细边框 + 强调色激活态 ---------- */
.navbar-acg,
.uc-nav,
:root[data-theme] .uc-nav {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: none !important;
  border-bottom: var(--mb-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

:root[data-theme="dark"] .uc-nav,
:root[data-theme="dark"] .navbar-acg { background: #26292E !important; }

:root[data-theme] .uc-nav-wrap { padding: 0 20px; }
:root[data-theme] .uc-nav { border-radius: 0 !important; box-shadow: none !important; }

/* 激活项：去掉渐变药丸，改为企业蓝文本 + 底部指示条 */
:root[data-theme] .uc-nav__item.active,
.navbar-acg .nav-link.active,
:root[data-theme] .uc-nav__list > li.has-active > .uc-nav__item {
  background: none !important;
  color: #007BFF !important;
  box-shadow: none !important;
  font-weight: 600;
  border-radius: 0 !important;
  box-shadow: inset 0 -2px 0 #007BFF !important;
}

:root[data-theme] .uc-nav__item,
.navbar-acg .nav-link {
  border-radius: var(--mb-radius-sm) !important;
  transition: color var(--mb-dur) var(--mb-ease) !important;
}
:root[data-theme] .uc-nav__item:hover,
.navbar-acg .nav-link:hover {
  color: #007BFF !important;
  background: rgba(0, 123, 255, 0.06) !important;
}

/* 店名：去掉半透明彩色 */
.navbar-acg .navbar-brand span { color: #212529 !important; }
:root[data-theme="dark"] .navbar-acg .navbar-brand span { color: #E9ECEF !important; }

/* ---------- ④ 卡片与面板：白底 + 1px 描边 + 柔和阴影 ---------- */
.acg-card,
.panel,
.glass,
.card,
:root[data-theme] .glass,
.optional-card,
.order-item {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: var(--mb-border) !important;
  border-radius: var(--mb-radius-md) !important;
  box-shadow: var(--mb-shadow) !important;
}
:root[data-theme="dark"] .acg-card,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .glass,
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .optional-card,
:root[data-theme="dark"] .order-item { background: #26292E !important; }

/* 面板的玻璃伪元素彻底关闭 */
.panel::before { content: none !important; }

.acg-card,
.order-item {
  transition: transform var(--mb-dur) var(--mb-ease),
              box-shadow var(--mb-dur) var(--mb-ease) !important;
}
.acg-card:hover { box-shadow: var(--mb-shadow-hover) !important; transform: translateY(-2px); }

/* 面板头：去重阴影，改成细分割线 */
.panel-header,
.panel-header .icon,
.item-detail .panel-header .icon {
  box-shadow: none !important;
  background: transparent !important;
}
.panel-header { border-bottom: var(--mb-border); }

/* ---------- ⑤ 按钮：企业蓝填充 / 描边次级 ---------- */
.btn-primary,
.layui-btn,
.order-query-form .btn-primary,
.pay-list .pay.selected,
.sku.is-primary,
.chip.is-primary,
.optional-card.is-primary,
.accent-bar,
.soldout-ribbon,
.sku .badge-moeny,
.cash-pay .form-label i,
.fly-mobile-shop-link {
  background: #007BFF !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #FFFFFF !important;
}

.btn-primary,
.order-query-form .btn-primary {
  border: 1px solid #007BFF !important;
  border-radius: var(--mb-radius-sm) !important;
  font-weight: 600 !important;
  padding: 12px 20px !important;
  transition: background-color var(--mb-dur) var(--mb-ease),
              box-shadow var(--mb-dur) var(--mb-ease),
              transform 120ms var(--mb-ease) !important;
}
.btn-primary:hover,
.order-query-form .btn-primary:hover {
  background: #0063D1 !important; /* hover 8% 加深 */
  border-color: #0063D1 !important;
  box-shadow: var(--mb-shadow-hover) !important;
}
.btn-primary:active { transform: translateY(1px); }
.order-query-form .btn-primary::before { content: none !important; } /* 去扫光动画 */

/* 次级/幽灵按钮 */
.btn-outline-primary,
.layui-btn-primary:not(.layui-btn-normal) {
  background: transparent !important;
  border: 1.5px solid #ADB5BD !important;
  color: #212529 !important;
  border-radius: var(--mb-radius-sm) !important;
}
.btn-outline-primary:hover { background: #F8F8F8 !important; border-color: #6C757D !important; }

/* 数量加减条：平色浅灰 */
.input-group.qty-group,
.input-group.qty-group > button {
  background: #F8F8F8 !important;
  background-image: none !important;
  color: #212529 !important;
}

/* 分类 chips：圆角 999px → 8px，激活态平色蓝 */
.chip {
  border-radius: var(--mb-radius-md) !important;
  background: #FFFFFF !important;
  border: var(--mb-border) !important;
  box-shadow: none !important;
  color: #6C757D !important;
  transition: color var(--mb-dur) var(--mb-ease),
              border-color var(--mb-dur) var(--mb-ease),
              background-color var(--mb-dur) var(--mb-ease) !important;
}
.chip:hover { color: #007BFF !important; border-color: #007BFF !important; }
.chip.is-primary {
  border-color: #007BFF !important;
  border-radius: var(--mb-radius-md) !important;
  font-weight: 600;
}

/* ---------- ⑥ 表单控件：1px 描边 + 2px 焦点环 ---------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
textarea,
select,
.form-control,
.select2-selection {
  border: var(--mb-border) !important;
  border-radius: var(--mb-radius-sm) !important;
  box-shadow: none !important;
  transition: border-color var(--mb-dur) var(--mb-ease),
              box-shadow var(--mb-dur) var(--mb-ease) !important;
}
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.select2-container--focus .select2-selection {
  border-color: #007BFF !important;
  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
  outline: none !important;
}

/* 搜索框组：去掉玻璃与叠影 */
.search-input .input-group-text,
.search-input .form-control {
  background: #F8F8F8 !important;
  backdrop-filter: none !important;
}

/* ---------- ⑦ 状态徽章：语义色平铺 ---------- */
.status-badge.status-pending  { background: #FFC107 !important; color: #212529 !important; }
.status-badge.status-paid     { background: #28A745 !important; color: #FFFFFF !important; }
.status-badge.status-completed{ background: #007BFF !important; color: #FFFFFF !important; }
.status-badge.status-cancelled{ background: #6C757D !important; color: #FFFFFF !important; }
.status-badge.status-shipped  { background: #17A2B8 !important; color: #FFFFFF !important; }
.status-badge { border-radius: var(--mb-radius-sm) !important; background-image: none !important; }

/* 已售罄缎带等强调装饰：平色深灰 */
.soldout-ribbon { background: #6C757D !important; background-image: none !important; }
.accent-bar     { background: #007BFF !important; }
.order-item::before { background: #007BFF !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,
.layui-nav-tree > .layui-nav-item > a:hover {
  background: #007BFF !important;
  background-image: none !important;
  color: #FFFFFF !important;
}
.layui-btn-pink {
  background: #007BFF !important;
  background-image: none !important;
  box-shadow: none !important;
}
.layui-btn { border-radius: var(--mb-radius-sm) !important; }
.content-header {
  border-bottom: 1px solid #E9ECEF !important;
  color: #212529 !important;
  font-weight: 600 !important;
}
.elem-quote {
  border-left: 4px solid #007BFF !important;
  background: #F1F8FF !important;
  color: #212529 !important;
}
.elem-tips {
  background: #FFF8E1 !important;
  color: #6C757D !important;
  border-radius: var(--mb-radius-sm) !important;
}
.form-header { color: #6C757D !important; font-weight: 600 !important; }
.pagination .page-item.active .page-link,
.page-item.active .page-link {
  background-color: #007BFF !important;
  border-radius: var(--mb-radius-sm) !important;
}
.acg-badge-light-primary { color: #007BFF !important; background-color: #E7F1FF !important; }
.acg-badge-light-success { color: #1E7E34 !important; background-color: #E9F7EF !important; }
.acg-badge-light-red     { color: #DC3545 !important; background-color: #FDF0F1 !important; }

/* 个人中心侧栏与面板（fly 系列玻璃残留） */
.fly-user-main > .layui-nav,
.fly-user-main > .fly-panel {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: var(--mb-radius-md) !important;
  border: var(--mb-border) !important;
  box-shadow: var(--mb-shadow) !important;
}
.layui-table {
  background: #FFFFFF !important;
  border-radius: var(--mb-radius-md) !important;
  border: var(--mb-border);
}

/* 悬浮工具球：收敛为中性 */
.site-tree-mobile {
  background: #FFFFFF !important;
  border: var(--mb-border) !important;
  border-radius: var(--mb-radius-md) !important;
  box-shadow: var(--mb-shadow) !important;
  color: #6C757D !important;
}

/* 移动端粉色快捷条 */
.fly-mobile-shop-link {
  border-radius: var(--mb-radius-sm) !important;
  background: #007BFF !important;
  box-shadow: none !important;
}

/* ---------- ⑨ 通用收敛 ---------- */
/* 所有超大圆角统一回落（token 覆盖不到的硬编码） */
.auth-box, .ay-card, .modal-content, .layui-layer, .dropdown-menu,
.uc-submenu, .card-display, .sku, .pay {
  border-radius: var(--mb-radius-md) !important;
  box-shadow: var(--mb-shadow) !important;
}

/* 弹层与下拉：平色 */
.uc-submenu,
.dropdown-menu,
.layui-layer {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: var(--mb-border) !important;
}

/* 链接统一强调色 */
a { color: #007BFF; }
a:hover { color: #0056B3; }

/* 价格强调保持可读 */
.goods-price, .badge-moeny, .price { font-variant-numeric: tabular-nums; }

/* 过渡统一为 ease-out 240ms（只动 transform/opacity 的项目） */
.acg-card, .chip, .btn-primary, .nav-link, .uc-nav__item {
  transition-duration: var(--mb-dur) !important;
  transition-timing-function: var(--mb-ease) !important;
}

/* ---------- ⑩ 登录/注册页：去装饰光斑与渐变 ---------- */
.auth-wrapper { background: #F8F8F8 !important; }
.auth-wrapper::before, .auth-wrapper::after { content: none !important; }
.auth-card {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: var(--mb-border) !important;
  border-radius: var(--mb-radius-lg) !important;
  box-shadow: var(--mb-shadow) !important;
  color: #212529 !important;
}
.auth-title { color: #212529 !important; font-weight: 700 !important; }
.brand-badge .dot { background: #007BFF !important; box-shadow: none !important; }
.btn-gradient {
  background: #007BFF !important;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: var(--mb-radius-sm) !important;
  font-weight: 600 !important;
}
.btn-gradient:hover { background: #0063D1 !important; box-shadow: var(--mb-shadow-hover) !important; }
.btn-gradient:active { transform: translateY(1px); }
.btn-ghost {
  background: transparent !important;
  border: 1.5px solid #ADB5BD !important;
  color: #212529 !important;
  border-radius: var(--mb-radius-sm) !important;
}
.btn-ghost:hover { background: #F8F8F8 !important; border-color: #6C757D !important; }
.captcha-img, .prompt-image-code {
  border: var(--mb-border) !important;
  border-radius: var(--mb-radius-sm) !important;
}

/* 数量加减器：粉色光晕 → 中性描边 */
.input-group.qty-group {
  border: var(--mb-border) !important;
  box-shadow: none !important;
  background: #FFFFFF !important;
  border-radius: var(--mb-radius-sm) !important;
}
.input-group.qty-group > button {
  background: #F8F8F8 !important;
  background-image: none !important;
  color: #212529 !important;
  box-shadow: none !important;
  border-radius: var(--mb-radius-sm) !important;
  transition: background-color var(--mb-dur) var(--mb-ease) !important;
}
.input-group.qty-group > button:hover { background: #E9ECEF !important; filter: none !important; }

/* 支付方式卡片选中态：蓝边平铺 */
.pay-list .pay { border-radius: var(--mb-radius-md) !important; }
.pay-list .pay.selected {
  border-color: #007BFF !important;
  background: #F1F8FF !important;
}

/* 移动端：面板间距收紧、无横向溢出 */
@media (max-width: 768px) {
  .panel, .acg-card { border-radius: var(--mb-radius-md) !important; }
  :root[data-theme] .uc-main { padding: 16px 16px 48px; }
}