/* ============================================================
   奥云商城 · 品牌视觉系统（暖米高级感）
   覆盖层：在 dashboard.css / visual-system.css 之后引入
   仅改视觉，不碰业务逻辑。可随时移除此文件回退。
   方法论：taste-skill anti-slop · VARIANCE 4 / MOTION 4 / DENSITY 6
   配色：暖米棕主色 #5a4a3a · 暖米白背景 #faf6f0
   ============================================================ */

/* ---------- 全局 token（暖米高级感主题 · taste-skill 设计令牌） ---------- */
:root{
  /* 颜色系统（暖米高级感） */
  --aoyun-paper:#faf6f0;
  --aoyun-surface:#ffffff;
  --aoyun-surface-soft:#f5efe6;
  --aoyun-copper:#d0bfa0;
  --aoyun-copper-hover:#c0ae90;
  --aoyun-copper-soft:#e8ddd0;
  --aoyun-copper-pale:#f5efe6;
  --aoyun-gold:#f0e4d0;
  --aoyun-deep:#3a2a1a;
  --aoyun-ink:#2a1f15;
  --aoyun-muted:#7a6a5a;
  --aoyun-line:#e8ddd0;
  --aoyun-line-strong:#d4c4b0;
  --aoyun-success:#5a7a4a;
  --aoyun-warning:#b86509;
  --aoyun-danger:#c45a4a;
  --aoyun-danger-deep:#b04a3a;

  /* 字体系统 */
  --aoyun-display:Georgia,"Songti SC","STSong",serif;
  --aoyun-body:"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;
  --aoyun-num:Bahnschrift,"Microsoft YaHei UI",sans-serif;

  /* 圆角系统（形状一致性锁定） */
  --radius-xs:4px;      /* 标签、小元素 */
  --radius-sm:8px;      /* 输入框、小按钮 */
  --radius-md:12px;     /* 按钮、小卡片 */
  --radius-lg:16px;     /* 卡片、面板、弹窗 */
  --radius-xl:20px;     /* 大卡片、英雄区 */
  --radius-pill:999px;  /* 全圆（标签、胶囊按钮） */

  /* 间距系统（统一层级） */
  --space-xs:6px;
  --space-sm:10px;
  --space-md:14px;
  --space-lg:20px;
  --space-xl:28px;
  --space-2xl:40px;
  --space-3xl:56px;

  /* 阴影系统（暖米棕色调分层） */
  --shadow-soft:0 2px 8px rgba(90,74,58,.06);
  --shadow-medium:0 4px 16px rgba(90,74,58,.10);
  --shadow-strong:0 8px 24px rgba(90,74,58,.14);
  --shadow-glow:0 0 0 3px rgba(90,74,58,.12);
  --shadow-button:0 3px 10px rgba(90,74,58,.30), inset 0 1px 0 rgba(255,255,255,.25);
  --shadow-button-hover:0 6px 16px rgba(90,74,58,.40), inset 0 1px 0 rgba(255,255,255,.30);
  --shadow-button-active:0 2px 6px rgba(90,74,58,.25);

  /* 字体大小层级 */
  --text-xs:12px;
  --text-sm:13px;
  --text-base:15px;
  --text-lg:17px;
  --text-xl:20px;
  --text-2xl:24px;
  --text-3xl:30px;
  --text-4xl:36px;

  /* 过渡动画 */
  --transition-fast:150ms cubic-bezier(0.16,1,0.3,1);
  --transition-normal:250ms cubic-bezier(0.16,1,0.3,1);
  --transition-slow:400ms cubic-bezier(0.16,1,0.3,1);
}

/* ---------- 全局背景与字体 ---------- */
html,body{
  background:var(--aoyun-paper)!important;
  color:var(--aoyun-ink)!important;
  font:15px/1.7 var(--aoyun-body)!important;
}
button,input,select,textarea{font:inherit!important;color:inherit!important}

/* ---------- 应用框架 ---------- */
.app{background:var(--aoyun-paper)!important}
.app>main{background:var(--aoyun-paper)!important;min-width:0}

/* ---------- 侧栏：浅暖米底（暖米高级感） ---------- */
.side{
  background:linear-gradient(180deg, #f5efe6 0%, #ede4d6 100%)!important;
  border-right:1px solid var(--aoyun-line)!important;
  color:var(--aoyun-ink)!important;
  box-shadow:2px 0 8px rgba(90,74,58,.04)!important;
  scrollbar-color:rgba(90,74,58,.3) transparent!important;
}
.brand{
  padding:5px 16px 5px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.brand-mark{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
}
.usercard{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
}
.usercard b{color:var(--aoyun-ink)!important;font-size:14px!important}

/* ---------- 侧栏导航：线条风格（浅色版） ---------- */
.nav>button,.nav-parent,.nav .nav-sub,.nav .nav-event-main,.nav .nav-event-children button{
  color:var(--aoyun-ink-soft, #6b5a45)!important;
  font-size:15px!important;
  font-weight:600!important;
  min-height:48px!important;
  border-radius:0!important;
  box-shadow:none!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  background:transparent!important;
  position:relative!important;
}
.nav .nav-sub,.nav .nav-event-children button{
  font-size:14px!important;
  font-weight:500!important;
  min-height:42px!important;
  color:var(--aoyun-muted)!important;
  border-bottom:1px solid var(--aoyun-line)!important;
}
.nav button:hover,.nav-parent:hover,.nav .nav-sub:hover,.nav .nav-event-main:hover{
  background:transparent!important;
  color:var(--aoyun-deep)!important;
}
.nav button:hover::after,.nav-parent:hover::after,.nav .nav-event-main:hover::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:2px!important;
  background:var(--aoyun-copper-soft)!important;
}
.nav button.active,.nav-parent.active,.nav .nav-event-main.active{
  position:relative!important;
  background:transparent!important;
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  box-shadow:none!important;
}
.nav button.active::after,.nav-parent.active::after,.nav .nav-event-main.active::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  border-radius:2px!important;
}
.nav button.active::before,.nav .nav-event-main.active::before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:4px!important;
  height:24px!important;
  border-radius:0 4px 4px 0!important;
  background:linear-gradient(180deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  box-shadow:0 0 8px rgba(90,74,58,.4)!important;
}
.nav-label{
  color:var(--aoyun-muted)!important;
  font-size:11px!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
}
.event-quick-nav{border-left:1px solid var(--aoyun-line)!important}
.nav .nav-event-main i{background:var(--aoyun-muted)!important;opacity:.6!important}
.nav .nav-event-main i.live{background:#5a7a4a!important;box-shadow:0 0 0 3px rgba(90,122,74,.2)!important}
.nav-event-children button.active{background:transparent!important;color:var(--aoyun-deep)!important;font-weight:700!important}

/* ---------- 顶栏 ---------- */
.top{
  height:64px!important;
  padding:0 24px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
  box-shadow:0 1px 4px rgba(139,111,71,.04)!important;
}
.top-page-title{
  font:700 22px/1.2 var(--aoyun-display)!important;
  color:var(--aoyun-deep)!important;
}

/* ---------- 页面容器 ---------- */
.page{padding:18px 24px 36px!important}
.page h1,.page-title h1,.event-heading h1{
  font:700 26px/1.2 var(--aoyun-display)!important;
  color:var(--aoyun-deep)!important;
}
.page-title p,.event-detail-head p{color:var(--aoyun-muted)!important;font-size:14px!important}
.muted{color:var(--aoyun-muted)!important}

/* ---------- 面板与卡片（taste-skill 优化） ---------- */
.panel,.card,.event-section,.dashboard-widget{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:var(--radius-lg)!important;
  box-shadow:var(--shadow-soft)!important;
  transition:box-shadow var(--transition-fast)!important;
}
.panel:hover,.card:hover{box-shadow:var(--shadow-medium)!important}
.panel{padding:var(--space-lg)!important}
.card{padding:var(--space-lg)!important}
.dashboard-widget-head h3,.panel-head h3{
  font:700 var(--text-lg)/1.3 var(--aoyun-display)!important;
  color:var(--aoyun-deep)!important;
}

/* ---------- 按钮：玫瑰金渐变（taste-skill 优化） ---------- */
.btn,.primary,.ghost,.danger,.danger-soft,
.page-title-actions button,.event-list-actions button,
.event-row-actions button,.permission-actions button,
.dashboard-view-toolbar button,.form-actions button{
  min-height:46px!important;
  padding:0 22px!important;
  border-radius:var(--radius-md)!important;
  font-size:var(--text-base)!important;
  font-weight:800!important;
  letter-spacing:.02em!important;
  transition:all var(--transition-fast)!important;
  cursor:pointer!important;
  user-select:none!important;
}
.primary{
  background:linear-gradient(180deg,#f0e4d0 0%,#e0d0b8 55%,#d0bfa0 100%)!important;
  color:#3a2a1a!important;
  border:1px solid rgba(74,58,42,.5)!important;
  box-shadow:var(--shadow-button)!important;
}
.primary:hover{
  background:linear-gradient(180deg,#9a8a7a 0%,#7a6a5a 55%,#6a5a4a 100%)!important;
  transform:translateY(-2px)!important;
  box-shadow:var(--shadow-button-hover)!important;
}
.primary:active{
  transform:translateY(0) scale(.98)!important;
  box-shadow:var(--shadow-button-active)!important;
}
.ghost{
  background:linear-gradient(180deg,#f5efe6,#e8ddd0)!important;
  color:var(--aoyun-deep)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  box-shadow:var(--shadow-soft)!important;
}
.ghost:hover{
  background:linear-gradient(180deg,#e8ddd0,#ddd0be)!important;
  border-color:var(--aoyun-gold)!important;
  color:#2a1a0a!important;
  transform:translateY(-1px)!important;
  box-shadow:var(--shadow-medium)!important;
}
.ghost:active{transform:translateY(0) scale(.98)!important}
.danger,.danger-soft{
  background:linear-gradient(180deg,#d48a7a 0%,#c46a5a 55%,#b05a4a 100%)!important;
  color:#fff!important;
  border:1px solid rgba(176,90,74,.5)!important;
  box-shadow:0 3px 10px rgba(196,106,90,.3), inset 0 1px 0 rgba(255,255,255,.25)!important;
  min-width:80px!important;
  padding:0 16px!important;
}
.danger:hover{
  background:linear-gradient(180deg,#de9a8a 0%,#cf7a6a 55%,#c46a5a 100%)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 6px 16px rgba(196,106,90,.4)!important;
}
.danger:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 6px rgba(196,106,90,.25)!important}
button:disabled{opacity:.45!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}

/* ---------- 表单与输入（taste-skill 优化） ---------- */
.field{gap:var(--space-xs)!important;margin:var(--space-md) 0!important;color:var(--aoyun-deep)!important;font-weight:700!important}
.field input,.field select,.field textarea,
.toolbar input,.toolbar select,
.event-search-box,.customer-manage-toolbar select,
.permission-toolbar select,.event-order-toolbar select,
.event-product-toolbar input,.event-product-toolbar select{
  min-height:46px!important;
  padding:0 var(--space-md)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:var(--radius-sm)!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  font-size:var(--text-base)!important;
  transition:all var(--transition-fast)!important;
}
.field input,.field select,.field textarea{padding:9px 12px!important}
.field input:hover,.field select:hover,.toolbar input:hover,.toolbar select:hover{border-color:var(--aoyun-gold)!important;background:var(--aoyun-copper-pale)!important}
.field input:focus,.field select:focus,.toolbar input:focus,.toolbar select:focus,
.event-search-box:focus-within{
  border-color:#3a2a1a!important;
  box-shadow:var(--shadow-glow)!important;
  outline:0!important;
}
input::placeholder,textarea::placeholder{color:#b8a0a8!important}

/* ---------- 表格 ---------- */
.tablewrap{
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface)!important;
  overflow:auto!important;
}
.tablewrap>table{border:0!important}
table{color:var(--aoyun-ink)!important;font-size:var(--text-base)!important;border-collapse:separate!important;border-spacing:0!important}
th,td{
  padding:var(--space-md) var(--space-sm)!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  font-size:var(--text-base)!important;
  vertical-align:middle!important;
}
th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  font-size:var(--text-sm)!important;
  font-weight:800!important;
  white-space:nowrap!important;
  letter-spacing:.02em!important;
}
th:first-child{border-top-left-radius:var(--radius-sm)!important}
th:last-child{border-top-right-radius:var(--radius-sm)!important}
tbody tr{transition:background var(--transition-fast)!important}
tbody tr:hover>td{background:var(--aoyun-copper-pale)!important}
.num{font-family:var(--aoyun-num)!important;font-variant-numeric:tabular-nums!important}
.name{color:var(--aoyun-deep)!important;font-weight:700!important}

/* ---------- 标签（taste-skill 优化） ---------- */
.tag{
  display:inline-flex!important;
  align-items:center!important;
  gap:var(--space-xs)!important;
  padding:4px var(--space-md)!important;
  border-radius:var(--radius-pill)!important;
  font-size:var(--text-sm)!important;
  font-weight:700!important;
  white-space:nowrap!important;
  line-height:1.6!important;
}
.tag::before{content:""!important;width:6px!important;height:6px!important;border-radius:50%!important;background:currentColor!important}
.pending,.tag-pending{background:#faf0e0!important;color:var(--aoyun-warning)!important}
.shipped,.tag-shipped{background:#f0ebe0!important;color:#8b7a6a!important}
.done,.tag-done{background:#e8efe0!important;color:var(--aoyun-success)!important}
.producing{background:var(--aoyun-copper-soft)!important;color:#3a2a1a!important}
.event-live{background:#e8efe0!important;color:var(--aoyun-success)!important}
.event-upcoming{background:var(--aoyun-copper-soft)!important;color:#3a2a1a!important}
.event-ended{background:#f5efe6!important;color:var(--aoyun-danger)!important}
.event-cancelled{background:#ede4d6!important;color:var(--aoyun-danger-deep)!important}

/* ---------- 登录页：OLÉNO 品牌高级感 ---------- */
.login{
  position:relative!important;
  min-height:100vh!important;
  overflow:hidden!important;
  background:var(--aoyun-paper)!important;
}
.login-bg{
  position:fixed!important;inset:0!important;
  background:url('login-bg.jpg') center/cover no-repeat!important;
  z-index:0!important;
}
.login-overlay{
  position:fixed!important;inset:0!important;
  background:
    radial-gradient(ellipse 70% 50% at 50% 40%, rgba(184,149,106,.08), transparent 60%),
    linear-gradient(135deg, rgba(70,40,20,.15) 0%, rgba(100,55,30,.08) 50%, rgba(130,75,45,.05) 100%)!important;
  z-index:1!important;
}
.login-wrap{
  position:relative!important;z-index:2!important;
  min-height:100vh!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:24px!important;
}
.login-card{
  width:100%!important;max-width:440px!important;
  background:rgba(255,250,242,.88)!important;
  backdrop-filter:blur(24px)!important;
  -webkit-backdrop-filter:blur(24px)!important;
  border:1px solid rgba(255,240,220,.7)!important;
  border-radius:20px!important;
  box-shadow:0 24px 64px rgba(80,45,20,.4), 0 0 0 1px rgba(255,240,220,.2) inset!important;
  padding:44px 40px 36px!important;
}
.login-logo{
  text-align:center!important;
  margin-bottom:32px!important;
  padding:0 0 20px!important;
  position:relative!important;
}
.login-logo::after{
  content:""!important;
  position:absolute!important;
  bottom:0!important;left:50%!important;
  transform:translateX(-50%)!important;
  width:50%!important;height:1px!important;
  background:linear-gradient(90deg,transparent,#d4c4b0,transparent)!important;
}
.login-logo img{
  max-width:280px!important;
  height:auto!important;
  display:block!important;
  margin:0 auto!important;
  filter:brightness(0.65) sepia(1) hue-rotate(-12deg) saturate(1.6)!important;
}
.login-form .form-group{margin-bottom:20px!important}
.login-form .form-label{
  display:block!important;
  font-size:14px!important;
  font-weight:700!important;
  color:#3a2a1a!important;
  margin-bottom:8px!important;
  letter-spacing:.08em!important;
}
.login-form .input-wrap{position:relative!important}
.login-form .input-icon{
  position:absolute!important;
  left:14px!important;top:50%!important;
  transform:translateY(-50%)!important;
  width:22px!important;height:22px!important;
  color:#5a4a3a!important;
  opacity:.75!important;
}
.login-form .form-input{
  width:100%!important;
  height:50px!important;
  padding:0 16px 0 46px!important;
  border:1.5px solid rgba(196,165,116,.4)!important;
  border-radius:12px!important;
  background:rgba(255,252,246,.8)!important;
  font-size:15px!important;
  color:#2a1f15!important;
  transition:all .25s!important;
  outline:none!important;
}
.login-form .form-input::placeholder{color:#b8a088!important}
.login-form .form-input:focus{
  border-color:#5a4a3a!important;
  background:#fffdf8!important;
  box-shadow:0 0 0 4px rgba(184,149,106,.14)!important;
}
.login-btn{
  width:100%!important;
  height:52px!important;
  margin-top:8px!important;
  border:none!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#cfb080 0%,#c4a070 55%,#b8906a 100%)!important;
  color:#3a2a1a!important;
  font-size:17px!important;
  font-weight:800!important;
  letter-spacing:.2em!important;
  cursor:pointer!important;
  transition:all .25s!important;
  box-shadow:0 6px 20px rgba(184,149,106,.35), inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.login-btn:hover{
  transform:none!important;
  box-shadow:0 6px 20px rgba(184,149,106,.35), inset 0 1px 0 rgba(255,255,255,.25)!important;
  background:linear-gradient(180deg,#cfb080 0%,#c4a070 55%,#b8906a 100%)!important;
}
.login-btn:active{transform:translateY(0)!important}
.login-footer{
  position:fixed!important;
  bottom:20px!important;left:0!important;right:0!important;
  text-align:center!important;
  z-index:2!important;
  color:rgba(255,245,230,.8)!important;
  font-size:12px!important;
  letter-spacing:.12em!important;
  text-shadow:0 1px 4px rgba(60,30,10,.4)!important;
}

/* ---------- 数据概览：战报卡 ---------- */
.dashboard-metric-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.dashboard-metric-grid .dashboard-widget{
  grid-column:span 1!important;
}
.dashboard-widget.card[data-widget-id^="metric-"]{
  position:relative!important;
  overflow:hidden!important;
  padding:20px 22px!important;
  border-radius:12px!important;
  min-height:120px!important;
}
.dashboard-widget.card[data-widget-id^="metric-"]::after{
  content:""!important;
  position:absolute!important;
  right:-20px!important;top:-20px!important;
  width:90px!important;height:90px!important;
  border-radius:50%!important;
  background:var(--aoyun-copper-pale)!important;
  opacity:.6!important;
}
.dashboard-widget.card[data-widget-id^="metric-"] .dashboard-widget-head{
  margin-bottom:8px!important;
}
.dashboard-widget.card[data-widget-id^="metric-"] .dashboard-widget-head h3{
  font-size:15px!important;
  font-weight:700!important;
  color:var(--aoyun-muted)!important;
}
.dashboard-metric-value{
  display:block!important;
  font:800 36px/1.1 var(--aoyun-num)!important;
  color:var(--aoyun-deep)!important;
  margin-top:4px!important;
  font-variant-numeric:tabular-nums!important;
  position:relative!important;
  z-index:1!important;
}
.dashboard-widget.card[data-widget-id^="metric-"] .up,
.dashboard-widget.card[data-widget-id^="metric-"] .orange,
.dashboard-widget.card[data-widget-id^="metric-"] .muted{
  font-size:13px!important;
  position:relative!important;
  z-index:1!important;
}
/* 订货总额卡：浅金渐变 accent（浅色版） */
.dashboard-widget.card[data-widget-id="metric-sales"]{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  border:0!important;
}
.dashboard-widget.card[data-widget-id="metric-sales"] .dashboard-widget-head h3,
.dashboard-widget.card[data-widget-id="metric-sales"] .dashboard-metric-value,
.dashboard-widget.card[data-widget-id="metric-sales"] .up{
  color:#fff!important;
}
.dashboard-widget.card[data-widget-id="metric-sales"]::after{
  background:rgba(255,255,255,.15)!important;
}
.dashboard-metric-value.orange{color:var(--aoyun-warning)!important}

/* 范围选择器 */
.scope-selector-panel,.dashboard-selector{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:12px!important;
  box-shadow:0 2px 10px rgba(139,111,71,.05)!important;
  margin-bottom:16px!important;
  overflow:hidden!important;
}
.scope-selector-row{
  min-height:56px!important;
  padding:10px 18px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
}
.scope-selector-row:last-child{border-bottom:0!important}
.scope-selector-row>b{font-size:16px!important;color:var(--aoyun-deep)!important;font-weight:700!important}

/* 视图工具栏 */
.dashboard-view-toolbar{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:12px!important;
  box-shadow:0 2px 10px rgba(139,111,71,.05)!important;
  padding:14px 18px!important;
  margin-bottom:16px!important;
}
.dashboard-view-toolbar label{
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
  font-weight:700!important;
}
.dashboard-view-toolbar select{
  height:44px!important;
  min-width:150px!important;
  padding:0 14px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
  font-weight:600!important;
}
.dashboard-view-toolbar>span{color:var(--aoyun-muted)!important;font-size:13px!important}

/* 汇总表与明细表 */
.dashboard-summary-table th,.dashboard-detail-table th{
  height:50px!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  font-size:14px!important;
  font-weight:800!important;
}
.dashboard-summary-table td,.dashboard-detail-table td{
  height:52px!important;
  font-size:14px!important;
}
.dashboard-summary-key b{color:var(--aoyun-deep)!important;font-size:15px!important;font-weight:700!important}
.sales-bar{background:#e9e2d6!important;border-radius:10px!important;overflow:hidden!important;min-width:100px!important;height:8px!important}
.sales-bar i{background:linear-gradient(90deg,var(--aoyun-copper),var(--aoyun-gold))!important;border-radius:10px!important}
.dashboard-achievement{font-weight:700!important;font-size:14px!important}
.dashboard-achievement.done{color:var(--aoyun-success)!important}
.dashboard-achievement.near{color:var(--aoyun-warning)!important}

/* 拖拽/缩放手柄 */
.dashboard-drag-handle{
  border-color:transparent!important;
  background:transparent!important;
  color:var(--aoyun-muted)!important;
  opacity:.5!important;
  width:38px!important;height:32px!important;
  border-radius:7px!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:grab!important;
}
.dashboard-widget:hover .dashboard-drag-handle,.dashboard-drag-handle:focus-visible{
  border-color:var(--aoyun-line-strong)!important;
  background:var(--aoyun-surface-soft)!important;
  opacity:1!important;
}
.dashboard-resize-handle{opacity:.45!important}
.dashboard-widget:hover .dashboard-resize-handle{opacity:1!important}

/* ---------- 弹窗（taste-skill 优化） ---------- */
.modal{background:rgba(60,30,15,.45)!important;backdrop-filter:blur(4px)!important}
.dialog{
  border-radius:var(--radius-xl)!important;
  background:var(--aoyun-surface)!important;
  padding:var(--space-xl)!important;
  max-height:92vh!important;
  overflow:auto!important;
  box-shadow:var(--shadow-strong)!important;
  animation:dialogIn var(--transition-normal)!important;
}
@keyframes dialogIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.dialog h2,.dialog h3{color:var(--aoyun-deep)!important;font-family:var(--aoyun-display)!important}
.close{color:var(--aoyun-muted)!important;font-size:24px!important;transition:color var(--transition-fast)!important;cursor:pointer!important}
.close:hover{color:#3a2a1a!important;transform:scale(1.1)!important}

/* ---------- Toast（taste-skill 优化） ---------- */
.toast{
  border-radius:var(--radius-md)!important;
  padding:var(--space-md) var(--space-lg)!important;
  font-size:var(--text-base)!important;
  font-weight:600!important;
  box-shadow:var(--shadow-strong)!important;
  animation:toastIn var(--transition-normal)!important;
}
@keyframes toastIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}

/* ---------- 商品管理 ---------- */
.product-thumb{
  width:56px!important;height:56px!important;
  border-radius:8px!important;
  object-fit:cover!important;
  background:var(--aoyun-surface-soft)!important;
}
.thumb-cell{width:72px!important}
.item-no{
  display:inline-block!important;
  padding:4px 9px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:6px!important;
  font-family:var(--aoyun-num)!important;
  font-size:13px!important;
  color:var(--aoyun-deep)!important;
  white-space:nowrap!important;
}
.sale-state{font-size:13px!important;font-weight:700!important}
.sale-state.on{color:var(--aoyun-success)!important}
.sale-state.off{color:var(--aoyun-muted)!important}
.sale-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:currentColor!important}
.event-included{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  font-size:13px!important;
  font-weight:700!important;
  padding:5px 12px!important;
  border-radius:14px!important;
}
.row-actions button{
  padding:6px 10px!important;
  font-size:13px!important;
  color:#3a2a1a!important;
  border-radius:6px!important;
}
.row-actions button:hover{background:var(--aoyun-copper-pale)!important}
.row-actions button.del{color:var(--aoyun-danger)!important}
.row-actions button.del:hover{background:var(--aoyun-danger-soft,#f6e2df)!important}

/* ---------- 订货会卡片/列表 ---------- */
.event-table th,.event-table td{font-size:14px!important}
.event-tag{
  font-size:13px!important;
  font-weight:700!important;
  padding:5px 12px!important;
  border-radius:20px!important;
}
.event-mini{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-radius:6px!important;
  padding:3px 8px!important;
  font-size:12px!important;
}

/* ---------- 订单详情 ---------- */
.order-detail-title h2{font:700 22px var(--aoyun-display)!important;color:var(--aoyun-deep)!important}
.order-info-grid>div{
  background:var(--aoyun-surface-soft)!important;
  border-radius:10px!important;
  padding:14px!important;
}
.order-info-grid small{color:var(--aoyun-muted)!important;font-size:13px!important}
.order-info-grid b{color:var(--aoyun-deep)!important;font-size:15px!important}
.order-item-list>div{
  border-bottom:1px solid var(--aoyun-line)!important;
  padding:14px 0!important;
}
.order-item-list b{color:var(--aoyun-deep)!important;font-size:15px!important}
.order-item-list small{color:var(--aoyun-muted)!important;font-size:13px!important}
.order-total{
  background:var(--aoyun-surface-soft)!important;
  border-radius:10px!important;
  padding:16px 20px!important;
  font-size:15px!important;
}
.order-total strong{color:#3a2a1a!important;font-size:20px!important;font-family:var(--aoyun-num)!important}

/* ---------- 发布设置 ---------- */
.mobile-publish-toolbar{
  background:var(--aoyun-surface)!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  padding:16px 20px!important;
}
.mobile-publish-toolbar b{color:var(--aoyun-deep)!important;font-size:17px!important;font-family:var(--aoyun-display)!important}
.mobile-publish-toolbar span{color:var(--aoyun-muted)!important;font-size:13px!important}
.mobile-config-panel h3{
  font:700 16px var(--aoyun-display)!important;
  color:var(--aoyun-deep)!important;
  margin:18px 0 10px!important;
}
.mobile-config-panel label{font-size:14px!important;font-weight:600!important;color:var(--aoyun-deep)!important}
.mobile-config-panel input[type="text"],.mobile-config-panel input[type="color"],.mobile-config-panel select{
  min-height:42px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
  font-size:14px!important;
}
.mobile-config-note{color:var(--aoyun-muted)!important;font-size:12px!important}
.mobile-setting-check{font-size:14px!important;color:var(--aoyun-deep)!important}
.mobile-release-panel h3{font:700 16px var(--aoyun-display)!important;color:var(--aoyun-deep)!important;margin:18px 0 10px!important}
.mobile-release-status{
  background:var(--aoyun-surface-soft)!important;
  border-radius:8px!important;
  padding:12px 14px!important;
  margin-bottom:10px!important;
}
.mobile-release-status small{color:var(--aoyun-muted)!important;font-size:12px!important;display:block!important}
.mobile-release-status b{color:var(--aoyun-deep)!important;font-size:14px!important}
.publish-action{
  background:#fff8f8!important;
  border:1px solid #f4c8c8!important;
  border-radius:10px!important;
  padding:18px 20px!important;
  margin-top:18px!important;
}
.publish-action b{color:var(--aoyun-danger)!important;font-size:16px!important}
.publish-action p{color:var(--aoyun-muted)!important;font-size:13px!important}

/* ---------- 系统设置页面 ---------- */
.form-section{
  grid-column:1/-1!important;
  border-top:1px solid var(--aoyun-line)!important;
  padding-top:14px!important;
  margin-top:6px!important;
  font-weight:700!important;
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
}
.choice-card{
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:12px!important;
  background:var(--aoyun-surface)!important;
}
.choice-card:has(input:checked){
  border-color:#3a2a1a!important;
  background:var(--aoyun-copper-pale)!important;
}
.choice-card b{color:var(--aoyun-deep)!important;font-size:14px!important}
.choice-card small{color:var(--aoyun-muted)!important;font-size:12px!important}

/* ---------- 操作日志 ---------- */
.audit-log-table th,.audit-log-table td{font-size:14px!important}

/* ---------- 响应式 ---------- */
@media(max-width:1100px){
  .dashboard-metric-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:800px){
  .app{grid-template-columns:1fr!important}
  .side{display:none!important}
  .top{padding:0 16px!important}
  .page{padding:16px!important}
  .dashboard-metric-grid{grid-template-columns:1fr!important}
  .formgrid{grid-template-columns:1fr!important}
}

/* ============================================================
   旧版蓝色全面替换：将 dashboard.css 中所有蓝色替换为铜色系
   ============================================================ */

/* 蓝色文字 → 深棕/铜色 */
.event-section summary b,
.event-order-metrics b,
.permission-metrics b,
.permission-restart h2,
.thumbnail-settings h2,
.brand-scope-editor > b,
.mobile-publish-toolbar b,
.mobile-config-panel h3,
.mobile-release-panel h3,
.mobile-release-status b,
.dashboard-widget-head h3,
.dashboard-view-toolbar label,
.scope-selector-row > b{
  color:var(--aoyun-deep)!important;
}

/* 中蓝链接/操作文字 → 铜色 */
.back-link,
.event-link,
.event-row-actions button,
.brand-row-actions button,
.permission-actions button,
.event-section[open] summary em{
  color:#3a2a1a!important;
}
.back-link:hover,
.event-link:hover,
.event-row-actions button:hover,
.brand-row-actions button:hover{
  color:#2a1a0a!important;
}

/* 浅蓝色背景标签/徽章 → 浅铜色 */
.scope-chip,
.data-scope-badge,
.event-batch-toolbar b,
.event-mini,
.datetime-done,
.order-rank.top,
.permission-role.super,
.brand-scope-link,
.event-form-tip,
.customer-manage-toolbar > b,
.mobile-entry-card code,
.select-all-link,
button[onclick="selectAllVisibleMaterials()"]{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-color:var(--aoyun-line-strong)!important;
}
.scope-chip:hover,
.brand-scope-link:hover,
.datetime-done:hover,
.select-all-link:hover,
button[onclick="selectAllVisibleMaterials()"]:hover{
  background:var(--aoyun-copper-soft)!important;
}

/* 蓝色边框选中状态 → 铜色 */
.choice-card:has(input:checked),
.brand-scope-modes label:has(input:checked),
.brand-event-choices label:has(input:checked),
.ratio-card.selected,
.event-order-tabs button.active,
.column-filter.filtered,
.custom-column-filter.filtered .custom-filter-trigger{
  border-color:#3a2a1a!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}

/* 蓝色底部边框（tab active）→ 铜色 */
.event-order-tabs button.active{
  border-bottom-color:#3a2a1a!important;
  color:var(--aoyun-deep)!important;
}
.event-order-tabs button:hover{
  color:#3a2a1a!important;
  background:var(--aoyun-copper-pale)!important;
}

/* 蓝色进度条/柱状图 → 铜金渐变 */
.sales-bar i,
.order-share i,
.order-progress i:not(.done-text),
.event-batch-actions .batch-cancel{
  background:linear-gradient(90deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
  border-color:#3a2a1a!important;
}

/* 蓝色强调色（accent-color）→ 铜色 */
.event-product-check,
.brand-scope-modes input,
.brand-event-choices input,
.choice-card input,
.mobile-setting-check input,
.scope-choice-pop input{
  accent-color:#3a2a1a!important;
}

/* 蓝色聚焦光晕 → 铜色 */
.event-search-box:focus-within,
.brand-tag-input:focus-within,
.event-thumb-button:hover,
.material-image:hover,
.event-section summary:focus-visible,
.event-order-tabs button:focus-visible,
.select-all-link:focus-visible,
button[onclick="selectAllVisibleMaterials()"]:focus-visible{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline-color:#3a2a1a!important;
}

/* 蓝色虚线边框 → 铜色 */
.scope-add,
.material-empty,
.thumb-setting-preview,
.custom-ratio-fields{
  border-color:var(--aoyun-line-strong)!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
}
.scope-add{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}
.scope-add:hover{
  background:var(--aoyun-copper-soft)!important;
}

/* 蓝色工具条/容器背景 → 暖白 */
.event-batch-toolbar,
.event-batch-toolbar.show,
.mobile-publish-toolbar,
.mobile-publish-layout,
.material-guide,
.permission-warning,
.custom-ratio-fields,
.mobile-setting-check{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  color:var(--aoyun-ink)!important;
}
.material-guide b,
.permission-warning b,
.material-guide code,
.permission-warning code{
  color:#3a2a1a!important;
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
}

/* 蓝色手机端图标 → 铜色 */
.mobile-icon{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
}
.mobile-entry-card{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
}

/* 蓝色标签（shipped/upcoming）→ 铜色系 */
.tag.shipped,
.event-upcoming{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}

/* 蓝色筛选/列过滤 → 铜色 */
.column-filter:hover,
.custom-filter-trigger:hover,
.custom-filter-menu button:hover{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}

/* 蓝色详情网格 → 暖白 */
.detail-grid > div,
.event-order-metrics > div,
.publish-card > div,
.mobile-release-status{
  background:var(--aoyun-surface-soft)!important;
  border-radius:10px!important;
}

/* 蓝色表单提示 → 铜色 */
.event-form-tip{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-radius:8px!important;
  padding:11px 13px!important;
}

/* 蓝色弹窗/菜单 → 暖白 */
.custom-filter-menu,
.scope-choice-pop{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  box-shadow:0 10px 26px rgba(139,111,71,.18)!important;
}
.custom-filter-menu button,
.scope-choice-pop label,
.scope-choice-pop strong{
  color:var(--aoyun-ink)!important;
}
.custom-filter-menu button:hover,
.scope-choice-pop label:hover{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}

/* 蓝色缩略图预览 → 铜色 */
.thumb-setting-preview #thumbPreview,
.ratio-card i{
  background:var(--aoyun-copper-soft)!important;
  color:#3a2a1a!important;
  box-shadow:inset 0 0 0 1px var(--aoyun-line-strong)!important;
}

/* 蓝色批量操作按钮 → 铜色系 */
.event-batch-actions .batch-cancel{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
}
.event-batch-actions .batch-cancel:hover{
  background:var(--aoyun-copper-soft)!important;
}

/* 蓝色排名标签 → 铜色 */
.order-rank{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
}
.order-rank.top{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}

/* 蓝色搜索框 → 暖白铜边 */
.event-search-box{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
}
.event-search-box:hover{
  border-color:#b8a080!important;
}
.event-search-box span{
  color:#3a2a1a!important;
}

/* 蓝色表格表头 → 暖白（已覆盖，这里加强） */
.event-order-report-table th,
.event-product-table th,
.product-table th,
.event-table th,
.permission-table th,
.settings-table th,
.brand-settings-table th,
.event-customer-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  border-color:var(--aoyun-line)!important;
}

/* 蓝色表格文字 → 深棕 */
.event-product-table .name,
.event-order-report-table .name,
.product-table .name,
.unified-order-table .name{
  color:var(--aoyun-deep)!important;
}

/* 蓝色空状态 → 暖灰 */
.empty-row,
.material-empty,
.empty-portal,
.image-preview-empty{
  color:var(--aoyun-muted)!important;
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
}

/* 蓝色手机端设置 → 暖白 */
.mobile-config-panel,
.mobile-release-panel,
.mobile-config-panel input,
.mobile-config-panel select,
.mobile-config-panel input[type="color"]{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  color:var(--aoyun-ink)!important;
}
.mobile-config-panel label,
.mobile-config-two label{
  color:var(--aoyun-deep)!important;
}

/* 蓝色手机端预览框 → 深棕（保留深色手机框，但内容暖化） */
.mobile-phone-frame{
  background:#3a2a20!important;
  border-color:#3a2a20!important;
  box-shadow:0 15px 30px rgba(139,111,71,.25)!important;
}
.mobile-phone-speaker{
  background:#8a7a6a!important;
}
.mobile-phone-screen{
  background:var(--aoyun-paper)!important;
}

/* 蓝色发布工作区 → 暖白 */
.event-workspace,
.mobile-publish-workspace,
.material-workspace,
.event-products-page,
.event-orders-page{
  background:var(--aoyun-paper)!important;
}

/* 蓝色折叠面板 → 暖白 */
.event-section{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
}
.event-section summary{
  color:var(--aoyun-deep)!important;
}
.event-section summary small,
.event-section summary em{
  color:var(--aoyun-muted)!important;
}
.event-section[open] summary{
  border-bottom-color:var(--aoyun-line)!important;
}

/* 蓝色操作分隔线 → 铜色 */
.event-row-actions i,
.brand-row-actions i,
.permission-actions i{
  background:var(--aoyun-line-strong)!important;
}

/* 蓝色范围选择器 → 铜色 */
.scope-path span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}
.scope-path b{
  color:var(--aoyun-muted)!important;
}

/* 蓝色物料选择器 → 铜色 */
.material-event-selector,
.material-guide{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
}
.material-event-selector label,
.material-event-selector strong{
  color:var(--aoyun-deep)!important;
}
.material-event-selector select{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  color:var(--aoyun-ink)!important;
}

/* 蓝色权限角色 → 铜色系 */
.permission-role.super{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}
.permission-role.admin{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
}
.permission-role.agent{
  background:#faf0e0!important;
  color:var(--aoyun-warning)!important;
}

/* 蓝色品牌标签输入 → 铜色 */
.brand-tag-input span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}
.brand-tag-input span button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}

/* 蓝色品牌范围编辑器 → 暖白 */
.brand-scope-editor{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
}
.brand-scope-editor > div{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
}
.brand-scope-editor b small{
  color:var(--aoyun-muted)!important;
}
.brand-scope-modes label,
.brand-event-choices label{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  color:var(--aoyun-ink)!important;
}
.brand-event-choices small{
  color:var(--aoyun-muted)!important;
}

/* 蓝色缩略图设置 → 暖白 */
.thumb-size-setting,
.ratio-card{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
}
.thumb-pixel-input{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
}
.thumb-pixel-input span{
  color:var(--aoyun-muted)!important;
}

/* 蓝色自定义比例 → 暖白 */
.custom-ratio-fields label{
  color:var(--aoyun-deep)!important;
}
.custom-ratio-fields input{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  color:var(--aoyun-ink)!important;
}
.custom-ratio-fields > b{
  color:var(--aoyun-muted)!important;
}

/* 蓝色图片预览 → 暖白 */
.image-preview-box > img{
  background:var(--aoyun-surface-soft)!important;
}
.image-preview-actions .primary{
  background:linear-gradient(180deg,#f0e4d0,#e0d0b8)!important;
}
.image-preview-actions .ghost{
  background:linear-gradient(180deg,#faf3ea,#f0e4d4)!important;
  color:#3a2a1a!important;
  border-color:var(--aoyun-line-strong)!important;
}

/* 订货会列表子品牌标签 → 铜色系 */
.event-sub-brand-tags span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:5px!important;
  padding:2px 8px!important;
  font-size:12px!important;
  display:inline-block!important;
  margin:2px 3px 2px 0!important;
}
.event-sub-brand-tags span.muted{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-color:var(--aoyun-line)!important;
}

/* 订货会状态标签 → 铜色系 */
.event-tag.event-upcoming{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-color:var(--aoyun-line-strong)!important;
}
.event-tag.event-live{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border-color:#c8d8b8!important;
}
.event-tag.event-ended{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-color:var(--aoyun-line)!important;
}

/* 货号标签 → 铜色系 */
.item-no{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:4px!important;
  padding:2px 6px!important;
  font-size:12px!important;
  font-family:var(--aoyun-num)!important;
}

/* 系列标签 → 铜色系 */
.brand-series-tag{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:5px!important;
  padding:3px 8px!important;
  font-size:12px!important;
}
.brand-series-tag button{
  color:var(--aoyun-muted)!important;
  background:transparent!important;
}
.brand-series-tag button:hover{
  color:var(--aoyun-danger)!important;
}
.brand-series-empty{
  color:var(--aoyun-muted)!important;
}
.brand-series-add,
.brand-card-add-series{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:5px!important;
}
.brand-series-add:hover,
.brand-card-add-series:hover{
  background:var(--aoyun-copper-pale)!important;
}

/* 子品牌使用范围标签 → 铜色系 */
.sub-scope-event{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:5px!important;
  padding:2px 8px!important;
  font-size:12px!important;
  display:inline-block!important;
  margin:2px 3px 2px 0!important;
}
.sub-scope-event.live{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border-color:#c8d8b8!important;
}
.scope-none{
  color:var(--aoyun-muted)!important;
}
.sub-scope-button{
  background:transparent!important;
  border:none!important;
  padding:0!important;
  cursor:pointer!important;
}

/* 品牌构建器标签 → 铜色系 */
.brand-builder-tags span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:5px!important;
  padding:3px 8px!important;
  font-size:12px!important;
}
.brand-builder-tags span button{
  color:var(--aoyun-muted)!important;
  background:transparent!important;
}
.brand-builder-tags span button:hover{
  color:var(--aoyun-danger)!important;
}

/* 品牌标签输入 → 铜色系 */
.brand-tag-input span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:5px!important;
  padding:3px 8px!important;
  font-size:12px!important;
}
.brand-tag-input span button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}

/* ERP 同步状态 → 铜色系 */
.erp-sync-state.synced{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border-color:#c8d8b8!important;
}
.erp-sync-state.failed{
  background:#fae0e0!important;
  color:var(--aoyun-danger)!important;
  border-color:#e8c0c0!important;
}
.erp-sync-state.syncing{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-color:var(--aoyun-line-strong)!important;
}
.erp-sync-state.pending{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-color:var(--aoyun-line)!important;
}

/* 操作按钮文字 → 铜色 */
.event-row-actions button,
.brand-row-actions button,
.permission-actions button,
.product-actions button{
  color:#3a2a1a!important;
}
.event-row-actions button:hover,
.brand-row-actions button:hover,
.permission-actions button:hover,
.product-actions button:hover{
  color:#2a1a0a!important;
  background:var(--aoyun-copper-pale)!important;
}
.event-row-actions .delete,
.brand-row-actions .delete,
.permission-actions .delete,
.product-actions .danger{
  color:var(--aoyun-danger)!important;
}
.event-row-actions .delete:hover,
.brand-row-actions .delete:hover,
.permission-actions .delete:hover,
.product-actions .danger:hover{
  color:#a83838!important;
  background:#fae0e0!important;
}

/* 警告/成功文字按钮 → 铜色系 */
.warning-text{
  color:var(--aoyun-warning)!important;
}
.success-text{
  color:var(--aoyun-success)!important;
}
.danger-link{
  color:var(--aoyun-danger)!important;
  background:transparent!important;
  border:none!important;
}
.danger-link:hover{
  color:#a83838!important;
}

/* 批量操作按钮 → 铜色系 */
.batch-delete,
.batch-on,
.batch-off{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  padding:8px 14px!important;
  font-size:14px!important;
}
.batch-delete:hover,
.batch-on:hover,
.batch-off:hover{
  background:var(--aoyun-copper-pale)!important;
}
.batch-delete{
  color:var(--aoyun-danger)!important;
}
.batch-delete:hover{
  background:#fae0e0!important;
}

/* ============================================================
   最终蓝色清除：autofill、模态框遮罩、输入框聚焦等
   ============================================================ */

/* 浏览器自动填充（autofill）浅蓝色背景 → 暖白色 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px var(--aoyun-surface) inset!important;
  -webkit-text-fill-color:var(--aoyun-ink)!important;
  background-color:var(--aoyun-surface)!important;
  caret-color:#3a2a1a!important;
  transition:background-color 5000s ease-in-out 0s!important;
}

/* 登录页输入框自动填充 → 暖白卡片色 */
.aoyun-login-form input:-webkit-autofill,
.aoyun-login-form input:-webkit-autofill:hover,
.aoyun-login-form input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 1000px #fdf8f1 inset!important;
  -webkit-text-fill-color:var(--aoyun-ink)!important;
  background-color:#fdf8f1!important;
}

/* 模态框遮罩 → 深铜色半透明（替换原深蓝 #102a5666） */
.modal{
  background:rgba(139,111,71,.55)!important;
  backdrop-filter:blur(4px)!important;
}

/* 模态框对话框 → 暖白 */
.dialog{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  box-shadow:0 20px 50px rgba(139,111,71,.25)!important;
}
.dialog h2{
  color:var(--aoyun-deep)!important;
}
.close{
  color:var(--aoyun-muted)!important;
}
.close:hover{
  color:#3a2a1a!important;
}

/* 所有输入框/选择框/文本域 → 暖白底铜边 */
.field input,
.field select,
.field textarea,
.toolbar input,
.toolbar select,
.event-order-toolbar select,
.permission-toolbar select,
.dashboard-view-toolbar select,
.material-event-selector select,
.mobile-config-panel input,
.mobile-config-panel select,
.custom-ratio-fields input,
.thumb-pixel-input input,
.mobile-preview input{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  color:var(--aoyun-ink)!important;
  border-radius:8px!important;
}
.field input:focus,
.field select:focus,
.field textarea:focus,
.toolbar input:focus,
.toolbar select:focus,
.event-order-toolbar select:focus,
.permission-toolbar select:focus,
.dashboard-view-toolbar select:focus,
.material-event-selector select:focus,
.mobile-config-panel input:focus,
.mobile-config-panel select:focus,
.custom-ratio-fields input:focus,
.thumb-pixel-input input:focus,
.mobile-preview input:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}

/* 字段标签 → 深棕 */
.field,
.field label,
.mobile-config-panel>label,
.mobile-config-two label,
.custom-ratio-fields label{
  color:var(--aoyun-deep)!important;
  font-weight:600!important;
}

/* 表单分区标题 → 深棕 */
.form-section,
.sku-section-title,
.brand-create-section h3,
.brand-create-head h2{
  color:var(--aoyun-deep)!important;
  border-color:var(--aoyun-line)!important;
}
.brand-create-section-head h3{
  color:var(--aoyun-deep)!important;
}
.brand-create-section i{
  background:var(--aoyun-copper)!important;
  color:#3a2a1a!important;
}

/* 表单操作区 → 暖白 */
.form-actions{
  background:var(--aoyun-surface)!important;
  border-top:1px solid var(--aoyun-line)!important;
  padding-top:16px!important;
  margin-top:8px!important;
}

/* 下拉选择框箭头 → 铜色 */
select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23b76e79' d='M6 8L1 3h10z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 12px center!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:32px!important;
}

/* 日期时间输入框 → 暖白 */
input[type="datetime-local"],
input[type="date"],
input[type="time"]{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  color:var(--aoyun-ink)!important;
  border-radius:8px!important;
}
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="time"]:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}

/* 复选框/单选框 → 铜色 */
input[type="checkbox"],
input[type="radio"]{
  accent-color:#3a2a1a!important;
  width:17px!important;
  height:17px!important;
  cursor:pointer!important;
}

/* 颜色选择器 → 铜色边框 */
input[type="color"]{
  border-color:var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
  cursor:pointer!important;
}

/* 文件选择按钮 → 铜色 */
input[type="file"]{
  color:var(--aoyun-deep)!important;
}
input[type="file"]::file-selector-button{
  background:linear-gradient(180deg,#f0e4d0,#e0d0b8)!important;
  color:#3a2a1a!important;
  border:none!important;
  border-radius:8px!important;
  padding:8px 16px!important;
  font-weight:600!important;
  cursor:pointer!important;
  margin-right:12px!important;
}
input[type="file"]::file-selector-button:hover{
  background:linear-gradient(180deg,#cfb080,#c4a070)!important;
}

/* 滚动条 → 铜色系 */
::-webkit-scrollbar{
  width:10px!important;
  height:10px!important;
}
::-webkit-scrollbar-track{
  background:var(--aoyun-surface-soft)!important;
}
::-webkit-scrollbar-thumb{
  background:var(--aoyun-line-strong)!important;
  border-radius:5px!important;
}
::-webkit-scrollbar-thumb:hover{
  background:var(--aoyun-copper)!important;
}

/* 选中文本 → 铜色半透明 */
::selection{
  background:rgba(184,149,106,.2)!important;
  color:var(--aoyun-deep)!important;
}

/* 占位符文字 → 暖灰 */
::placeholder{
  color:var(--aoyun-muted)!important;
  opacity:.7!important;
}

/* 禁用状态 → 暖灰 */
input:disabled,
select:disabled,
textarea:disabled,
button:disabled{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-color:var(--aoyun-line)!important;
  cursor:not-allowed!important;
  opacity:.7!important;
}

/* 表格行 hover → 浅铜 */
tbody tr:hover{
  background:var(--aoyun-copper-pale)!important;
}
.unified-order-table tbody tr:hover{
  background:var(--aoyun-copper-pale)!important;
}

/* 空状态 → 暖灰 */
.empty-row,
.empty-portal,
.material-empty,
.image-preview-empty,
.brand-card-empty,
.agent-empty-orders,
.brand-series-empty,
.scope-empty{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-color:var(--aoyun-line)!important;
}

/*  muted 文字 → 暖灰 */
.muted,
.muted small,
.page-title p,
.event-detail-head p,
.workspace-head p,
.publish-row p,
.publish-action p,
.mobile-publish-toolbar span,
.mobile-release-status small,
.permission-metrics span,
.dashboard-view-toolbar>span,
.scope-path b,
.event-section summary small,
.event-section summary em,
.choice-card small,
.detail-grid small,
.event-order-metrics small,
.publish-card small,
.brand-card-title small,
.brand-event-choices small,
.brand-scope-editor>p,
.permission-scope-editor b small,
.mobile-config-note,
.mobile-editor-tip,
.mobile-network-help,
.material-toolbar .muted,
.material-card-info code,
.brand-builder-tags small,
.brand-scope-notice,
.page-title-actions .muted{
  color:var(--aoyun-muted)!important;
}

/* 数字字体 → 等宽铜色 */
.num,
.money-cell,
.dashboard-metric-value,
.order-rank,
.item-no,
.permission-table td.name small,
.event-product-table th,
.product-table th{
  font-family:var(--aoyun-num)!important;
}

/* 成功/警告/危险色 → 暖色系 */
.up,
.sale-state,
.event-live,
.event-included,
.done-text,
.success-soft,
.success-text,
.erp-sync-state.synced,
.permission-role.admin,
.material-card-info .matched{
  color:var(--aoyun-success)!important;
}
.orange,
.warning-soft,
.warning-text,
.permission-role.agent,
.material-card-info .unmatched{
  color:var(--aoyun-warning)!important;
}
.danger,
.danger-soft,
.delete,
.danger-link,
.erp-sync-state.failed,
.batch-delete{
  color:var(--aoyun-danger)!important;
}
/* 按钮形式的危险操作：白色文字 */
button.danger,
button.danger-soft{
  color:#fff!important;
}

/* 成功背景标签 → 浅绿 */
.event-live,
.event-included,
.success-soft,
.erp-sync-state.synced,
.permission-role.admin,
.event-product-table .sale-state{
  background:#e8efe0!important;
  border-color:#c8d8b8!important;
  color:var(--aoyun-success)!important;
}

/* 警告背景标签 → 浅黄 */
.warning-soft,
.permission-role.agent,
.pending,
.erp-sync-state.syncing{
  background:#faf0e0!important;
  border-color:#e8d8b8!important;
  color:var(--aoyun-warning)!important;
}

/* 危险背景标签 → 浅红 */
.danger-soft,
.erp-sync-state.failed,
.event-product-table .sale-state.off,
.publish-action{
  background:#fae8e8!important;
  border-color:#e8c8c8!important;
  color:var(--aoyun-danger)!important;
}

/* 已结束/已关闭状态 → 暖灰 */
.event-ended,
.erp-sync-state.pending,
.permission-role.agent.off{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
  color:var(--aoyun-muted)!important;
}

/* ============================================================
   表格蓝色全面清除：客户表格、数据概览汇总表、表格边框等
   ============================================================ */

/* 表格通用边框 → 暖灰 */
table th,
table td{
  border-right-color:var(--aoyun-line)!important;
  border-bottom-color:var(--aoyun-line)!important;
}
table th{
  color:var(--aoyun-deep)!important;
  background:var(--aoyun-surface-soft)!important;
}

/* 表格行 hover → 浅铜 */
tbody tr:hover td{
  background:var(--aoyun-copper-pale)!important;
}
.dashboard-detail-table tbody tr:hover td:not(.dashboard-detail-group){
  background:var(--aoyun-copper-pale)!important;
}
.unified-order-table tbody tr:hover{
  background:var(--aoyun-copper-pale)!important;
}

/* 选中行 → 浅铜 */
.selection-selected>td{
  background:var(--aoyun-copper-pale)!important;
}
.material-card.selection-selected{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 2px rgba(184,149,106,.14)!important;
}

/* ---------- 客户管理表格 ---------- */

/* 客户类型标签 → 暖色系 */
.customer-type{
  display:inline-flex!important;
  padding:5px 12px!important;
  border-radius:16px!important;
  font-weight:700!important;
  font-size:13px!important;
}
.customer-type.agent{
  background:#faf0e0!important;
  color:var(--aoyun-warning)!important;
  border:1px solid #e8d8b8!important;
}
.customer-type.terminal{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
}

/* 终端行背景 → 暖白 */
.terminal-row{
  background:var(--aoyun-surface)!important;
}

/* 客户树展开按钮 → 铜色 */
.customer-tree-toggle{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:6px!important;
  width:26px!important;
  height:26px!important;
  font-size:16px!important;
  cursor:pointer!important;
}
.customer-tree-toggle:hover{
  background:var(--aoyun-copper-soft)!important;
}
.customer-tree-indent{
  color:var(--aoyun-muted)!important;
}

/* 客户密码 → 暖灰底深棕字 */
.customer-password{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:6px!important;
  padding:5px 10px!important;
  font-family:var(--aoyun-num)!important;
  font-weight:700!important;
  font-size:13px!important;
}

/* 客户完成额度 → 深棕 */
.customer-achieved{
  color:var(--aoyun-deep)!important;
  font-family:var(--aoyun-num)!important;
  font-weight:800!important;
  font-size:15px!important;
}

/* 客户完成率 → 暖色系 */
.customer-completion{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:15px!important;
  padding:5px 10px!important;
  font-weight:800!important;
  font-family:var(--aoyun-num)!important;
  font-size:13px!important;
  min-width:58px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.customer-completion.near{
  background:#faf0e0!important;
  color:var(--aoyun-warning)!important;
  border-color:#e8d8b8!important;
}
.customer-completion.done{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border-color:#c8d8b8!important;
}

/* 客户可编辑单元格 → 深棕 */
.customer-editable>span,
.customer-editable-text>span{
  color:var(--aoyun-deep)!important;
  font-family:var(--aoyun-num)!important;
  font-weight:700!important;
  font-size:14px!important;
}
.customer-editable:not(.editing):hover span,
.customer-editable-text:not(.editing):hover span{
  color:#3a2a1a!important;
}
.customer-editable>button{
  color:#3a2a1a!important;
  background:transparent!important;
  border:none!important;
  cursor:pointer!important;
  font-size:16px!important;
}
.customer-editable .customer-confirm{
  background:linear-gradient(180deg,#f0e4d0,#e0d0b8)!important;
  color:#3a2a1a!important;
  border:none!important;
  border-radius:6px!important;
  padding:7px 12px!important;
  font-weight:700!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.customer-editable .customer-confirm:hover{
  background:linear-gradient(180deg,#cfb080,#c4a070)!important;
}
.customer-editable.editing input{
  border-color:#3a2a1a!important;
  border-radius:6px!important;
  padding:7px!important;
  font:inherit!important;
  text-align:center!important;
}

/* 客户操作按钮 → 铜色 */
.customer-actions button,
.event-row-actions.customer-actions button{
  color:#3a2a1a!important;
  background:transparent!important;
  border:none!important;
  padding:4px 8px!important;
  font-size:13px!important;
  font-weight:600!important;
  cursor:pointer!important;
  border-radius:6px!important;
}
.customer-actions button:hover,
.event-row-actions.customer-actions button:hover{
  background:var(--aoyun-copper-pale)!important;
  color:#2a1a0a!important;
}
.customer-actions button.delete,
.event-row-actions.customer-actions button.delete{
  color:var(--aoyun-danger)!important;
}
.customer-actions button.delete:hover,
.event-row-actions.customer-actions button.delete:hover{
  background:#fae0e0!important;
  color:#a83838!important;
}

/* 客户分页栏 → 暖白铜边 */
.customer-pagination{
  background:var(--aoyun-surface)!important;
  border-top-color:var(--aoyun-line)!important;
  box-shadow:0 -3px 10px rgba(139,111,71,.08)!important;
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  font-size:14px!important;
}
.customer-pagination button,
.customer-pagination select{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  padding:0 12px!important;
  height:36px!important;
  font-weight:700!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.customer-pagination button:hover,
.customer-pagination select:hover{
  background:var(--aoyun-copper-pale)!important;
  border-color:#3a2a1a!important;
}
.customer-pagination button:disabled{
  opacity:.4!important;
  cursor:not-allowed!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
}
.customer-pagination .pagination-summary{
  color:var(--aoyun-muted)!important;
  font-weight:600!important;
}

/* ---------- 数据概览汇总表 ---------- */

/* 汇总表品牌名 → 深棕 */
.dashboard-summary-key b{
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.3!important;
}

/* 明细表品牌名 → 深棕 */
.dashboard-detail-table td.name{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.dashboard-detail-table td.name small{
  color:var(--aoyun-muted)!important;
  font-size:12px!important;
  font-weight:400!important;
}

/* 达成率标签 → 暖色系 */
.dashboard-achievement{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:15px!important;
  padding:5px 10px!important;
  font-weight:800!important;
  font-family:var(--aoyun-num)!important;
  font-size:13px!important;
  min-width:58px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.dashboard-achievement.near{
  background:#faf0e0!important;
  color:var(--aoyun-warning)!important;
  border-color:#e8d8b8!important;
}
.dashboard-achievement.done{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border-color:#c8d8b8!important;
}

/* 分组行 → 暖铜色（替换原浅蓝 #edf4ff） */
.dashboard-detail-group{
  background:var(--aoyun-copper-soft)!important;
  color:var(--aoyun-deep)!important;
  border:none!important;
  padding:14px 12px!important;
  vertical-align:middle!important;
}
.dashboard-detail-group strong{
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.45!important;
}
.dashboard-detail-group small{
  color:var(--aoyun-muted)!important;
  font-size:12px!important;
  font-weight:500!important;
  margin-top:5px!important;
  display:block!important;
}

/* 分组行边框 → 暖灰 */
.dashboard-detail-table tbody tr.dashboard-group-start:not(:first-child)>td{
  border-top:8px solid var(--aoyun-line)!important;
}

/* ---------- 多选/批量操作 ---------- */

/* 全选控件 → 铜色 */
.select-all-control{
  color:#3a2a1a!important;
  font-size:14px!important;
  font-weight:800!important;
  cursor:pointer!important;
}
.select-all-control input{
  accent-color:#3a2a1a!important;
  width:18px!important;
  height:18px!important;
  cursor:pointer!important;
}

/* 批量全选结果 → 铜色 */
.batch-all-results{
  border:1px dashed var(--aoyun-copper)!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border-radius:8px!important;
  padding:6px 12px!important;
  font-weight:700!important;
  font-size:13px!important;
}

/* 物料工具栏全选 → 暖白铜边 */
.material-toolbar>.select-all-control{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  padding:0 12px!important;
  min-width:72px!important;
}

/* ---------- 其他表格蓝色 ---------- */

/* 订单明细表链接 → 铜色 */
.unified-order-table a,
.unified-order-table .name,
.event-order-report-table .name{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.unified-order-table a:hover,
.event-order-report-table .name:hover{
  color:#3a2a1a!important;
}

/* 订单金额 → 深棕 */
.order-summary-simple .num b,
.item-number-summary-table .num b,
.color-summary-table .num b,
.event-order-report-table .num b{
  color:var(--aoyun-deep)!important;
  font-family:var(--aoyun-num)!important;
  font-weight:800!important;
  font-size:15px!important;
}

/* 订单排名 → 暖色系 */
.order-rank{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:8px!important;
  width:30px!important;
  height:30px!important;
  display:inline-grid!important;
  place-items:center!important;
  font-family:var(--aoyun-num)!important;
  font-weight:800!important;
  font-size:14px!important;
}
.order-rank.top{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-color:var(--aoyun-line-strong)!important;
}

/* 进度条百分比 → 深棕 */
.order-share b,
.order-progress b{
  color:var(--aoyun-deep)!important;
  font-family:var(--aoyun-num)!important;
  font-weight:700!important;
  font-size:13px!important;
  min-width:52px!important;
  text-align:right!important;
}
.order-progress .done-text{
  color:var(--aoyun-success)!important;
}

/* 商品表格货号 → 铜色标签 */
.product-table .item-no,
.event-product-table .item-no,
.event-order-report-table .item-no{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:5px!important;
  padding:3px 8px!important;
  font-family:var(--aoyun-num)!important;
  font-size:12px!important;
  font-weight:600!important;
}

/* 商品表格名称 → 深棕 */
.product-table .name,
.event-product-table .name,
.event-customer-table .name{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  font-size:14px!important;
}

/* 商品表格上架状态 → 暖色系 */
.event-product-table .sale-state{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border:1px solid #c8d8b8!important;
  border-radius:16px!important;
  padding:5px 10px!important;
  font-weight:700!important;
  font-size:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
}
.event-product-table .sale-state.off{
  background:#fae8e8!important;
  color:var(--aoyun-danger)!important;
  border-color:#e8c8c8!important;
}

/* 商品操作按钮 → 铜色 */
.product-actions button,
.event-product-table .event-row-actions button{
  color:#3a2a1a!important;
  background:transparent!important;
  border:none!important;
  padding:5px 8px!important;
  font-size:13px!important;
  font-weight:600!important;
  cursor:pointer!important;
  border-radius:6px!important;
}
.product-actions button:hover,
.event-product-table .event-row-actions button:hover{
  background:var(--aoyun-copper-pale)!important;
  color:#2a1a0a!important;
}
.product-actions .danger,
.event-product-table .event-row-actions .delete{
  color:var(--aoyun-danger)!important;
}
.product-actions .danger:hover,
.event-product-table .event-row-actions .delete:hover{
  background:#fae0e0!important;
  color:#a83838!important;
}

/* 商品 ghost 按钮 → 暖白铜边 */
.product-actions .ghost,
.event-list-actions .ghost{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  padding:6px 12px!important;
  font-weight:600!important;
  font-size:13px!important;
  cursor:pointer!important;
}
.product-actions .ghost:hover,
.event-list-actions .ghost:hover{
  background:var(--aoyun-copper-pale)!important;
  border-color:#3a2a1a!important;
}

/* 订货会列表操作按钮 → 铜色 */
.event-list-actions button{
  color:#3a2a1a!important;
  background:transparent!important;
  border:none!important;
  padding:6px 10px!important;
  font-size:13px!important;
  font-weight:600!important;
  cursor:pointer!important;
  border-radius:6px!important;
}
.event-list-actions button:hover{
  background:var(--aoyun-copper-pale)!important;
}
.event-list-actions .danger{
  color:var(--aoyun-danger)!important;
}
.event-list-actions .danger:hover{
  background:#fae0e0!important;
}

/* 订货会状态标签 → 暖色系 */
.event-tag.event-live{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border:1px solid #c8d8b8!important;
  border-radius:20px!important;
  padding:4px 12px!important;
  font-weight:700!important;
  font-size:12px!important;
}
.event-tag.event-upcoming{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:20px!important;
  padding:4px 12px!important;
  font-weight:700!important;
  font-size:12px!important;
}
.event-tag.event-ended{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:20px!important;
  padding:4px 12px!important;
  font-weight:700!important;
  font-size:12px!important;
}

/* 订货会名称链接 → 深棕 */
.event-link,
.back-link{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  font-size:14px!important;
  background:transparent!important;
  border:none!important;
  padding:0!important;
  cursor:pointer!important;
}
.event-link:hover,
.back-link:hover{
  color:#3a2a1a!important;
  text-decoration:underline!important;
}

/* ============================================================
   最终蓝色清除：品牌管理、订单详情、SKU矩阵、手机端、标签等
   ============================================================ */

/* ---------- 表格表头最后一列 & 暂无图片 ---------- */

/* 所有表格表头 → 暖灰底深棕字（加强覆盖，包括最后一列） */
table th,
.event-product-table th,
.event-customer-table th,
.product-table th,
.event-table th,
.permission-table th,
.settings-table th,
.brand-settings-table th,
.event-order-report-table th,
.dashboard-summary-table th,
.dashboard-detail-table th,
.brand-card-table th,
.sub-scope-table th,
.sku-detail-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  border-color:var(--aoyun-line)!important;
  font-weight:800!important;
}

/* 表格最后一列 → 暖灰底（替换原浅蓝色） */
table th:last-child,
table td:last-child,
.event-product-table th:last-child,
.event-product-table td:last-child,
.event-customer-table th:last-child,
.event-customer-table td:last-child,
.product-table th:last-child,
.product-table td:last-child{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
}

/* 暂无图片占位框 → 暖灰底暖灰字 */
.thumb-cell.thumb-empty:before,
.event-thumb-button.empty,
.product-thumb-preview.empty,
.image-preview-empty,
.mobile-demo-photo,
.material-image:empty,
.sku-detail-image span{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-color:var(--aoyun-line)!important;
}

/* 商品缩略图 → 暖灰底 */
.product-thumb,
.event-thumb-button,
.event-thumb-button img{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:8px!important;
}
.event-thumb-button:hover{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
}

/* ---------- 品牌管理卡片 ---------- */

.brand-management-card{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  box-shadow:0 2px 8px rgba(139,111,71,.05)!important;
}
.brand-management-card>header{
  background:var(--aoyun-surface-soft)!important;
  border-bottom-color:var(--aoyun-line)!important;
}
.brand-card-title>span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:6px!important;
  font-weight:700!important;
}
.brand-card-title>b{
  color:var(--aoyun-deep)!important;
  font-size:20px!important;
  font-weight:800!important;
}
.brand-card-title>small{
  color:var(--aoyun-muted)!important;
}
.brand-card-table th,
.brand-card-table td{
  border-color:var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
}
.brand-card-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
}
.brand-card-add-series{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  font-weight:700!important;
}
.brand-card-add-series:hover{
  background:var(--aoyun-copper-pale)!important;
}
.brand-sub-name{
  color:var(--aoyun-deep)!important;
  font-size:16px!important;
  font-weight:800!important;
}
.brand-sub-delete{
  color:var(--aoyun-danger)!important;
  font-weight:700!important;
}
.brand-card-empty{
  color:var(--aoyun-muted)!important;
}

/* ---------- 子品牌范围 ---------- */

.sub-scope-button{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  font-weight:700!important;
}
.sub-scope-button:hover{
  background:var(--aoyun-copper-pale)!important;
}
.sub-scope-event{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:13px!important;
  font-weight:700!important;
  font-size:13px!important;
}
.sub-scope-event.live{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border-color:#c8d8b8!important;
}
.scope-none{
  color:var(--aoyun-muted)!important;
  font-weight:600!important;
}
.sub-scope-summary{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:9px!important;
}
.sub-scope-summary span{
  color:var(--aoyun-muted)!important;
}
.sub-scope-summary b{
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
}
.sub-scope-summary i{
  color:var(--aoyun-muted)!important;
}

/* 子品牌选择列表 → 暖白 */
.sub-brand-event-choices>label,
.event-sub-brand-choices label{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:9px!important;
}
.sub-brand-event-choices>label:hover,
.event-sub-brand-choices label:hover{
  background:var(--aoyun-copper-pale)!important;
}
.sub-brand-event-choices>label:has(input:checked),
.event-sub-brand-choices label:has(input:checked){
  background:var(--aoyun-copper-pale)!important;
  border-color:#3a2a1a!important;
}
.sub-brand-event-choices span b,
.event-sub-brand-choices label span{
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.sub-brand-event-choices span small,
.event-sub-brand-choices label small{
  color:var(--aoyun-muted)!important;
}
.brand-scope-notice{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-radius:8px!important;
  padding:10px 13px!important;
  font-weight:600!important;
}

/* 订货会子品牌标签 → 铜色系 */
.event-sub-brand-tags span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  font-weight:700!important;
  padding:3px 9px!important;
  font-size:13px!important;
}
.event-sub-brand-tags span.muted{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-color:var(--aoyun-line)!important;
}

/* ---------- 品牌管理工具栏 & 创建表单 ---------- */

.brand-manage-toolbar{
  background:var(--aoyun-surface)!important;
  border-bottom-color:var(--aoyun-line)!important;
}
.brand-manage-summary span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  font-weight:700!important;
  font-size:14px!important;
}
.brand-manage-summary b{
  color:#3a2a1a!important;
  font-size:17px!important;
  font-weight:800!important;
}
.brand-create-section{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
}
.brand-create-section>h3,
.brand-create-section-head h3{
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.brand-create-section h3 i{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
  border-radius:50%!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  font-style:normal!important;
  font-size:14px!important;
  font-weight:800!important;
}
.brand-builder-number{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-radius:7px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  font-weight:800!important;
}
.brand-builder-row{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:9px!important;
}
.brand-builder-tags span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:16px!important;
  font-weight:700!important;
  padding:5px 10px!important;
}
.brand-builder-tags span button{
  color:var(--aoyun-muted)!important;
  background:transparent!important;
  border-radius:50%!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  font-size:17px!important;
  line-height:1!important;
}
.brand-builder-tags span button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}
.brand-builder-series-input button{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  font-weight:700!important;
  height:40px!important;
  padding:0 13px!important;
}
.brand-builder-series-input button:hover{
  background:var(--aoyun-copper-soft)!important;
}
.brand-builder-remove{
  background:#fae8e8!important;
  color:var(--aoyun-danger)!important;
  border-radius:7px!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  font-size:20px!important;
  border:none!important;
  cursor:pointer!important;
}
.brand-create-actions{
  background:var(--aoyun-surface)!important;
  border-top-color:var(--aoyun-line)!important;
}

/* ---------- 订单详情 ---------- */

.order-info-grid>div{
  background:var(--aoyun-surface-soft)!important;
  border-radius:8px!important;
  padding:10px 12px!important;
}
.order-info-grid small{
  color:var(--aoyun-muted)!important;
}
.order-info-grid b{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.order-item-list{
  border-color:var(--aoyun-line)!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
.order-item-list>div{
  border-bottom-color:var(--aoyun-line)!important;
  padding:10px 12px!important;
}
.order-item-list>div:last-child{
  border-bottom:none!important;
}
.order-item-list small{
  color:var(--aoyun-muted)!important;
}
.order-item-list strong{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.order-total{
  font-size:18px!important;
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.order-total strong{
  color:#3a2a1a!important;
  font-size:22px!important;
  font-weight:800!important;
  font-family:var(--aoyun-num)!important;
}
.order-admin-form{
  background:var(--aoyun-surface-soft)!important;
  border-radius:10px!important;
  padding:13px!important;
}
.order-admin-form label{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.order-admin-form input,
.order-admin-form select{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  height:40px!important;
  padding:0 10px!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
}

/* ---------- SKU 订单矩阵 ---------- */

.sku-order-matrix section{
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.sku-order-matrix h3{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  padding:10px 12px!important;
  font-weight:800!important;
  font-size:16px!important;
}
.sku-order-matrix section>div{
  background:var(--aoyun-line)!important;
  gap:1px!important;
}
.sku-order-matrix label{
  background:var(--aoyun-surface)!important;
  padding:9px!important;
}
.sku-order-matrix label span{
  font-weight:800!important;
  color:var(--aoyun-deep)!important;
}
.sku-order-matrix label small{
  color:var(--aoyun-muted)!important;
}
.sku-order-matrix input{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  width:70px!important;
  height:38px!important;
  padding:0 7px!important;
  text-align:center!important;
  font-size:16px!important;
  color:var(--aoyun-ink)!important;
  font-family:var(--aoyun-num)!important;
}
.sku-order-footer{
  background:var(--aoyun-surface)!important;
  padding:12px 0 0!important;
}
.sku-order-footer b{
  color:#3a2a1a!important;
  font-size:18px!important;
  font-weight:800!important;
  font-family:var(--aoyun-num)!important;
}

/* ---------- 手机端购物车 & 结算 ---------- */

.mobile-cart-lines>div{
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:12px!important;
  background:var(--aoyun-surface)!important;
}
.mobile-cart-lines small{
  color:var(--aoyun-muted)!important;
}
.mobile-cart-lines button{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  width:34px!important;
  height:34px!important;
  font-size:20px!important;
  cursor:pointer!important;
}
.mobile-cart-lines button:hover{
  background:var(--aoyun-copper-soft)!important;
}
.mobile-checkout{
  border-top-color:var(--aoyun-line)!important;
  padding-top:14px!important;
}
.mobile-checkout>b{
  color:#3a2a1a!important;
  font-size:20px!important;
  font-weight:800!important;
  text-align:right!important;
  font-family:var(--aoyun-num)!important;
}

/* ---------- 标签 ---------- */

.tag{
  display:inline-flex!important;
  padding:3px 9px!important;
  border-radius:99px!important;
  font-size:12px!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.tag.pending{
  background:#faf0e0!important;
  color:var(--aoyun-warning)!important;
  border:1px solid #e8d8b8!important;
}
.tag.shipped{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
}
.tag.done{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border:1px solid #c8d8b8!important;
}
.tag.producing{
  background:#f0e8f8!important;
  color:#7a4fb8!important;
  border:1px solid #d8c8e8!important;
}

/* ---------- 品牌设置表格 ---------- */

.brand-settings-table thead th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  position:sticky!important;
  z-index:2!important;
  top:0!important;
}
.brand-settings-table th,
.brand-settings-table td{
  border-color:var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
  padding:15px!important;
  font-size:14px!important;
}
.brand-child-row{
  background:var(--aoyun-surface)!important;
}

/* ---------- 品牌范围编辑器 ---------- */

.brand-scope-editor{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:16px!important;
  margin:18px 0!important;
}
.brand-scope-editor>b{
  color:var(--aoyun-deep)!important;
  font-size:16px!important;
  font-weight:800!important;
}
.brand-scope-editor>p{
  color:var(--aoyun-muted)!important;
  margin:3px 0 12px!important;
}
.brand-scope-modes label{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:8px!important;
  padding:8px 12px!important;
  font-weight:700!important;
  color:var(--aoyun-ink)!important;
  cursor:pointer!important;
}
.brand-scope-modes label:has(input:checked){
  background:var(--aoyun-copper-pale)!important;
  border-color:#3a2a1a!important;
  color:#3a2a1a!important;
}
.brand-event-choices label{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:8px!important;
  padding:10px!important;
  cursor:pointer!important;
}
.brand-event-choices label:has(input:checked){
  background:var(--aoyun-copper-pale)!important;
  border-color:#3a2a1a!important;
}
.brand-event-choices span{
  font-weight:700!important;
  color:var(--aoyun-deep)!important;
}
.brand-event-choices small{
  color:var(--aoyun-muted)!important;
}

/* ---------- 品牌标签输入 ---------- */

.brand-tag-input{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  padding:7px 10px!important;
  min-height:52px!important;
  cursor:text!important;
}
.brand-tag-input:focus-within{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.12)!important;
}
.brand-tag-input span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  padding:6px 11px!important;
  font-weight:700!important;
}
.brand-tag-input span button{
  background:transparent!important;
  color:var(--aoyun-muted)!important;
  border-radius:4px!important;
  width:20px!important;
  height:20px!important;
  display:grid!important;
  place-items:center!important;
  font-size:18px!important;
  cursor:pointer!important;
}
.brand-tag-input span button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}
.brand-tag-input>input{
  background:transparent!important;
  border:none!important;
  outline:none!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
  font-size:15px!important;
  padding:7px!important;
  flex:1!important;
  min-width:190px!important;
}

/* ---------- 范围选择器 ---------- */

.scope-selector-panel{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:12px!important;
  box-shadow:0 2px 8px rgba(139,111,71,.05)!important;
  margin-bottom:18px!important;
}
.scope-selector-row{
  border-bottom-color:var(--aoyun-line)!important;
  padding:10px 16px!important;
  min-height:62px!important;
}
.scope-selector-row:last-child{
  border-bottom:none!important;
}
.scope-selector-row>b{
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
  font-weight:800!important;
}
.scope-chip{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  padding:7px 13px!important;
  font-weight:700!important;
  font-size:14px!important;
}
.scope-chip button{
  background:transparent!important;
  color:var(--aoyun-muted)!important;
  border-radius:5px!important;
  width:22px!important;
  height:22px!important;
  font-size:19px!important;
  line-height:18px!important;
  cursor:pointer!important;
}
.scope-chip button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}
.scope-add{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.scope-add:hover{
  background:var(--aoyun-copper-pale)!important;
}
.scope-empty{
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
}
.scope-path span{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-radius:20px!important;
  padding:5px 9px!important;
  font-weight:600!important;
}
.scope-path b{
  color:var(--aoyun-muted)!important;
}

/* ---------- 范围选择弹窗 ---------- */

.scope-choice-pop{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
  box-shadow:0 12px 30px rgba(139,111,71,.18)!important;
  padding:10px!important;
}
.scope-choice-pop strong{
  color:var(--aoyun-deep)!important;
  padding:5px 8px 9px!important;
  font-weight:800!important;
}
.scope-choice-pop label{
  color:var(--aoyun-ink)!important;
  padding:9px 8px!important;
  border-radius:7px!important;
  cursor:pointer!important;
  font-size:14px!important;
}
.scope-choice-pop label:hover{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}
.scope-choice-pop input{
  accent-color:#3a2a1a!important;
  width:18px!important;
  height:18px!important;
  cursor:pointer!important;
}
.scope-choice-actions{
  border-top-color:var(--aoyun-line)!important;
  padding:10px 4px 2px!important;
  margin-top:8px!important;
}
.scope-choice-actions span{
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
  margin-left:auto!important;
}
.scope-choice-actions .scope-select-all{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-radius:7px!important;
  height:36px!important;
  padding:0 14px!important;
  font-weight:700!important;
  cursor:pointer!important;
  border:none!important;
}
.scope-choice-actions .primary{
  background:linear-gradient(180deg,#f0e4d0,#e0d0b8)!important;
  color:#3a2a1a!important;
  border-radius:7px!important;
  height:36px!important;
  padding:0 14px!important;
  font-weight:700!important;
  cursor:pointer!important;
  border:none!important;
}

/* ---------- 数据概览选择器 ---------- */

.dashboard-selector .scope-selector-row:first-child{
  border-right-color:var(--aoyun-line)!important;
}
.dashboard-selector{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
@media(max-width:800px){
  .dashboard-selector{
    grid-template-columns:1fr!important;
  }
  .dashboard-selector .scope-selector-row:first-child{
    border-right:none!important;
    border-bottom:1px solid var(--aoyun-line)!important;
  }
}

/* ---------- 数据概览指标卡 ---------- */

.dashboard-metric-grid{
  margin-bottom:16px!important;
  display:grid!important;
  gap:16px!important;
}
.dashboard-metric-grid .dashboard-widget{
  min-height:150px!important;
}

/* ---------- 数据概览工具栏 ---------- */

.dashboard-view-toolbar{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:12px 16px!important;
  margin-bottom:16px!important;
}
.dashboard-view-toolbar label{
  color:var(--aoyun-deep)!important;
  font-size:16px!important;
  font-weight:800!important;
}
.dashboard-view-toolbar select{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
  font-weight:700!important;
  height:42px!important;
  min-width:150px!important;
  padding:0 38px 0 14px!important;
}
.dashboard-view-toolbar>span{
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
}

/* ---------- 拖拽手柄 & 调整大小手柄 ---------- */

.dashboard-drag-handle{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:7px!important;
  width:38px!important;
  height:32px!important;
  font-size:20px!important;
  line-height:1!important;
  cursor:grab!important;
}
.dashboard-drag-handle:active{
  cursor:grabbing!important;
}
.dashboard-widget.dragging{
  opacity:.5!important;
  outline:2px dashed var(--aoyun-copper)!important;
}
.dashboard-resize-handle{
  background:linear-gradient(135deg,transparent 45%,var(--aoyun-line-strong) 46%,var(--aoyun-line-strong) 52%,transparent 53%,transparent 64%,var(--aoyun-line-strong) 65%,var(--aoyun-line-strong) 71%,transparent 72%)!important;
  color:transparent!important;
  cursor:nwse-resize!important;
  position:absolute!important;
  right:4px!important;
  bottom:4px!important;
  width:28px!important;
  height:28px!important;
  border:none!important;
}

/* ---------- 物料管理 ---------- */

.material-event-selector{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:12px!important;
  padding:18px 20px!important;
  margin-bottom:16px!important;
}
.material-event-selector label{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.material-event-selector select{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
  font-weight:700!important;
  height:44px!important;
  min-width:320px!important;
  padding:0 40px 0 14px!important;
}
.material-event-selector>div{
  border-left-color:var(--aoyun-line)!important;
  padding-left:26px!important;
}
.material-event-selector strong{
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.material-event-selector span{
  color:var(--aoyun-muted)!important;
}
.material-guide{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:14px 18px!important;
  margin-bottom:16px!important;
  color:var(--aoyun-ink)!important;
}
.material-guide b{
  color:#3a2a1a!important;
  font-size:15px!important;
  font-weight:700!important;
}
.material-guide code{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  color:#3a2a1a!important;
  border-radius:5px!important;
  padding:3px 7px!important;
}
.material-empty{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:10px!important;
  padding:70px 20px!important;
  text-align:center!important;
}
.material-card{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:11px!important;
  padding:12px!important;
}
.material-card-info b{
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
  font-weight:700!important;
}
.material-card-info code{
  color:var(--aoyun-muted)!important;
  margin-top:4px!important;
}
.material-card-info .matched{
  color:var(--aoyun-success)!important;
}
.material-card-info .unmatched{
  color:var(--aoyun-warning)!important;
}
.material-image{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-radius:9px!important;
  cursor:pointer!important;
}
.material-image:hover{
  box-shadow:0 0 0 2px var(--aoyun-copper)!important;
}
.material-check{
  background:rgba(255,255,255,.92)!important;
  border-radius:6px!important;
  padding:4px 7px!important;
  font-size:12px!important;
  cursor:pointer!important;
}
.material-check input{
  accent-color:#3a2a1a!important;
  width:17px!important;
  height:17px!important;
  cursor:pointer!important;
}
.material-check span{
  font-weight:700!important;
  color:var(--aoyun-deep)!important;
}

/* ---------- 权限管理 ---------- */

.permission-metrics>div{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:11px!important;
  padding:18px 20px!important;
}
.permission-metrics span{
  color:var(--aoyun-muted)!important;
}
.permission-metrics b{
  color:var(--aoyun-deep)!important;
  font-size:28px!important;
  font-weight:800!important;
  font-family:var(--aoyun-num)!important;
}
.permission-toolbar select{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  color:var(--aoyun-ink)!important;
  font-size:14px!important;
  height:42px!important;
  min-width:150px!important;
  padding:0 38px 0 13px!important;
}
.permission-table th,
.permission-table td{
  border-color:var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
  vertical-align:middle!important;
}
.permission-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
}
.permission-table td.name{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.permission-table td.name small{
  color:var(--aoyun-muted)!important;
  margin-top:4px!important;
  display:block!important;
  font-family:var(--aoyun-num)!important;
  font-weight:400!important;
}
.permission-role{
  display:inline-flex!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-weight:700!important;
}
.permission-role.super{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
}
.permission-role.admin{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border:1px solid #c8d8b8!important;
}
.permission-role.agent{
  background:#faf0e0!important;
  color:var(--aoyun-warning)!important;
  border:1px solid #e8d8b8!important;
}
.permission-scope{
  max-width:330px!important;
  color:var(--aoyun-ink)!important;
  line-height:1.55!important;
}
.permission-actions button{
  color:#3a2a1a!important;
  background:transparent!important;
  border:none!important;
  padding:4px 7px!important;
  cursor:pointer!important;
  font-size:13px!important;
  font-weight:600!important;
  border-radius:6px!important;
}
.permission-actions button:hover{
  background:var(--aoyun-copper-pale)!important;
  color:#2a1a0a!important;
}
.permission-actions .delete,
.permission-actions .warning-text{
  color:var(--aoyun-danger)!important;
}
.permission-actions .delete:hover,
.permission-actions .warning-text:hover{
  background:#fae0e0!important;
  color:#a83838!important;
}
.permission-actions .success-text{
  color:var(--aoyun-success)!important;
}
.permission-actions .success-text:hover{
  background:#e8efe0!important;
  color:#0d6b3f!important;
}
.permission-actions i{
  background:var(--aoyun-line-strong)!important;
  width:1px!important;
  height:15px!important;
}
.permission-restart{
  padding:40px!important;
}
.permission-restart h2{
  color:var(--aoyun-deep)!important;
}
.permission-warning{
  background:var(--aoyun-surface-soft)!important;
  border-radius:9px!important;
  padding:13px 16px!important;
  margin:12px 0!important;
  color:var(--aoyun-ink)!important;
  display:flex!important;
  gap:14px!important;
}
.permission-warning b{
  color:#3a2a1a!important;
  font-weight:700!important;
}
.permission-scope-editor{
  background:var(--aoyun-surface-soft)!important;
  border-top-color:var(--aoyun-line)!important;
  padding-top:16px!important;
  margin-top:16px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:18px!important;
}
.permission-scope-editor>div{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:14px!important;
}
.permission-scope-editor b{
  color:var(--aoyun-deep)!important;
  display:block!important;
  margin-bottom:10px!important;
  font-weight:700!important;
}
.permission-scope-editor b small{
  color:var(--aoyun-muted)!important;
  display:block!important;
  margin-top:4px!important;
  font-weight:400!important;
}
.permission-brand-scope label,
.permission-sub-scope label{
  color:var(--aoyun-ink)!important;
  cursor:pointer!important;
  padding:6px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.permission-brand-scope input,
.permission-sub-scope input{
  accent-color:#3a2a1a!important;
  width:17px!important;
  height:17px!important;
  cursor:pointer!important;
}
.permission-brand-scope strong{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.permission-brand-scope small{
  color:var(--aoyun-muted)!important;
}
.permission-choice-grid label{
  background:var(--aoyun-surface)!important;
  border-radius:7px!important;
  padding:9px!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}
.permission-choice-grid label:hover{
  background:var(--aoyun-copper-pale)!important;
}
.permission-choice-grid input{
  accent-color:#3a2a1a!important;
  width:17px!important;
  height:17px!important;
  cursor:pointer!important;
}

/* ---------- 缩略图设置 ---------- */

.thumbnail-settings h2{
  color:var(--aoyun-deep)!important;
  margin-top:4px!important;
}
.ratio-card{
  background:var(--aoyun-surface)!important;
  border:2px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:14px!important;
  cursor:pointer!important;
  display:grid!important;
  justify-items:center!important;
  gap:9px!important;
}
.ratio-card.selected{
  background:var(--aoyun-copper-pale)!important;
  border-color:#3a2a1a!important;
}
.ratio-card i{
  background:var(--aoyun-copper-soft)!important;
  color:#3a2a1a!important;
  box-shadow:inset 0 0 0 1px var(--aoyun-line-strong)!important;
  border-radius:6px!important;
  display:block!important;
  width:72px!important;
  max-height:92px!important;
}
.thumb-size-setting{
  background:var(--aoyun-surface-soft)!important;
  border-radius:9px!important;
  padding:16px!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
.thumb-size-setting input{
  width:320px!important;
  accent-color:#3a2a1a!important;
}
.thumb-setting-preview{
  background:var(--aoyun-surface-soft)!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  padding:18px!important;
  margin:20px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  overflow:auto!important;
}
.thumb-setting-preview div{
  background:var(--aoyun-copper-soft)!important;
  color:#3a2a1a!important;
  border-radius:7px!important;
  padding:10px!important;
  font-size:12px!important;
  display:grid!important;
  place-items:center!important;
}
.custom-ratio-fields{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:9px!important;
  padding:15px 18px!important;
  display:none!important;
  align-items:end!important;
  gap:12px!important;
  margin:-12px 0 28px!important;
}
.custom-ratio-fields.show{
  display:flex!important;
}
.custom-ratio-fields label{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  display:grid!important;
  gap:6px!important;
}
.custom-ratio-fields input{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  width:120px!important;
  padding:9px 11px!important;
  font:inherit!important;
  color:var(--aoyun-ink)!important;
}
.custom-ratio-fields>b{
  color:var(--aoyun-muted)!important;
  padding-bottom:9px!important;
  font-size:22px!important;
}
.thumb-pixel-input{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}
.thumb-pixel-input input{
  background:transparent!important;
  border:none!important;
  outline:none!important;
  width:82px!important;
  padding:8px!important;
  text-align:right!important;
  font:inherit!important;
  font-weight:700!important;
  color:var(--aoyun-ink)!important;
}
.thumb-pixel-input span{
  color:var(--aoyun-muted)!important;
  padding:0 9px!important;
}

/* ---------- 设置表格 ---------- */

.settings-table th,
.settings-table td{
  border-color:var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
  padding:15px!important;
  font-size:14px!important;
}
.settings-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
}

/* ---------- 审计日志 ---------- */

.audit-log-panel{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:18px!important;
}
.audit-log-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  margin-bottom:15px!important;
}
.audit-log-toolbar .event-search-box{
  flex:1!important;
  max-width:420px!important;
}
.audit-log-toolbar select{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
  height:40px!important;
  padding:0 12px!important;
}
.audit-log-count{
  color:var(--aoyun-muted)!important;
  font-size:14px!important;
  font-weight:600!important;
}
.audit-log-table th,
.audit-log-table td{
  border-color:var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
  padding:11px 9px!important;
  text-align:left!important;
  vertical-align:middle!important;
}
.audit-log-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}

/* ---------- 分页栏 ---------- */

.unified-pagination,
.event-products-page .unified-pagination{
  background:transparent!important;
  border-top:none!important;
  box-shadow:none!important;
  min-height:42px!important;
  padding:12px 0 0 0!important;
  gap:7px!important;
  font-size:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin-top:16px!important;
}
.unified-pagination button,
.unified-pagination select,
.event-products-page .unified-pagination button,
.event-products-page .unified-pagination select{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  height:32px!important;
  padding-left:10px!important;
  padding-right:10px!important;
  font-weight:700!important;
  font-size:13px!important;
  cursor:pointer!important;
  font:inherit!important;
}
.unified-pagination button:hover,
.unified-pagination select:hover{
  background:var(--aoyun-copper-pale)!important;
  border-color:#3a2a1a!important;
}
.unified-pagination button:disabled{
  opacity:.4!important;
  cursor:not-allowed!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
}
.unified-pagination .pagination-summary{
  color:var(--aoyun-muted)!important;
  font-weight:600!important;
}
.unified-pagination label{
  color:var(--aoyun-deep)!important;
  font-weight:600!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}

/* ---------- 批量工具栏 ---------- */

.event-batch-toolbar,
.event-batch-toolbar.show{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:9px!important;
  padding:10px 12px!important;
  margin:10px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  max-height:none!important;
  min-height:48px!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  visibility:visible!important;
}
.event-batch-toolbar b{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-radius:18px!important;
  padding:0 11px!important;
  min-height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  font-size:14px!important;
  font-weight:700!important;
  margin-left:auto!important;
  order:2!important;
}
.event-batch-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  order:1!important;
}
.event-batch-actions button{
  border:1px solid transparent!important;
  border-radius:18px!important;
  font:inherit!important;
  cursor:pointer!important;
  min-height:34px!important;
  padding:6px 13px!important;
  font-weight:700!important;
  font-size:13px!important;
}
.event-batch-actions .batch-cancel{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border-color:var(--aoyun-line-strong)!important;
}
.event-batch-actions .batch-cancel:hover{
  background:var(--aoyun-copper-soft)!important;
}
.event-batch-actions .batch-delete{
  background:#fae8e8!important;
  color:var(--aoyun-danger)!important;
  border-color:#e8c8c8!important;
}
.event-batch-actions .batch-delete:hover{
  background:#f8d8d8!important;
}
.event-batch-actions .batch-on{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border-color:#c8d8b8!important;
}
.event-batch-actions .batch-on:hover{
  background:#d8e8d0!important;
}
.event-batch-actions .batch-off{
  background:#faf0e0!important;
  color:var(--aoyun-warning)!important;
  border-color:#e8d8b8!important;
}
.event-batch-actions .batch-off:hover{
  background:#f8e8d0!important;
}
.event-batch-actions button:hover{
  filter:brightness(.97)!important;
  box-shadow:0 1px 3px rgba(139,111,71,.12)!important;
}

/* ---------- 全选控件 ---------- */

.select-all-control{
  color:#3a2a1a!important;
  font-size:14px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  user-select:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-height:32px!important;
}
.select-all-control input{
  accent-color:#3a2a1a!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  cursor:pointer!important;
}
.material-toolbar>.select-all-control{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  padding:0 10px!important;
  min-width:72px!important;
  align-self:stretch!important;
}

/* ---------- 批量全选结果 ---------- */

.batch-all-results{
  border:1px dashed var(--aoyun-copper)!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border-radius:8px!important;
  padding:6px 12px!important;
  font-weight:700!important;
  font-size:13px!important;
  display:none!important;
}
.batch-all-results.show{
  display:inline-flex!important;
  align-items:center!important;
}

/* ---------- 手机端商品详情 ---------- */

.sku-detail-page{
  display:grid!important;
  gap:0!important;
}
.sku-detail-image{
  background:var(--aoyun-surface)!important;
  min-height:260px!important;
  max-height:48vh!important;
  overflow:hidden!important;
  display:grid!important;
  place-items:center!important;
}
.sku-detail-image img{
  width:100%!important;
  height:100%!important;
  max-height:48vh!important;
  object-fit:contain!important;
  display:block!important;
}
.sku-detail-image span{
  color:var(--aoyun-muted)!important;
}
.sku-detail-info{
  background:var(--aoyun-surface)!important;
  border-top-color:var(--aoyun-line)!important;
  border-bottom-color:var(--aoyun-line)!important;
  padding:18px 20px!important;
}
.sku-detail-info h2{
  color:var(--aoyun-deep)!important;
  margin:0 0 7px!important;
  font-size:24px!important;
  font-weight:800!important;
}
.sku-detail-info p{
  color:var(--aoyun-ink)!important;
  margin:0!important;
  font-size:19px!important;
}
.sku-detail-table-wrap{
  max-height:48vh!important;
  overflow:auto!important;
  border-bottom-color:var(--aoyun-line)!important;
}
.sku-detail-table{
  background:var(--aoyun-surface)!important;
  width:100%!important;
  min-width:650px!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  table-layout:fixed!important;
}
.sku-detail-table th,
.sku-detail-table td{
  border-right-color:var(--aoyun-line)!important;
  border-bottom-color:var(--aoyun-line)!important;
  padding:12px 10px!important;
  text-align:center!important;
  font-size:16px!important;
}
.sku-detail-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  position:sticky!important;
  z-index:2!important;
  top:0!important;
  font-size:17px!important;
  font-weight:800!important;
}
.sku-detail-table th:last-child,
.sku-detail-table td:last-child{
  border-right:0!important;
}
.sku-price-cell{
  white-space:nowrap!important;
}
.sku-price-cell strong{
  color:var(--aoyun-deep)!important;
  display:block!important;
  font-weight:800!important;
}
.sku-price-cell .sku-sale-price{
  color:#3a2a1a!important;
  font-weight:800!important;
}
.sku-price-cell del{
  color:var(--aoyun-muted)!important;
  display:block!important;
  margin-top:3px!important;
  font-size:13px!important;
}
.sku-qty-control{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:38px!important;
}
.sku-qty-control>button{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
  border:none!important;
  border-radius:50%!important;
  width:30px!important;
  height:30px!important;
  padding:0!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
.sku-qty-value{
  background:var(--aoyun-surface)!important;
  border-radius:6px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0 5px!important;
  display:grid!important;
  place-items:center!important;
  cursor:text!important;
  user-select:none!important;
  font-weight:800!important;
  color:var(--aoyun-deep)!important;
}
.sku-qty-value:hover{
  background:var(--aoyun-copper-pale)!important;
  outline:1px dashed var(--aoyun-copper)!important;
}
.sku-inline-qty-editor{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  padding:5px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  box-shadow:0 5px 16px rgba(139,111,71,.18)!important;
}
.sku-inline-qty-editor>input{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line-strong)!important;
  border-radius:6px!important;
  width:64px!important;
  height:34px!important;
  padding:0 5px!important;
  text-align:center!important;
  font-size:17px!important;
  color:var(--aoyun-ink)!important;
  font-family:var(--aoyun-num)!important;
  box-sizing:border-box!important;
}
.sku-inline-qty-editor>span{
  display:flex!important;
  gap:4px!important;
}
.sku-inline-qty-editor>span button{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
  border:none!important;
  border-radius:6px!important;
  width:auto!important;
  height:32px!important;
  padding:0 8px!important;
  font-size:13px!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.sku-inline-qty-editor>span button:last-child{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
}
.sku-detail-empty{
  padding:30px!important;
  color:var(--aoyun-muted)!important;
}
.sku-detail-page .sku-order-footer{
  z-index:4!important;
  padding:12px 14px!important;
  background:var(--aoyun-surface)!important;
}
.sku-detail-page .sku-order-footer button{
  min-height:42px!important;
}

/* ---------- 手机端订单详情 ---------- */

.mobile-order-detail>img{
  background:var(--aoyun-surface)!important;
  border-radius:12px!important;
  display:block!important;
  width:min(100%,420px)!important;
  max-height:340px!important;
  object-fit:contain!important;
  margin:0 auto 16px!important;
}

/* ---------- 手机端任务卡 ---------- */

.agent-task-card{
  background:var(--aoyun-surface)!important;
  border-color:var(--aoyun-line)!important;
  border-radius:12px!important;
  padding:14px!important;
  margin:14px 0!important;
  display:grid!important;
  gap:9px!important;
}
.agent-task-card>div:first-child,
.agent-task-card p{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0!important;
}
.agent-task-card b{
  color:#3a2a1a!important;
  font-size:18px!important;
  font-weight:800!important;
}
.agent-task-progress{
  background:var(--aoyun-line)!important;
  height:10px!important;
  overflow:hidden!important;
  border-radius:10px!important;
}
.agent-task-progress i{
  background:linear-gradient(90deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  display:block!important;
  height:100%!important;
  border-radius:10px!important;
}
.agent-task-card small{
  color:#3a2a1a!important;
  text-align:right!important;
  font-weight:600!important;
}
.agent-profile-card>div>small{
  display:block!important;
  margin-top:5px!important;
  color:var(--aoyun-muted)!important;
}
.agent-product-price{
  display:flex!important;
  align-items:baseline!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  margin:5px 0!important;
}
.agent-product-price strong{
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.agent-product-price strong.discounted{
  color:#3a2a1a!important;
}
.agent-product-price del{
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
}

/* ============================================================
   终极蓝色清除：模态框内表格、购物车、运费、空状态等
   使用最强选择器确保所有蓝色都被清除
   ============================================================ */

/* ---------- 模态框内所有表格（最强覆盖） ---------- */

body table th,
body .dialog table th,
body #dialog table th,
body .modal table th,
body .tablewrap table th,
body .order-detail-ledger th,
body .audit-log-table th,
body .sku-detail-table th,
body .event-order-report-table th,
body .dashboard-summary-table th,
body .dashboard-detail-table th,
body .brand-card-table th,
body .sub-scope-table th,
body .unified-order-table th,
body .product-table th,
body .event-product-table th,
body .event-customer-table th,
body .event-table th,
body .permission-table th,
body .settings-table th,
body .brand-settings-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  border-color:var(--aoyun-line)!important;
  font-weight:800!important;
}

body table td,
body .dialog table td,
body #dialog table td,
body .modal table td,
body .tablewrap table td,
body .order-detail-ledger td,
body .audit-log-table td,
body .sku-detail-table td,
body .event-order-report-table td,
body .dashboard-summary-table td,
body .dashboard-detail-table td,
body .brand-card-table td,
body .sub-scope-table td,
body .unified-order-table td,
body .product-table td,
body .event-product-table td,
body .event-customer-table td,
body .event-table td,
body .permission-table td,
body .settings-table td,
body .brand-settings-table td{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  border-color:var(--aoyun-line)!important;
}

/* 表格最后一列（操作列）→ 暖灰底 */
body table th:last-child,
body table td:last-child,
body .dialog table th:last-child,
body .dialog table td:last-child,
body #dialog table th:last-child,
body #dialog table td:last-child{
  background:var(--aoyun-surface-soft)!important;
  border-color:var(--aoyun-line)!important;
}

/* 表格行 hover → 浅铜 */
body table tbody tr:hover td,
body .dialog table tbody tr:hover td,
body #dialog table tbody tr:hover td{
  background:var(--aoyun-copper-pale)!important;
}

/* ---------- 购物车弹窗 ---------- */

.cart-admin-summary{
  background:var(--aoyun-surface-soft)!important;
  border-top:1px solid var(--aoyun-line)!important;
  padding:14px!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:20px!important;
  align-items:center!important;
}
.cart-admin-summary span{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  font-size:14px!important;
}
.cart-admin-summary b{
  color:#3a2a1a!important;
  font-size:18px!important;
  font-weight:800!important;
  font-family:var(--aoyun-num)!important;
}
.cart-admin-summary em,
.freight-error{
  color:var(--aoyun-danger)!important;
  font-style:normal!important;
  font-weight:700!important;
}

/* ---------- 空状态 ---------- */

.empty-state{
  min-height:180px!important;
  display:grid!important;
  place-content:center!important;
  text-align:center!important;
  gap:8px!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  border-radius:10px!important;
  padding:30px!important;
}
.empty-state b{
  color:var(--aoyun-deep)!important;
  font-size:20px!important;
  font-weight:800!important;
}
.empty-row{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  text-align:center!important;
  padding:30px!important;
}

/* ---------- 运费模块 ---------- */

.freight-page{
  display:grid!important;
  gap:14px!important;
}
.freight-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  padding-bottom:12px!important;
}
.freight-toolbar>div{
  display:grid!important;
  gap:4px!important;
}
.freight-toolbar b{
  color:var(--aoyun-deep)!important;
  font-size:22px!important;
  font-weight:800!important;
}
.freight-toolbar small{
  color:var(--aoyun-muted)!important;
}
.freight-card{
  border:1px solid var(--aoyun-line)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:var(--aoyun-surface)!important;
}
.freight-card-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  padding:14px 16px!important;
  background:var(--aoyun-surface-soft)!important;
  border-bottom:1px solid var(--aoyun-line)!important;
}
.freight-card-head h3{
  color:var(--aoyun-deep)!important;
  margin:0 0 5px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  font-weight:800!important;
}
.freight-card-head small{
  color:var(--aoyun-muted)!important;
}
.freight-rules-view{
  display:grid!important;
}
.freight-rules-view>div{
  display:grid!important;
  grid-template-columns:76px 1fr!important;
  gap:14px!important;
  padding:12px 16px!important;
  border-top:1px solid var(--aoyun-line)!important;
}
.freight-rules-view span{
  line-height:1.7!important;
  color:var(--aoyun-ink)!important;
}
.freight-basic{
  display:grid!important;
  grid-template-columns:minmax(300px,1fr) auto auto!important;
  gap:12px!important;
  align-items:end!important;
}
.check-card{
  height:43px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 14px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.check-card:hover{
  background:var(--aoyun-copper-pale)!important;
  border-color:#3a2a1a!important;
}
.freight-rule-editor{
  margin-top:14px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:14px!important;
  background:var(--aoyun-surface-soft)!important;
}
.freight-rule-title{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  margin-bottom:10px!important;
}
.freight-rule-title b{
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.freight-province-grid{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(72px,1fr))!important;
  gap:7px!important;
  max-height:168px!important;
  overflow-y:auto!important;
  padding:10px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
}
.freight-province-grid label{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  white-space:nowrap!important;
  color:var(--aoyun-ink)!important;
  cursor:pointer!important;
  padding:4px 6px!important;
  border-radius:6px!important;
}
.freight-province-grid label:hover{
  background:var(--aoyun-copper-pale)!important;
}
.freight-province-grid input{
  accent-color:#3a2a1a!important;
  width:16px!important;
  height:16px!important;
  cursor:pointer!important;
}
.freight-fee-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;
  margin-top:12px!important;
}
.freight-fee-grid label{
  font-weight:700!important;
  color:var(--aoyun-deep)!important;
  display:grid!important;
  gap:6px!important;
}
.freight-fee-grid input{
  width:100%!important;
  margin-top:6px!important;
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  padding:8px 10px!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
}
.freight-fee-grid input:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}
.add-freight-rule{
  margin-top:12px!important;
}
.order-output-actions{
  display:flex!important;
  gap:10px!important;
  align-items:center!important;
  padding-bottom:4px!important;
}

/* ---------- 订单明细表格 ---------- */

.order-detail-ledger{
  table-layout:fixed!important;
  min-width:1440px!important;
  width:100%!important;
  border-collapse:collapse!important;
}
.order-detail-ledger th,
.order-detail-ledger td{
  padding:10px 9px!important;
  white-space:nowrap!important;
  border-color:var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  text-align:center!important;
  vertical-align:middle!important;
}
.order-detail-ledger th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.order-detail-ledger td small{
  display:block!important;
  margin-top:3px!important;
  color:var(--aoyun-muted)!important;
}
.order-detail-ledger .event-row-actions{
  justify-content:center!important;
}
.order-detail-ledger .order-no-cell{
  overflow:visible!important;
  text-align:center!important;
  font-family:var(--aoyun-num)!important;
  font-weight:700!important;
  letter-spacing:0!important;
  color:var(--aoyun-deep)!important;
}
.order-detail-ledger .order-erp-cell{
  text-align:center!important;
}
.order-detail-ledger .order-actions-cell{
  padding-left:6px!important;
  padding-right:6px!important;
}
.order-detail-ledger .order-actions-cell .event-row-actions{
  flex-wrap:nowrap!important;
  gap:7px!important;
}
.order-detail-ledger .order-actions-cell button{
  white-space:nowrap!important;
}

/* ---------- 手机端价格汇总 & 配置说明 ---------- */

.mobile-price-summary{
  display:grid!important;
  gap:8px!important;
  padding:12px!important;
  border-radius:10px!important;
  background:var(--aoyun-surface-soft)!important;
  border:1px solid var(--aoyun-line)!important;
}
.mobile-price-summary span{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  color:var(--aoyun-deep)!important;
  font-weight:600!important;
}
.mobile-price-summary span small{
  margin-left:auto!important;
  color:var(--aoyun-muted)!important;
  font-family:var(--aoyun-num)!important;
}
.mobile-price-summary .payable{
  border-top:1px solid var(--aoyun-line)!important;
  padding-top:9px!important;
  font-size:18px!important;
  font-weight:800!important;
  color:var(--aoyun-deep)!important;
}
.mobile-price-summary .payable b{
  color:#3a2a1a!important;
  font-family:var(--aoyun-num)!important;
  font-size:20px!important;
  font-weight:800!important;
}
.mobile-config-note{
  margin:8px 0 0!important;
  padding:9px 11px!important;
  border-radius:8px!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
  border:1px solid var(--aoyun-line)!important;
}

/* ---------- 模态框通用（最强覆盖） ---------- */

body .modal,
body #modal{
  background:rgba(139,111,71,.55)!important;
  backdrop-filter:blur(4px)!important;
  z-index:1000!important;
}
body .dialog,
body #dialog{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:12px!important;
  box-shadow:0 20px 50px rgba(139,111,71,.25)!important;
  padding:24px!important;
  max-height:92vh!important;
  overflow:auto!important;
  position:relative!important;
  width:min(780px,100%)!important;
}
body .dialog h2,
body #dialog h2{
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
  margin:0 0 16px!important;
}
body .dialog .close,
body #dialog .close{
  color:var(--aoyun-muted)!important;
  background:transparent!important;
  border:none!important;
  font-size:23px!important;
  position:absolute!important;
  right:15px!important;
  top:10px!important;
  cursor:pointer!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
}
body .dialog .close:hover,
body #dialog .close:hover{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}

/* 模态框内表单 */
body .dialog .field,
body #dialog .field{
  color:var(--aoyun-deep)!important;
  font-weight:600!important;
}
body .dialog .field input,
body #dialog .field input,
body .dialog .field select,
body #dialog .field select,
body .dialog .field textarea,
body #dialog .field textarea{
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  color:var(--aoyun-ink)!important;
  padding:10px!important;
  width:100%!important;
  font:inherit!important;
}
body .dialog .field input:focus,
body #dialog .field input:focus,
body .dialog .field select:focus,
body #dialog .field select:focus,
body .dialog .field textarea:focus,
body #dialog .field textarea:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}

/* 模态框内表单分区 */
body .dialog .form-section,
body #dialog .form-section,
body .dialog .sku-section-title,
body #dialog .sku-section-title{
  color:var(--aoyun-deep)!important;
  border-top:1px solid var(--aoyun-line)!important;
  padding-top:12px!important;
  margin-top:4px!important;
  font-weight:700!important;
  grid-column:1/-1!important;
}

/* 模态框内表单操作区 */
body .dialog .form-actions,
body #dialog .form-actions{
  text-align:right!important;
  background:var(--aoyun-surface)!important;
  border-top:1px solid var(--aoyun-line)!important;
  padding-top:16px!important;
  margin-top:8px!important;
}

/* 模态框内 muted 文字 */
body .dialog .muted,
body #dialog .muted,
body .dialog p.muted,
body #dialog p.muted{
  color:var(--aoyun-muted)!important;
}

/* ---------- 导入预览 ---------- */

.import-preview-grid{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;
  margin-bottom:16px!important;
}
.import-preview-grid>div{
  background:var(--aoyun-surface-soft)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:14px!important;
  display:grid!important;
  gap:6px!important;
}
.import-preview-grid span{
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
}
.import-preview-grid b{
  color:var(--aoyun-deep)!important;
  font-size:24px!important;
  font-weight:800!important;
  font-family:var(--aoyun-num)!important;
}
.import-problems{
  background:var(--aoyun-surface-soft)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  padding:14px!important;
  margin-bottom:16px!important;
}
.import-problems b{
  color:var(--aoyun-warning)!important;
  font-weight:800!important;
  display:block!important;
  margin-bottom:8px!important;
}
.import-problems p{
  color:var(--aoyun-ink)!important;
  margin:4px 0!important;
  font-size:14px!important;
}
.import-ready{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  border:1px solid #c8d8b8!important;
  border-radius:8px!important;
  padding:10px 14px!important;
  font-weight:700!important;
  margin-bottom:16px!important;
}

/* ---------- 子品牌范围弹窗 ---------- */

.sub-scope-summary{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  margin:12px 0!important;
  padding:12px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:9px!important;
  background:var(--aoyun-surface-soft)!important;
}
.sub-scope-summary span{
  color:var(--aoyun-muted)!important;
}
.sub-scope-summary b{
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.sub-scope-summary i{
  color:var(--aoyun-muted)!important;
  font-style:normal!important;
}
.sub-brand-event-choices{
  display:grid!important;
  gap:8px!important;
  max-height:360px!important;
  margin-top:12px!important;
  overflow:auto!important;
}
.sub-brand-event-choices>label{
  display:grid!important;
  grid-template-columns:22px 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 12px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:9px!important;
  background:var(--aoyun-surface)!important;
  cursor:pointer!important;
}
.sub-brand-event-choices>label:hover{
  background:var(--aoyun-copper-pale)!important;
}
.sub-brand-event-choices input{
  width:19px!important;
  height:19px!important;
  accent-color:#3a2a1a!important;
  cursor:pointer!important;
}
.sub-brand-event-choices span{
  display:grid!important;
  gap:3px!important;
}
.sub-brand-event-choices span b{
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.sub-brand-event-choices span small{
  color:var(--aoyun-muted)!important;
}
.sub-brand-event-choices em{
  padding:4px 8px!important;
  border-radius:13px!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  font-style:normal!important;
  font-size:12px!important;
  font-weight:600!important;
}
.sub-brand-event-choices em.live{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
}

/* ---------- 品牌创建表单 ---------- */

.brand-create-head{
  display:flex!important;
  align-items:baseline!important;
  gap:12px!important;
  margin-bottom:12px!important;
}
.brand-create-head h2{
  color:var(--aoyun-deep)!important;
  margin:0!important;
  font-weight:800!important;
}
.brand-create-head span{
  color:var(--aoyun-muted)!important;
}
.brand-create-section{
  margin:12px 0!important;
  padding:14px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface)!important;
}
.brand-create-section>h3,
.brand-create-section-head h3{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 12px!important;
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.brand-create-section h3 i{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
  border-radius:50%!important;
  width:26px!important;
  height:26px!important;
  display:grid!important;
  place-items:center!important;
  font-style:normal!important;
  font-size:14px!important;
  font-weight:800!important;
}
.brand-create-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
.brand-builder-list{
  display:grid!important;
  gap:10px!important;
}
.brand-builder-row{
  position:relative!important;
  display:grid!important;
  grid-template-columns:36px minmax(180px,.7fr) minmax(280px,1.3fr) 34px!important;
  align-items:start!important;
  gap:12px!important;
  padding:12px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:9px!important;
  background:var(--aoyun-surface)!important;
}
.brand-builder-sub-field,
.brand-builder-series{
  display:grid!important;
  grid-template-rows:20px 40px auto!important;
  align-content:start!important;
  gap:6px!important;
}
.brand-builder-sub-field input,
.brand-builder-series-input input{
  height:40px!important;
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  padding:0 10px!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
}
.brand-builder-sub-field input:focus,
.brand-builder-series-input input:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}
.brand-builder-series>b{
  color:var(--aoyun-deep)!important;
  font-size:14px!important;
  font-weight:700!important;
}
.brand-builder-series-input{
  display:flex!important;
  gap:7px!important;
}
.brand-builder-series-input input{
  min-width:0!important;
  flex:1!important;
}
.brand-builder-series-input button{
  height:40px!important;
  padding:0 13px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.brand-builder-series-input button:hover{
  background:var(--aoyun-copper-soft)!important;
}
.brand-builder-tags{
  grid-row:3!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:31px!important;
  flex-wrap:wrap!important;
}
.brand-builder-tags small{
  color:var(--aoyun-muted)!important;
}
.brand-builder-tags span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 10px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:16px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
}
.brand-builder-tags span button{
  width:20px!important;
  height:20px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--aoyun-muted)!important;
  font-size:17px!important;
  line-height:1!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
.brand-builder-tags span button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}
.brand-builder-number{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin-top:23px!important;
  border-radius:7px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:800!important;
}
.brand-builder-remove{
  width:32px!important;
  height:32px!important;
  margin-top:23px!important;
  border:0!important;
  border-radius:7px!important;
  background:#fae8e8!important;
  color:var(--aoyun-danger)!important;
  font-size:20px!important;
  cursor:pointer!important;
  display:grid!important;
  place-items:center!important;
}
.brand-builder-remove:hover{
  background:#f8d8d8!important;
}
.brand-scope-notice{
  margin:12px 0!important;
  padding:10px 13px!important;
  border-radius:8px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:600!important;
}
.brand-create-actions{
  position:sticky!important;
  bottom:-18px!important;
  margin:16px -18px -18px!important;
  padding:12px 18px!important;
  border-top:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
}
.brand-create-actions button{
  min-width:120px!important;
}

/* ---------- 品牌管理工具栏 ---------- */

.brand-manage-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px 14px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
}
.brand-manage-toolbar .event-search-box{
  width:min(420px,38vw)!important;
  margin:0!important;
}
.brand-manage-summary{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
}
.brand-manage-summary span{
  padding:7px 10px!important;
  border-radius:8px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-size:14px!important;
  white-space:nowrap!important;
  font-weight:600!important;
}
.brand-manage-summary b{
  color:#3a2a1a!important;
  font-size:17px!important;
  font-weight:800!important;
  font-family:var(--aoyun-num)!important;
}
.brand-settings-wrap{
  overflow:auto!important;
}
.brand-settings-table{
  margin:0!important;
  width:100%!important;
}
.brand-settings-table thead th{
  position:sticky!important;
  z-index:2!important;
  top:0!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
}
.brand-child-row[hidden]{
  display:none!important;
}
.brand-page-title{
  margin-bottom:8px!important;
}
.brand-management-panel{
  padding:0!important;
  overflow:hidden!important;
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
}

/* ---------- 品牌管理卡片 ---------- */

.brand-management-workspace{
  display:grid!important;
  gap:12px!important;
}
.brand-card-toolbar{
  overflow:hidden!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface)!important;
}
.brand-card-list{
  display:grid!important;
  gap:12px!important;
}
.brand-management-card{
  overflow:hidden!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:11px!important;
  background:var(--aoyun-surface)!important;
  box-shadow:0 2px 8px rgba(139,111,71,.05)!important;
}
.brand-management-card[hidden]{
  display:none!important;
}
.brand-management-card>header{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:58px!important;
  padding:9px 13px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface-soft)!important;
}
.brand-card-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:280px!important;
}
.brand-card-title>span{
  padding:5px 8px!important;
  border-radius:6px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-size:13px!important;
  font-weight:700!important;
}
.brand-card-title>b{
  color:var(--aoyun-deep)!important;
  font-size:20px!important;
  font-weight:800!important;
}
.brand-card-title>small{
  color:var(--aoyun-muted)!important;
  white-space:nowrap!important;
}
.brand-management-card .brand-scope-link{
  margin-left:auto!important;
  white-space:nowrap!important;
  max-width:100%!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:7px!important;
  background:var(--aoyun-copper-pale)!important;
  padding:8px 12px!important;
  color:#3a2a1a!important;
  font:inherit!important;
  font-weight:700!important;
  text-align:left!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}
.brand-management-card .brand-scope-link:hover{
  background:var(--aoyun-copper-soft)!important;
}
.brand-card-actions{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
.brand-card-actions button{
  height:36px!important;
  padding:0 16px!important;
  white-space:nowrap!important;
  border-radius:8px!important;
  font-weight:600!important;
  cursor:pointer!important;
  font:inherit!important;
}
.brand-card-table{
  width:100%!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
}
.brand-card-table th,
.brand-card-table td{
  padding:10px 13px!important;
  border-right:1px solid var(--aoyun-line)!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  text-align:center!important;
  vertical-align:middle!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
}
.brand-card-table th:last-child,
.brand-card-table td:last-child{
  border-right:0!important;
}
.brand-card-table tr:last-child td{
  border-bottom:0!important;
}
.brand-card-table th{
  height:42px!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  font-size:16px!important;
  font-weight:800!important;
}
.brand-card-table th:first-child{
  width:20%!important;
}
.brand-card-table th:last-child{
  width:14%!important;
}
.brand-card-series-list{
  justify-content:flex-start!important;
}
.brand-card-add-series{
  height:31px!important;
  padding:0 10px!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.brand-card-add-series:hover{
  background:var(--aoyun-copper-pale)!important;
}
.brand-sub-name{
  display:inline-flex!important;
  align-items:center!important;
  min-height:31px!important;
  color:var(--aoyun-deep)!important;
  font-size:16px!important;
  font-weight:800!important;
}
.brand-sub-delete{
  border:0!important;
  background:transparent!important;
  color:var(--aoyun-danger)!important;
  font-weight:700!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  padding:5px 8px!important;
  border-radius:6px!important;
}
.brand-sub-delete:hover{
  background:#fae0e0!important;
}
.brand-card-empty{
  padding:22px!important;
  color:var(--aoyun-muted)!important;
}
.brand-card-empty>span{
  margin-right:12px!important;
}
.brand-series-empty{
  color:var(--aoyun-muted)!important;
}
.brand-management-card .tablewrap{
  overflow:visible!important;
}
.brand-management-card .brand-series-editor{
  justify-content:flex-start!important;
}
.brand-management-card .brand-series-editor input{
  min-width:220px!important;
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  padding:0 9px!important;
  height:34px!important;
  font:inherit!important;
  color:var(--aoyun-ink)!important;
}
.brand-management-card .brand-series-editor input:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}
.brand-management-card .brand-series-editor button{
  white-space:nowrap!important;
  height:34px!important;
  padding:0 12px!important;
  border-radius:7px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.brand-management-card .brand-series-editor button:hover{
  background:var(--aoyun-copper-soft)!important;
}

/* ---------- 品牌系列标签 ---------- */

.brand-series-tag{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:5px!important;
  padding:3px 8px!important;
  font-size:12px!important;
  font-weight:600!important;
  display:inline-block!important;
  margin:2px 3px 2px 0!important;
}
.brand-series-tag button{
  color:var(--aoyun-muted)!important;
  background:transparent!important;
  border:none!important;
  cursor:pointer!important;
  margin-left:4px!important;
  font-size:14px!important;
  line-height:1!important;
}
.brand-series-tag button:hover{
  color:var(--aoyun-danger)!important;
}
.brand-series-list{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:4px!important;
  align-items:center!important;
}
.brand-series-add{
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:5px!important;
  padding:3px 8px!important;
  font-size:12px!important;
  cursor:pointer!important;
}
.brand-series-add:hover{
  background:var(--aoyun-copper-pale)!important;
}

/* ---------- 最终保障：所有元素禁用蓝色 ---------- */

/* 禁用所有蓝色背景（通过覆盖常见蓝色值） */
*[style*="background:#102a56"],
*[style*="background:#183b70"],
*[style*="background:#215db5"],
*[style*="background:#2861b6"],
*[style*="background:#2b67bd"],
*[style*="background:#174b98"],
*[style*="background:#143c7d"],
*[style*="background:#123d79"],
*[style*="background:#153e79"],
*[style*="background:#173b70"],
*[style*="background:#205fac"],
*[style*="background:#2465b3"],
*[style*="background:#165ab0"],
*[style*="background:#1958aa"],
*[style*="background:#2a69c4"],
*[style*="background:#2768c5"],
*[style*="background:#1757a6"],
*[style*="background:#174f9d"],
*[style*="background:#0d4b9b"],
*[style*="background:#0b438d"],
*[style*="background:#0b3f7c"],
*[style*="background:#23476f"],
*[style*="background:#edf3fc"],
*[style*="background:#e8f1ff"],
*[style*="background:#f5f8fd"],
*[style*="background:#f8fbff"],
*[style*="background:#f0f6ff"],
*[style*="background:#eaf2ff"],
*[style*="background:#edf4ff"],
*[style*="background:#e7f0fd"],
*[style*="background:#f4f7fb"],
*[style*="background:#f7f9fc"],
*[style*="background:#f3f7fc"],
*[style*="background:#f5f9ff"],
*[style*="background:#f9fbfe"],
*[style*="background:#fafcff"],
*[style*="background:#f2f6fc"],
*[style*="background:#f0f2f5"],
*[style*="background:#eef2f7"],
*[style*="background:#e9eff7"],
*[style*="background:#e7eef8"],
*[style*="background:#dceaff"],
*[style*="background:#d8e8ff"],
*[style*="background:#e1edff"],
*[style*="background:#e5efff"],
*[style*="background:#e8f0fe"]{
  background:var(--aoyun-surface)!important;
}

/* ============================================================
   全面蓝色清除 V2：发布设置、安全验证、操作日志等
   ============================================================ */

/* ---------- 发布设置页面 ---------- */

.mobile-publish-workspace{
  padding:0!important;
  overflow:hidden!important;
  background:var(--aoyun-surface)!important;
}
.mobile-publish-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:14px 18px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface-soft)!important;
}
.mobile-publish-toolbar>div{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}
.mobile-publish-toolbar b{
  color:var(--aoyun-deep)!important;
  font-size:19px!important;
  font-weight:800!important;
}
.mobile-publish-toolbar span{
  color:var(--aoyun-muted)!important;
}
.mobile-publish-layout{
  display:grid!important;
  grid-template-columns:minmax(260px,320px) minmax(390px,1fr) minmax(230px,280px)!important;
  gap:18px!important;
  padding:18px!important;
  background:var(--aoyun-bg)!important;
}
.mobile-config-panel,
.mobile-release-panel{
  align-self:start!important;
  padding:16px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface)!important;
}
.mobile-config-panel h3,
.mobile-release-panel h3{
  margin:0 0 13px!important;
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.mobile-config-panel h3:not(:first-child){
  margin-top:18px!important;
  padding-top:15px!important;
  border-top:1px solid var(--aoyun-line)!important;
}
.mobile-config-panel>label:not(.mobile-setting-check),
.mobile-config-two label{
  display:grid!important;
  gap:6px!important;
  margin-bottom:12px!important;
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.mobile-config-panel input[type=text],
.mobile-config-panel input:not([type]),
.mobile-config-panel select{
  width:100%!important;
  height:40px!important;
  padding:0 10px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
}
.mobile-config-panel input[type=text]:focus,
.mobile-config-panel input:not([type]):focus,
.mobile-config-panel select:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}
.mobile-config-panel input[type=color]{
  width:100%!important;
  height:40px!important;
  padding:4px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
  cursor:pointer!important;
}
.mobile-config-two{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
}
.mobile-setting-check{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:39px!important;
  padding:7px 10px!important;
  margin:6px 0!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface-soft)!important;
  cursor:pointer!important;
  font-weight:700!important;
  color:var(--aoyun-deep)!important;
}
.mobile-setting-check input{
  width:19px!important;
  height:19px!important;
  accent-color:#3a2a1a!important;
  cursor:pointer!important;
}

/* 手机入口卡片 */
.mobile-entry-card{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface-soft)!important;
}
.mobile-entry-card>div{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.mobile-entry-card p{
  margin:4px 0 8px!important;
  color:var(--aoyun-ink)!important;
}
.mobile-entry-card code{
  display:inline-block!important;
  padding:5px 8px!important;
  border-radius:5px!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  font-family:var(--aoyun-num)!important;
  font-size:13px!important;
  word-break:break-all!important;
}
.mobile-icon{
  display:grid!important;
  place-items:center!important;
  width:48px!important;
  height:48px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
  font-size:25px!important;
}
.mobile-preview{
  display:grid!important;
  grid-template-columns:180px 1fr!important;
  gap:24px!important;
  align-items:center!important;
}
.mobile-qr{
  display:grid!important;
  place-items:center!important;
  width:180px!important;
  height:180px!important;
  border:12px solid var(--aoyun-deep)!important;
  background:repeating-linear-gradient(45deg,var(--aoyun-deep) 0 8px,#fff 8px 16px)!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:700!important;
  text-align:center!important;
}
.mobile-preview input{
  width:100%!important;
  padding:11px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
}
.mobile-entry-actions{
  display:flex!important;
  gap:9px!important;
  margin-top:16px!important;
}

/* 发布状态 */
.mobile-release-status{
  display:grid!important;
  gap:6px!important;
  padding:12px 0!important;
  border-bottom:1px solid var(--aoyun-line)!important;
}
.mobile-release-status small{
  color:var(--aoyun-muted)!important;
}
.mobile-release-status b{
  color:var(--aoyun-deep)!important;
  line-height:1.55!important;
  font-weight:800!important;
}
.mobile-release-status code{
  overflow-wrap:anywhere!important;
  padding:7px!important;
  border-radius:6px!important;
  background:var(--aoyun-surface-soft)!important;
  color:#3a2a1a!important;
  font-size:12px!important;
  font-family:var(--aoyun-num)!important;
}
.mobile-release-status button{
  margin-top:5px!important;
}

/* ---------- 安全验证页面 ---------- */

.security-settings{
  padding:0!important;
  overflow:hidden!important;
  background:var(--aoyun-surface)!important;
}
.security-master-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:22px 24px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface-soft)!important;
}
.security-master-row>div{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}
.security-master-row b{
  color:var(--aoyun-deep)!important;
  font-size:21px!important;
  font-weight:800!important;
}
.security-master-row span{
  padding:5px 12px!important;
  border-radius:18px!important;
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
  font-weight:800!important;
}
.security-master-row span.off{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
}

/* 开关 */
.switch-control{
  position:relative!important;
  width:58px!important;
  height:32px!important;
  cursor:pointer!important;
}
.switch-control input{
  position:absolute!important;
  opacity:0!important;
}
.switch-control i{
  position:absolute!important;
  inset:0!important;
  border-radius:18px!important;
  background:var(--aoyun-line-strong)!important;
  transition:.18s!important;
}
.switch-control i:after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:4px!important;
  width:24px!important;
  height:24px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 1px 4px rgba(0,0,0,.15)!important;
  transition:.18s!important;
}
.switch-control input:checked+i{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
}
.switch-control input:checked+i:after{
  transform:translateX(26px)!important;
}

.security-section-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:18px 24px 10px!important;
  color:var(--aoyun-deep)!important;
  font-size:18px!important;
  font-weight:800!important;
}
.security-action-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  padding:0 24px 20px!important;
}
.security-action-card{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-height:76px!important;
  padding:12px 16px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface)!important;
  cursor:pointer!important;
}
.security-action-card:hover,
.security-action-card.selected{
  border-color:#3a2a1a!important;
  background:var(--aoyun-copper-pale)!important;
}
.security-action-card.disabled{
  opacity:.55!important;
  cursor:not-allowed!important;
}
.security-action-card input{
  width:21px!important;
  height:21px!important;
  accent-color:#3a2a1a!important;
  cursor:pointer!important;
}
.security-action-card span{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.security-action-card b{
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.security-action-card small{
  color:var(--aoyun-muted)!important;
  font-size:14px!important;
}
.security-save-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:16px 24px!important;
  border-top:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
}
.security-save-row .primary{
  min-width:120px!important;
}

/* ---------- 操作日志页面 ---------- */

.audit-log-panel{
  padding:16px!important;
  background:var(--aoyun-surface)!important;
}
.audit-log-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.audit-log-toolbar .event-search-box{
  flex:1!important;
  max-width:520px!important;
}
.audit-log-toolbar select{
  height:43px!important;
  min-width:230px!important;
  padding:0 38px 0 13px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
}
.audit-log-toolbar select:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}
.audit-log-count{
  margin-left:auto!important;
  padding:7px 12px!important;
  border-radius:18px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:800!important;
  white-space:nowrap!important;
  font-family:var(--aoyun-num)!important;
}
.audit-log-table{
  min-width:980px!important;
  width:100%!important;
  border-collapse:collapse!important;
}
.audit-log-table th,
.audit-log-table td{
  padding:13px 12px!important;
  border-color:var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  text-align:left!important;
  vertical-align:middle!important;
}
.audit-log-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.audit-log-table th:nth-child(1){width:170px!important}
.audit-log-table th:nth-child(2){width:240px!important}
.audit-log-table th:nth-child(3){width:150px!important}
.audit-log-table th:nth-child(5){width:165px!important}
.audit-log-table td:first-child b,
.audit-log-table td:first-child small{
  display:block!important;
}
.audit-log-table td:first-child small{
  margin-top:3px!important;
  color:var(--aoyun-muted)!important;
}
.audit-time{
  font-family:var(--aoyun-num)!important;
  white-space:nowrap!important;
  color:var(--aoyun-ink)!important;
}

/* 操作类型标签 - 这是用户截图中的蓝色！ */
.audit-action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:84px!important;
  padding:5px 10px!important;
  border-radius:16px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:800!important;
  white-space:nowrap!important;
  font-size:13px!important;
}
.audit-action.success{
  background:#e8efe0!important;
  color:var(--aoyun-success)!important;
}
.audit-action.danger{
  background:#fae8e8!important;
  color:var(--aoyun-danger)!important;
}
.audit-action.warning{
  background:#fdf3e3!important;
  color:var(--aoyun-warning)!important;
}

/* ---------- 数据范围标签 & 选择器 ---------- */

.data-scope-badge{
  display:inline-flex!important;
  align-items:center!important;
  padding:7px 12px!important;
  border-radius:18px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
}
.scope-selector-panel{
  position:relative!important;
  z-index:3!important;
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:12px!important;
  margin-bottom:18px!important;
  box-shadow:0 2px 8px rgba(139,111,71,.05)!important;
}
.scope-selector-row{
  display:grid!important;
  grid-template-columns:88px 1fr!important;
  align-items:center!important;
  min-height:62px!important;
  padding:10px 16px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
}
.scope-selector-row:last-child{
  border-bottom:0!important;
}
.scope-selector-row>b{
  font-size:15px!important;
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.scope-chip-list{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
.scope-chip{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px 9px 7px 13px!important;
  background:var(--aoyun-copper-pale)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  color:#3a2a1a!important;
  font-size:14px!important;
  font-weight:700!important;
}
.scope-chip button{
  width:22px!important;
  height:22px!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  color:var(--aoyun-muted)!important;
  font-size:19px!important;
  line-height:18px!important;
  cursor:pointer!important;
}
.scope-chip button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}
.scope-add-wrap{
  position:relative!important;
}
.scope-add{
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  font-size:22px!important;
  cursor:pointer!important;
}
.scope-add:hover{
  background:var(--aoyun-copper-pale)!important;
}
.scope-empty{
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
}
.scope-choice-pop{
  display:none!important;
  position:fixed!important;
  z-index:80!important;
  width:320px!important;
  max-width:calc(100vw - 16px)!important;
  max-height:min(390px,calc(100vh - 16px))!important;
  overflow:hidden!important;
  padding:10px!important;
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:10px!important;
  box-shadow:0 12px 30px rgba(139,111,71,.18)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;
}
.scope-choice-pop.open{
  display:grid!important;
}
.scope-choice-pop strong{
  padding:5px 8px 9px!important;
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.scope-choice-list{
  min-height:0!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
}
.scope-choice-pop label{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 8px!important;
  border-radius:7px!important;
  cursor:pointer!important;
  font-size:14px!important;
  color:var(--aoyun-ink)!important;
}
.scope-choice-pop label:hover{
  background:var(--aoyun-copper-pale)!important;
}
.scope-choice-pop input{
  width:18px!important;
  height:18px!important;
  accent-color:#3a2a1a!important;
  cursor:pointer!important;
}
.scope-choice-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:8px!important;
  padding:10px 4px 2px!important;
  border-top:1px solid var(--aoyun-line)!important;
}
.scope-choice-actions span{
  margin-left:auto!important;
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
}
.scope-choice-actions button{
  height:36px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:7px!important;
  font:inherit!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.scope-choice-actions .scope-select-all{
  background:var(--aoyun-surface-soft)!important;
  color:#3a2a1a!important;
}
.scope-choice-actions .primary{
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
}

/* ---------- 素材管理页面 ---------- */

.material-event-selector{
  display:flex!important;
  align-items:center!important;
  gap:28px!important;
  margin-bottom:16px!important;
  padding:18px 20px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:12px!important;
  background:var(--aoyun-surface)!important;
}
.material-event-selector label{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.material-event-selector select{
  min-width:320px!important;
  height:44px!important;
  padding:0 40px 0 14px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  font-size:15px!important;
  font-weight:700!important;
}
.material-event-selector>div{
  display:grid!important;
  gap:3px!important;
  padding-left:26px!important;
  border-left:1px solid var(--aoyun-line)!important;
}
.material-event-selector strong{
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.material-event-selector span{
  color:var(--aoyun-muted)!important;
}
.material-guide{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  flex-wrap:wrap!important;
  margin-bottom:16px!important;
  padding:14px 18px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-ink)!important;
}
.material-guide b{
  color:#3a2a1a!important;
  font-size:15px!important;
  font-weight:800!important;
}
.material-guide code{
  padding:3px 7px!important;
  border-radius:5px!important;
  background:var(--aoyun-surface)!important;
  border:1px solid var(--aoyun-line)!important;
  color:#3a2a1a!important;
  font-family:var(--aoyun-num)!important;
}
.material-toolbar{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  margin-bottom:18px!important;
}
.material-toolbar .muted{
  margin-left:auto!important;
  color:var(--aoyun-muted)!important;
}
.material-selection-actions{
  display:flex!important;
  gap:8px!important;
}
.material-selection-actions button{
  min-height:40px!important;
  white-space:nowrap!important;
}
.material-selection-actions button:disabled{
  opacity:.45!important;
  cursor:not-allowed!important;
}
.material-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;
  gap:16px!important;
}
.material-empty{
  grid-column:1/-1!important;
  padding:70px 20px!important;
  text-align:center!important;
  color:var(--aoyun-muted)!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface-soft)!important;
}
.material-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:11px!important;
  background:var(--aoyun-surface)!important;
}
.material-check{
  position:absolute!important;
  z-index:2!important;
  top:18px!important;
  left:18px!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:4px 7px!important;
  border-radius:6px!important;
  background:rgba(255,252,247,.92)!important;
  font-size:12px!important;
  cursor:pointer!important;
  color:var(--aoyun-deep)!important;
}
.material-check input{
  width:17px!important;
  height:17px!important;
  accent-color:#3a2a1a!important;
  cursor:pointer!important;
}
.material-image{
  grid-column:1/-1!important;
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  aspect-ratio:var(--product-thumb-ratio,1 / 1)!important;
  max-height:230px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:9px!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  cursor:pointer!important;
}
.material-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.material-image:hover{
  box-shadow:0 0 0 2px var(--aoyun-copper)!important;
}
.material-card-info{
  display:grid!important;
  min-width:0!important;
}
.material-card-info b{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--aoyun-deep)!important;
  font-size:15px!important;
  font-weight:800!important;
}
.material-card-info code{
  margin-top:4px!important;
  color:var(--aoyun-muted)!important;
  font-family:var(--aoyun-num)!important;
}
.material-card-info .matched{
  color:var(--aoyun-success)!important;
}
.material-card-info .unmatched{
  color:var(--aoyun-warning)!important;
}

/* ---------- 自定义筛选菜单 ---------- */

.custom-filter-menu{
  display:none!important;
  position:fixed!important;
  z-index:80!important;
  min-width:112px!important;
  max-width:calc(100vw - 16px)!important;
  max-height:min(360px,calc(100vh - 16px))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:6px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  background:var(--aoyun-surface)!important;
  box-shadow:0 10px 26px rgba(139,111,71,.18)!important;
  scrollbar-width:thin!important;
}
.custom-column-filter.open .custom-filter-menu{
  display:grid!important;
}
.custom-filter-menu button{
  border:0!important;
  border-radius:6px!important;
  background:transparent!important;
  padding:8px 10px!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
  font-weight:600!important;
  text-align:left!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
.custom-filter-menu button:hover{
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
}

/* ---------- 缩略图按钮 & 图片预览 ---------- */

.event-thumb-button{
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  margin:auto!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
  cursor:zoom-in!important;
}
.event-thumb-button:hover{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.1)!important;
}
.event-thumb-button.empty{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  font-size:11px!important;
}
.event-thumb-button img{
  width:100%!important;
  height:100%!important;
  border-radius:0!important;
  object-fit:cover!important;
}
.image-preview-box{
  text-align:center!important;
}
.image-preview-box>img{
  display:block!important;
  max-width:100%!important;
  max-height:62vh!important;
  margin:0 auto 12px!important;
  border-radius:10px!important;
  object-fit:contain!important;
  background:var(--aoyun-surface)!important;
}
.image-preview-empty{
  display:grid!important;
  place-items:center!important;
  height:320px!important;
  margin-bottom:12px!important;
  border-radius:10px!important;
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  font-size:16px!important;
}
.image-preview-actions{
  display:flex!important;
  justify-content:center!important;
  gap:10px!important;
  margin-top:18px!important;
}
.image-preview-actions button{
  min-width:110px!important;
  min-height:40px!important;
  font-weight:700!important;
}

/* ---------- 品牌系列标签（旧版蓝色） ---------- */

.brand-series-tag{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  max-width:190px!important;
  padding:5px 7px 5px 11px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:17px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-size:14px!important;
  font-weight:700!important;
}
.brand-series-tag button{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--aoyun-muted)!important;
  font-size:18px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.brand-series-tag button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}
.brand-series-empty{
  color:var(--aoyun-muted)!important;
}
.brand-series-add{
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  padding:0!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  font-size:22px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.brand-series-add:hover{
  border-style:solid!important;
  background:var(--aoyun-copper-pale)!important;
}
.brand-series-input{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.brand-series-input input{
  width:160px!important;
  height:36px!important;
  padding:0 10px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  font-size:15px!important;
  outline:0!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
}
.brand-series-input input:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
}
.brand-series-input button{
  height:34px!important;
  padding:0 10px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:7px!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.brand-series-input button[type=submit]{
  border-color:#3a2a1a!important;
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
}

/* ---------- 子品牌范围 & 标签 ---------- */

.sub-scope-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:34px!important;
  width:100%!important;
  padding:4px 7px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  flex-wrap:wrap!important;
  cursor:pointer!important;
  font-weight:700!important;
}
.sub-scope-button:hover{
  background:var(--aoyun-copper-pale)!important;
}
.sub-scope-event{
  display:inline-flex!important;
  align-items:center!important;
  padding:4px 7px!important;
  border-radius:13px!important;
  background:var(--aoyun-surface-soft)!important;
  color:#3a2a1a!important;
  font-size:13px!important;
  font-weight:700!important;
}
.sub-scope-event.live:before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  margin-right:5px!important;
  border-radius:50%!important;
  background:var(--aoyun-success)!important;
}
.scope-none{
  color:var(--aoyun-muted)!important;
  font-weight:600!important;
}
.event-sub-brand-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  min-width:116px!important;
}
.event-sub-brand-tags span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:3px 9px!important;
  border-radius:8px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.event-sub-brand-tags span.muted{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-muted)!important;
  font-weight:600!important;
}
.brand-scope-notice{
  margin:12px 0!important;
  padding:10px 13px!important;
  border-radius:8px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
}

/* ---------- 品牌创建表单（旧版蓝色） ---------- */

.brand-create-section{
  margin:12px 0!important;
  padding:14px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  background:var(--aoyun-surface)!important;
}
.brand-create-section>h3,
.brand-create-section-head h3{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 12px!important;
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.brand-create-section h3 i{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  color:#3a2a1a!important;
  font-style:normal!important;
  font-size:14px!important;
}
.brand-builder-number{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  margin-top:23px!important;
  border-radius:7px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:800!important;
}
.brand-builder-tags span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:5px 7px 5px 10px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:16px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
}
.brand-builder-tags span button{
  width:20px!important;
  height:20px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--aoyun-muted)!important;
  font-size:17px!important;
  line-height:1!important;
  cursor:pointer!important;
}
.brand-builder-tags span button:hover{
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-danger)!important;
}
.brand-builder-series-input button{
  height:38px!important;
  padding:0 13px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:8px!important;
  background:var(--aoyun-copper-pale)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.brand-builder-series-input button:hover{
  background:var(--aoyun-copper-soft)!important;
}

/* ---------- 最终保障：所有常见蓝色 class 强制覆盖 ---------- */

/* 所有可能的蓝色背景 class */
.bg-blue,
.bg-primary,
.bg-info,
.bg-light,
.bg-light-blue,
.bg-pale-blue,
.bg-soft-blue,
.blue-bg,
.primary-bg,
.info-bg{
  background:var(--aoyun-surface)!important;
}

/* 所有可能的蓝色文字 class */
.text-blue,
.text-primary,
.text-info,
.blue-text,
.primary-text,
.info-text{
  color:#3a2a1a!important;
}

/* 所有可能的蓝色边框 class */
.border-blue,
.border-primary,
.border-info,
.blue-border,
.primary-border,
.info-border{
  border-color:var(--aoyun-line-strong)!important;
}

/* ============================================================
   发布设置页面浅蓝色区块清除
   ============================================================ */

/* 图片上传区块 - 用户截图中的浅蓝色！ */
.mobile-image-setting{
  display:grid!important;
  gap:6px!important;
  margin-bottom:12px!important;
  padding:10px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:9px!important;
  background:var(--aoyun-surface-soft)!important;
}
.mobile-image-setting>span{
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.mobile-image-setting>div{
  display:flex!important;
  gap:7px!important;
}
.mobile-image-setting button{
  padding:7px 10px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.mobile-image-setting button:hover{
  background:var(--aoyun-copper-pale)!important;
}
.mobile-image-setting small,
.mobile-editor-tip{
  color:var(--aoyun-muted)!important;
  line-height:1.45!important;
}

/* 首页内容编辑区块 - 用户截图中的浅蓝色！ */
.mobile-block-actions{
  display:flex!important;
  gap:8px!important;
  margin-bottom:10px!important;
}
.mobile-block-row{
  display:grid!important;
  gap:8px!important;
  margin-bottom:9px!important;
  padding:10px!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:9px!important;
  background:var(--aoyun-surface-soft)!important;
}
.mobile-block-row>b{
  color:var(--aoyun-deep)!important;
  font-weight:800!important;
}
.mobile-block-row textarea,
.mobile-block-row select{
  box-sizing:border-box!important;
  width:100%!important;
  padding:8px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:7px!important;
  background:var(--aoyun-surface)!important;
  color:var(--aoyun-ink)!important;
  font:inherit!important;
}
.mobile-block-row textarea:focus,
.mobile-block-row select:focus{
  border-color:#3a2a1a!important;
  box-shadow:0 0 0 3px rgba(184,149,106,.13)!important;
  outline:none!important;
}
.mobile-block-row img{
  width:100%!important;
  max-height:90px!important;
  object-fit:contain!important;
  background:var(--aoyun-surface)!important;
  border-radius:7px!important;
}
.mobile-block-row>div{
  display:flex!important;
  gap:6px!important;
}
.mobile-block-row button{
  min-width:34px!important;
  padding:5px 8px!important;
  border:1px solid var(--aoyun-line-strong)!important;
  border-radius:6px!important;
  background:var(--aoyun-surface)!important;
  color:#3a2a1a!important;
  font-weight:700!important;
  cursor:pointer!important;
}
.mobile-block-row button:hover{
  background:var(--aoyun-copper-pale)!important;
}
.mobile-block-row .danger-link{
  margin-left:auto!important;
  color:var(--aoyun-danger)!important;
  background:transparent!important;
  border:none!important;
  font-weight:700!important;
}
.mobile-editor-empty{
  padding:13px!important;
  border:1px dashed var(--aoyun-line-strong)!important;
  border-radius:9px!important;
  color:var(--aoyun-muted)!important;
  text-align:center!important;
  background:var(--aoyun-surface-soft)!important;
}

/* 手机入口网络状态 */
.network-missing{
  color:var(--aoyun-warning)!important;
  background:var(--aoyun-surface)!important;
}
.mobile-network-help{
  color:var(--aoyun-muted)!important;
  font-size:13px!important;
  line-height:1.5!important;
  margin:8px 0 0!important;
}

/* 发布操作栏 */
.publish-action{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:16px 18px!important;
  border-top:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface)!important;
}
.publish-action>div{
  display:grid!important;
  gap:4px!important;
}
.publish-action b{
  color:var(--aoyun-deep)!important;
  font-size:17px!important;
  font-weight:800!important;
}
.publish-action p.muted{
  color:var(--aoyun-muted)!important;
  margin:0!important;
  font-size:14px!important;
}

/* ============================================================
   表单组件系统（玫瑰金粉 · taste-skill）
   包含：输入框/下拉框/Tab/单选复选/开关/卡片选择/按钮
   ============================================================ */

/* ---------- 输入框增强 ---------- */
.input-error{
  border-color:var(--aoyun-danger)!important;
  background:#fdf0f2!important;
}
.input-error:focus{
  box-shadow:0 0 0 3px rgba(196,90,106,.12)!important;
}
.input-success{
  border-color:var(--aoyun-success)!important;
  background:#f3f7ef!important;
}
.input-wrap{position:relative!important}
.input-wrap .prefix-icon{
  position:absolute!important;left:12px!important;top:50%!important;
  transform:translateY(-50%)!important;color:var(--aoyun-muted)!important;
  font-size:15px!important;pointer-events:none!important;
}
.input-wrap .suffix-btn{
  position:absolute!important;right:5px!important;top:50%!important;
  transform:translateY(-50%)!important;padding:6px 12px!important;
  border:none!important;background:var(--aoyun-copper-soft)!important;
  color:var(--aoyun-deep)!important;border-radius:8px!important;
  font-size:13px!important;font-weight:600!important;cursor:pointer!important;
  transition:all .15s!important;min-height:auto!important;
}
.input-wrap .suffix-btn:hover{
  background:var(--aoyun-gold)!important;color:#3a2a1a!important;
}
.input-wrap.has-prefix input{padding-left:38px!important}
.input-wrap.has-suffix input{padding-right:78px!important}

/* ---------- 自定义下拉 ---------- */
.dropdown{position:relative!important;width:100%!important}
.dropdown-trigger{
  width:100%!important;padding:11px 14px!important;
  border:1px solid var(--aoyun-copper)!important;border-radius:10px!important;
  background:#fff!important;color:var(--aoyun-ink)!important;
  font-size:15px!important;cursor:pointer!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  box-shadow:0 0 0 3px rgba(90,74,58,.12)!important;
}
.dropdown-trigger .arrow{color:#3a2a1a!important;font-size:11px!important}
.dropdown-menu{
  position:absolute!important;top:calc(100% + 5px)!important;
  left:0!important;right:0!important;background:#fff!important;
  border:1px solid var(--aoyun-line-strong)!important;border-radius:10px!important;
  box-shadow:0 6px 20px rgba(90,74,58,.12)!important;
  overflow:hidden!important;z-index:100!important;
}
.dropdown-option{
  padding:11px 14px!important;font-size:14px!important;color:var(--aoyun-ink)!important;
  cursor:pointer!important;transition:all .15s!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
}
.dropdown-option:hover{
  background:var(--aoyun-copper-pale)!important;color:var(--aoyun-deep)!important;
}
.dropdown-option.selected{
  background:var(--aoyun-copper-soft)!important;color:var(--aoyun-deep)!important;
  font-weight:700!important;
}
.dropdown-option.selected::after{
  content:"✓"!important;color:#3a2a1a!important;font-weight:700!important;
}

/* ---------- Tab 标签卡 ---------- */
.tabs{
  display:flex!important;gap:2px!important;
  background:var(--aoyun-surface-soft)!important;padding:5px!important;
  border-radius:10px!important;border:1px solid var(--aoyun-line)!important;
}
.tab{
  padding:9px 20px!important;border:none!important;background:transparent!important;
  color:var(--aoyun-muted)!important;font-size:14px!important;font-weight:600!important;
  border-radius:8px!important;cursor:pointer!important;transition:all .15s!important;
  white-space:nowrap!important;font-family:inherit!important;min-height:auto!important;
}
.tab:hover{
  color:var(--aoyun-deep)!important;background:rgba(255,255,255,.7)!important;
}
.tab.active{
  background:var(--aoyun-surface)!important;color:var(--aoyun-deep)!important;
  box-shadow:0 1px 4px rgba(90,74,58,.08)!important;font-weight:700!important;
}
.tab:disabled{color:#c8b8be!important;cursor:not-allowed!important}
.tab .badge{
  display:inline-block!important;margin-left:5px!important;padding:1px 7px!important;
  background:var(--aoyun-copper)!important;color:#3a2a1a!important;
  border-radius:8px!important;font-size:11px!important;font-weight:700!important;
}
/* 下划线式 Tab */
.tabs-line{
  display:flex!important;gap:0!important;border-bottom:1px solid var(--aoyun-line)!important;
}
.tab-line{
  padding:11px 22px!important;border:none!important;background:transparent!important;
  color:var(--aoyun-muted)!important;font-size:15px!important;font-weight:600!important;
  cursor:pointer!important;transition:all .15s!important;position:relative!important;
  font-family:inherit!important;min-height:auto!important;
}
.tab-line:hover{color:var(--aoyun-deep)!important}
.tab-line.active{color:var(--aoyun-deep)!important;font-weight:700!important}
.tab-line.active::after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;
  height:3px!important;background:linear-gradient(90deg,var(--aoyun-copper),var(--aoyun-gold))!important;
  border-radius:3px 3px 0 0!important;
}

/* ---------- 单选框 / 复选框 ---------- */
.choice-group{display:flex!important;flex-direction:column!important;gap:4px!important}
.radio-item,.checkbox-item{
  display:flex!important;align-items:center!important;gap:10px!important;
  cursor:pointer!important;padding:8px 10px!important;border-radius:8px!important;
  transition:all .15s!important;
}
.radio-item:hover,.checkbox-item:hover{background:var(--aoyun-copper-pale)!important}
.radio-item input,.checkbox-item input{display:none!important}
.radio-circle{
  width:20px!important;height:20px!important;border:2px solid var(--aoyun-line-strong)!important;
  border-radius:50%!important;display:grid!important;place-items:center!important;
  transition:all .15s!important;flex-shrink:0!important;background:#fff!important;
}
.radio-item:hover .radio-circle{border-color:var(--aoyun-gold)!important}
.radio-item input:checked + .radio-circle{
  border-color:#3a2a1a!important;border-width:6px!important;
}
.radio-item input:disabled + .radio-circle{
  border-color:var(--aoyun-line)!important;background:var(--aoyun-surface-soft)!important;
}
.radio-label,.checkbox-label{font-size:15px!important;color:var(--aoyun-ink)!important}
.radio-item input:checked ~ .radio-label,
.checkbox-item input:checked ~ .checkbox-label{
  color:var(--aoyun-deep)!important;font-weight:600!important;
}
.radio-item input:disabled ~ .radio-label{color:var(--aoyun-muted)!important}
/* 复选框 */
.checkbox-square{
  width:20px!important;height:20px!important;border:2px solid var(--aoyun-line-strong)!important;
  border-radius:5px!important;display:grid!important;place-items:center!important;
  transition:all .15s!important;flex-shrink:0!important;background:#fff!important;
}
.checkbox-item:hover .checkbox-square{border-color:var(--aoyun-gold)!important}
.checkbox-item input:checked + .checkbox-square{
  border-color:#3a2a1a!important;
  background:linear-gradient(135deg,var(--aoyun-copper),var(--aoyun-gold))!important;
}
.checkbox-item input:checked + .checkbox-square::after{
  content:"✓"!important;color:#fff!important;font-size:12px!important;font-weight:700!important;
}
.checkbox-item input:disabled + .checkbox-square{
  border-color:var(--aoyun-line)!important;background:var(--aoyun-surface-soft)!important;
}

/* ---------- 开关按钮 ---------- */
.switch-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:11px 14px!important;background:var(--aoyun-surface-soft)!important;
  border-radius:10px!important;margin-bottom:8px!important;
}
.switch-row:last-child{margin-bottom:0!important}
.switch-label{font-size:14px!important;color:var(--aoyun-ink)!important;font-weight:600!important}
.switch{
  position:relative!important;width:48px!important;height:26px!important;
  cursor:pointer!important;flex-shrink:0!important;display:inline-block!important;
}
.switch input{display:none!important}
.switch-track{
  position:absolute!important;inset:0!important;background:#d8c8ce!important;
  border-radius:13px!important;transition:all .2s!important;
}
.switch input:checked + .switch-track{
  background:linear-gradient(90deg,var(--aoyun-copper),var(--aoyun-gold))!important;
}
.switch-thumb{
  position:absolute!important;top:3px!important;left:3px!important;
  width:20px!important;height:20px!important;background:#fff!important;
  border-radius:50%!important;box-shadow:0 1px 3px rgba(0,0,0,.15)!important;
  transition:all .2s!important;
}
.switch input:checked ~ .switch-thumb{
  left:25px!important;box-shadow:0 2px 5px rgba(90,74,58,.3)!important;
}

/* ---------- 卡片式选择 ---------- */
.card-choice{
  padding:16px 14px!important;border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;background:#fff!important;cursor:pointer!important;
  transition:all .2s!important;text-align:center!important;
}
.card-choice:hover{
  border-color:var(--aoyun-gold)!important;background:var(--aoyun-copper-pale)!important;
  transform:translateY(-2px)!important;box-shadow:0 4px 10px rgba(90,74,58,.1)!important;
}
.card-choice.selected{
  border-color:#3a2a1a!important;
  background:linear-gradient(180deg,#fff,var(--aoyun-copper-pale))!important;
  box-shadow:0 0 0 3px rgba(90,74,58,.08)!important;
}
.card-choice .card-icon{font-size:26px!important;margin-bottom:6px!important}
.card-choice .card-title{
  font-size:14px!important;font-weight:700!important;color:var(--aoyun-ink)!important;margin-bottom:3px!important;
}
.card-choice.selected .card-title{color:var(--aoyun-deep)!important}
.card-choice .card-desc{font-size:12px!important;color:var(--aoyun-muted)!important}

/* ---------- 文字按钮 ---------- */
.btn-text{
  padding:5px 8px!important;background:transparent!important;border:none!important;
  color:#3a2a1a!important;font-size:13px!important;font-weight:600!important;
  cursor:pointer!important;border-radius:6px!important;transition:all .15s!important;
  font-family:inherit!important;min-height:auto!important;
}
.btn-text:hover{background:var(--aoyun-copper-pale)!important;color:var(--aoyun-deep)!important}
.btn-text.danger{color:var(--aoyun-danger)!important}
.btn-text.danger:hover{background:#f5efe6!important;color:var(--aoyun-danger-deep)!important}

/* ---------- 状态标签增强 ---------- */
.tag-live{background:#e8efe0!important;color:#5a7a4a!important}
.tag-pending{background:#faf0e0!important;color:#b86509!important}
.tag-ended{background:#f5efe6!important;color:#c45a6a!important}
.tag-cancelled{background:#ede4d6!important;color:#b84a5a!important}
.tag-info{background:var(--aoyun-copper-soft)!important;color:var(--aoyun-deep)!important}
.tag-danger{background:#ede4d6!important;color:#b84a5a!important}

/* ---------- 表单底部操作栏 ---------- */
.form-actions{
  display:flex!important;justify-content:flex-end!important;gap:10px!important;
  margin-top:24px!important;padding-top:18px!important;border-top:1px solid var(--aoyun-line)!important;
}

/* ---------- 字段标签与辅助文字 ---------- */
.field-label{
  display:block!important;font-size:14px!important;font-weight:700!important;
  color:var(--aoyun-ink-soft,#6b4a52)!important;margin-bottom:8px!important;
}
.field-label .req{color:var(--aoyun-danger)!important;margin-left:2px!important}
.helper-text{font-size:12px!important;color:var(--aoyun-muted)!important;margin-top:6px!important}
.error-text{
  font-size:12px!important;color:var(--aoyun-danger)!important;margin-top:6px!important;font-weight:600!important;
}
.success-text{
  font-size:12px!important;color:var(--aoyun-success)!important;margin-top:6px!important;font-weight:600!important;
}

/* ---------- 分割线 ---------- */
.divider{
  height:1px!important;background:var(--aoyun-line)!important;margin:20px 0!important;
}

/* ============================================================
   数据概览新设计（玫瑰金粉）
   ============================================================ */

/* ---------- 筛选区 ---------- */
.new-dashboard-filter{
  background:#fff!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:12px!important;
  padding:18px 20px!important;
  margin-bottom:20px!important;
  box-shadow:0 2px 10px rgba(90,74,58,.04)!important;
}
.new-dashboard-filter .scope-selector-row{
  margin-bottom:14px!important;
}
.new-dashboard-filter .scope-selector-row:last-child{
  margin-bottom:0!important;
}
.new-dashboard-filter .scope-chip{
  background:linear-gradient(180deg,#f0e4d0 0%,#e0d0b8 55%,#d0bfa0 100%)!important;
  color:#3a2a1a!important;
  border:none!important;
  padding:7px 14px!important;
  border-radius:8px!important;
  font-size:14px!important;
  font-weight:600!important;
}
.new-dashboard-filter .scope-chip button{
  color:#3a2a1a!important;
  opacity:.7!important;
  margin-left:4px!important;
}
.new-dashboard-filter .scope-add{
  border:1px dashed var(--aoyun-gold)!important;
  background:transparent!important;
  color:#3a2a1a!important;
  border-radius:8px!important;
  padding:7px 14px!important;
  font-size:14px!important;
  font-weight:600!important;
}

/* ---------- 指标卡片区 ---------- */
.new-dashboard-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:18px!important;
  margin-bottom:20px!important;
}
.new-metric-card{
  background:#fff!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:14px!important;
  padding:24px 26px!important;
  position:relative!important;
  overflow:hidden!important;
  box-shadow:0 2px 12px rgba(90,74,58,.05)!important;
  min-height:140px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}
.new-metric-card::before{
  content:""!important;
  position:absolute!important;
  right:-30px!important;
  top:-30px!important;
  width:120px!important;
  height:120px!important;
  border-radius:50%!important;
  background:rgba(90,74,58,.04)!important;
}
.new-metric-card.primary{
  background:linear-gradient(135deg,#f0e4d0 0%,#e0d0b8 50%,#d0bfa0 100%)!important;
  border-color:transparent!important;
  color:#3a2a1a!important;
  box-shadow:0 4px 16px rgba(208,191,160,.3)!important;
}
.new-metric-card.primary::before{
  background:rgba(58,42,26,.08)!important;
}
.new-metric-card .metric-label{
  font-size:15px!important;
  font-weight:600!important;
  opacity:.85!important;
  position:relative!important;
  z-index:1!important;
}
.new-metric-card .metric-value{
  font-size:36px!important;
  font-weight:800!important;
  font-family:Bahnschrift,"Microsoft YaHei UI",sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  position:relative!important;
  z-index:1!important;
  line-height:1.1!important;
}
.new-metric-card .metric-value .unit{
  font-size:18px!important;
  font-weight:600!important;
  margin-left:4px!important;
  opacity:.8!important;
}
.new-metric-card .metric-sub{
  font-size:13px!important;
  opacity:.7!important;
  position:relative!important;
  z-index:1!important;
  margin-top:4px!important;
}

/* ---------- 数据区 ---------- */
.new-dashboard-data{
  background:#fff!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:12px!important;
  overflow:hidden!important;
  box-shadow:0 2px 10px rgba(90,74,58,.04)!important;
}
.new-dashboard-tabs{
  display:flex!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  background:var(--aoyun-surface-soft)!important;
  padding:0 8px!important;
}
.new-dashboard-tabs .data-tab{
  padding:14px 24px!important;
  font-size:15px!important;
  font-weight:600!important;
  color:var(--aoyun-muted)!important;
  cursor:pointer!important;
  border-bottom:3px solid transparent!important;
  transition:all .15s!important;
  margin-bottom:-1px!important;
}
.new-dashboard-tabs .data-tab:hover{
  color:var(--aoyun-deep)!important;
}
.new-dashboard-tabs .data-tab.active{
  color:var(--aoyun-deep)!important;
  border-bottom-color:#3a2a1a!important;
  font-weight:700!important;
  background:#fff!important;
}
.new-dashboard-table-container{
  padding:20px!important;
}
.new-dashboard-table-container .dashboard-widget{
  background:#fff!important;
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  margin-bottom:0!important;
}
.new-dashboard-table-container .dashboard-widget-head{
  padding:14px 16px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
}
.new-dashboard-table-container .dashboard-widget-head h3{
  font-size:16px!important;
  font-weight:700!important;
  color:var(--aoyun-deep)!important;
}
.new-dashboard-table-container .tablewrap{
  border:1px solid var(--aoyun-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  overflow:hidden!important;
}
.new-dashboard-table-container table{
  background:#fff!important;
}
.new-dashboard-table-container th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  border-bottom:2px solid var(--aoyun-line-strong)!important;
}
.new-dashboard-table-container td{
  background:#fff!important;
  border-bottom:1px solid var(--aoyun-line)!important;
}
.new-dashboard-table-container .empty-row{
  background:#fff!important;
  color:var(--aoyun-muted)!important;
  padding:40px 20px!important;
  text-align:center!important;
}
.new-dashboard-table-container .sales-bar{
  background:var(--aoyun-copper-soft)!important;
  border-radius:4px!important;
  overflow:hidden!important;
}
.new-dashboard-table-container .sales-bar i{
  background:linear-gradient(90deg,var(--aoyun-gold),var(--aoyun-copper))!important;
  border-radius:4px!important;
}

/* ---------- 统一数据表格 ---------- */
.new-unified-table{
  width:100%!important;
}
.new-unified-table .data-table{
  width:100%!important;
  border-collapse:collapse!important;
  font-size:14px!important;
  background:#fff!important;
}
.new-unified-table .data-table th{
  background:var(--aoyun-surface-soft)!important;
  color:var(--aoyun-deep)!important;
  font-weight:700!important;
  padding:12px 16px!important;
  text-align:left!important;
  border-bottom:2px solid var(--aoyun-line-strong)!important;
  white-space:nowrap!important;
  font-size:14px!important;
}
.new-unified-table .data-table td{
  padding:13px 16px!important;
  border-bottom:1px solid var(--aoyun-line)!important;
  color:var(--aoyun-ink)!important;
  background:#fff!important;
  font-size:14px!important;
}
.new-unified-table .data-table tbody tr:hover>td{
  background:var(--aoyun-copper-pale)!important;
}
.new-unified-table .data-table .num{
  font-family:Bahnschrift,"Microsoft YaHei UI",sans-serif!important;
  font-variant-numeric:tabular-nums!important;
  font-weight:600!important;
  text-align:right!important;
}
.new-unified-table .data-table .name{
  font-weight:600!important;
  color:var(--aoyun-deep)!important;
}
.new-unified-table .data-table .empty-row{
  text-align:center!important;
  padding:40px 20px!important;
  color:var(--aoyun-muted)!important;
  background:#fff!important;
}
.new-unified-table .progress-bar{
  width:100%!important;
  height:8px!important;
  background:var(--aoyun-copper-soft)!important;
  border-radius:4px!important;
  overflow:hidden!important;
}
.new-unified-table .progress-fill{
  height:100%!important;
  background:linear-gradient(90deg,var(--aoyun-gold),var(--aoyun-copper))!important;
  border-radius:4px!important;
  transition:width .3s!important;
}

/* ---------- 系统设置可折叠 ---------- */
.system-settings-toggle{
  cursor:pointer!important;
  user-select:none!important;
  transition:all .15s!important;
}
.system-settings-toggle:hover{
  background:var(--aoyun-copper-pale)!important;
  color:var(--aoyun-deep)!important;
}
.system-settings-toggle .toggle-arrow{
  display:inline-block!important;
  margin-left:6px!important;
  font-size:12px!important;
  transition:transform .2s!important;
}
.system-settings-toggle.open .toggle-arrow{
  transform:rotate(0deg)!important;
}
.system-settings-sub{
  background:rgba(255,255,255,.3)!important;
}
.system-settings-sub .nav-sub{
  padding-left:32px!important;
  font-size:14px!important;
  min-height:42px!important;
}

/* ============================================================
   taste-skill 全局优化层
   滚动条 / 选中文本 / 过渡动画 / 无障碍支持
   ============================================================ */

/* ---------- 滚动条优化（暖色调） ---------- */
::-webkit-scrollbar{width:10px!important;height:10px!important}
::-webkit-scrollbar-track{background:var(--aoyun-paper)!important}
::-webkit-scrollbar-thumb{
  background:var(--aoyun-line-strong)!important;
  border-radius:var(--radius-pill)!important;
  border:2px solid var(--aoyun-paper)!important;
  transition:background var(--transition-fast)!important;
}
::-webkit-scrollbar-thumb:hover{background:var(--aoyun-gold)!important}
::-webkit-scrollbar-corner{background:var(--aoyun-paper)!important}

/* ---------- 选中文本样式 ---------- */
::selection{
  background:var(--aoyun-copper-soft)!important;
  color:var(--aoyun-deep)!important;
}
::-moz-selection{
  background:var(--aoyun-copper-soft)!important;
  color:var(--aoyun-deep)!important;
}

/* ---------- 全局过渡动画 ---------- */
a,button,input,select,textarea,
.panel,.card,.tag,.dialog,
.nav-item,.nav-sub,.dashboard-widget{
  transition-property:background-color,border-color,color,box-shadow,transform,opacity!important;
  transition-duration:var(--transition-fast)!important;
  transition-timing-function:cubic-bezier(0.16,1,0.3,1)!important;
}

/* ---------- 图片加载优化 ---------- */
img{
  max-width:100%!important;
  height:auto!important;
  transition:opacity var(--transition-normal)!important;
}
img[loading="lazy"]{opacity:0!important}
img[loading="lazy"].loaded{opacity:1!important}

/* ---------- 焦点可见性优化（无障碍） ---------- */
:focus-visible{
  outline:2px solid var(--aoyun-copper)!important;
  outline-offset:2px!important;
  border-radius:var(--radius-xs)!important;
}

/* ---------- 减少动画偏好支持 ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .dialog{animation:none!important}
  .toast{animation:none!important}
}

/* ---------- 高对比度模式支持 ---------- */
@media (prefers-contrast:high){
  .panel,.card,.dialog{
    border-width:2px!important;
    border-color:var(--aoyun-line-strong)!important;
  }
  .primary,.ghost,.danger{
    border-width:2px!important;
  }
}

/* ---------- 打印样式优化 ---------- */
@media print{
  .sidebar,.topbar,.nav,.btn,.button,.toast,.modal{display:none!important}
  .panel,.card{
    box-shadow:none!important;
    border:1px solid #ccc!important;
    break-inside:avoid!important;
  }
  body{background:#fff!important;color:#000!important}
}


/* ===== 顶部多选下拉框样式 ===== */
.top-page-filters{
  display:none;
  align-items:center;
  gap:8px;
  margin-left:12px;
  flex:0 0 auto;
  min-width:auto;
  overflow:visible !important;
  flex-wrap:nowrap;
}
.top-page-filters .top-filter-dropdown{
  flex-shrink:0 !important;
  flex-grow:0 !important;
  width:auto !important;
  min-width:160px !important;
  max-width:none !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
.top-filter-dropdown{
  position:relative;
}
.top-filter-trigger{
  display:flex;
  align-items:center;
  gap:3px;
  padding:4px 8px;
  background:linear-gradient(135deg,#faf6f0,#f5ede0);
  border:1px solid #e0d5c5;
  border-radius:6px;
  cursor:pointer;
  font-size:11px;
  color:#3a2a1a;
  transition:all 0.2s ease;
  min-width:0;
  height:28px;
  box-sizing:border-box;
  width:100%;
}
.top-filter-trigger:hover{
  background:linear-gradient(135deg,#f0e4d0,#e5d8c5);
  border-color:#c4b49a;
  box-shadow:0 2px 8px rgba(90,74,58,0.15);
}
.top-filter-label{
  font-size:12px;
  color:#8a7a6a;
  white-space:nowrap;
}
.top-filter-value{
  flex:1;
  font-weight:600;
  color:#3a2a1a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:120px;
  min-width:0;
  text-align:left;
}
.top-filter-arrow{
  font-size:12px;
  color:#8a7a6a;
  transition:transform 0.2s ease;
}
.top-filter-dropdown.open .top-filter-arrow{
  transform:rotate(180deg);
}
.top-filter-pop{
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:280px;
  max-width:360px;
  background:#fff;
  border:1px solid #e0d5c5;
  border-radius:10px;
  box-shadow:0 8px 32px rgba(90,74,58,0.2);
  padding:16px;
  z-index:1000;
  display:none;
}
.top-filter-pop.open{
  display:block;
  animation:topFilterPopIn 0.2s ease;
}
@keyframes topFilterPopIn{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}
.top-filter-pop strong{
  display:block;
  font-size:14px;
  color:#3a2a1a;
  margin-bottom:12px;
  padding-bottom:8px;
  border-bottom:1px solid #f0e8dc;
}
.top-filter-pop .scope-choice-list{
  max-height:240px;
  overflow-y:auto;
  margin-bottom:12px;
}
.top-filter-pop .scope-choice-list label{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:6px;
  cursor:pointer;
  font-size:14px;
  color:#3a2a1a;
  transition:background 0.15s ease;
}
.top-filter-pop .scope-choice-list label:hover{
  background:#faf6f0;
}
.top-filter-pop .scope-choice-list input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:#5a4a3a;
  cursor:pointer;
}
.top-filter-pop .scope-choice-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-top:10px;
  border-top:1px solid #f0e8dc;
}
.top-filter-pop .scope-select-all{
  background:transparent;
  border:1px solid #d4c4b0;
  color:#5a4a3a;
  padding:6px 12px;
  border-radius:6px;
  cursor:pointer;
  font-size:13px;
  transition:all 0.15s ease;
}
.top-filter-pop .scope-select-all:hover{
  background:#f5ede0;
  border-color:#c4b49a;
}
.top-filter-pop .scope-choice-actions span{
  font-size:13px;
  color:#8a7a6a;
}
.top-filter-pop .scope-choice-actions .primary{
  background:linear-gradient(135deg,#5a4a3a,#4a3a2a);
  color:#fff;
  border:none;
  padding:6px 16px;
  border-radius:6px;
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  transition:all 0.15s ease;
}
.top-filter-pop .scope-choice-actions .primary:hover{
  background:linear-gradient(135deg,#6a5a4a,#5a4a3a);
  box-shadow:0 2px 8px rgba(90,74,58,0.3);
}
/* 响应式：小屏幕时顶部选择器换行 */
@media (max-width: 1200px){
  .top-page-filters{
    margin-left:12px;
    gap:8px;
  }
  .top-filter-trigger{
    min-width:120px;
    padding:6px 10px;
  }
  .top-filter-value{
    max-width:100px;
  }
}


/* ===== 顶部 header 布局调整 ===== */
.top{
  display:flex !important;
  align-items:center !important;
  gap:0 !important;
  padding:0 20px !important;
  height:56px !important;
  overflow:visible !important;
}
.top .top-page-title{
  flex-shrink:0 !important;
  margin-right:0 !important;
}
.top .top-page-filters{
  flex:1 !important;
  min-width:0 !important;
  justify-content:flex-start !important;
}
.top > span:last-child{
  flex-shrink:0 !important;
  margin-left:auto !important;
  font-size:12px !important;
}
.top > span:last-child button{
  padding:4px 10px !important;
  font-size:12px !important;
}


/* ========== 选项卡重新设计 - 方案2：胶囊选项卡 ========== */
.new-dashboard-tabs,
.tabs-container,
.tab-group,
.filter-tabs,
.page-tabs {
  display: flex;
  gap: 4px;
  background: #f5efe6;
  padding: 4px;
  border-radius: 10px;
  margin-bottom: 16px;
  width: fit-content;
}

.new-dashboard-tabs button,
.tabs-container button,
.tab-group button,
.filter-tabs button,
.page-tabs button,
.new-dashboard-tabs .tab,
.tabs-container .tab,
.tab-group .tab,
.filter-tabs .tab,
.page-tabs .tab,
.new-dashboard-tabs .data-tab,
.tabs-container .data-tab,
.tab-group .data-tab,
.filter-tabs .data-tab,
.page-tabs .data-tab {
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 500;
  color: #8a7a6a;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
  background: transparent;
  border-radius: 8px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.new-dashboard-tabs button:hover,
.tabs-container button:hover,
.tab-group button:hover,
.filter-tabs button:hover,
.page-tabs button:hover,
.new-dashboard-tabs .tab:hover,
.tabs-container .tab:hover,
.tab-group .tab:hover,
.filter-tabs .tab:hover,
.page-tabs .tab:hover,
.new-dashboard-tabs .data-tab:hover,
.tabs-container .data-tab:hover,
.tab-group .data-tab:hover,
.filter-tabs .data-tab:hover,
.page-tabs .data-tab:hover {
  color: #5a4a3a;
}

.new-dashboard-tabs button.active,
.tabs-container button.active,
.tab-group button.active,
.filter-tabs button.active,
.page-tabs button.active,
.new-dashboard-tabs .tab.active,
.tabs-container .tab.active,
.tab-group .tab.active,
.filter-tabs .tab.active,
.page-tabs .tab.active,
.new-dashboard-tabs .data-tab.active,
.tabs-container .data-tab.active,
.tab-group .data-tab.active,
.filter-tabs .data-tab.active,
.page-tabs .data-tab.active {
  background: #fff;
  color: #5a4a3a;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(90, 74, 58, 0.1);
}

/* ========== 统一按钮高度 ========== */
button,
.btn,
.button,
.btn-primary,
.btn-secondary,
.btn-danger,
.btn-success,
.btn-warning,
.btn-info,
.primary,
.secondary,
.danger,
.success,
.warning,
.info {
  height: 36px !important;
  padding: 0 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: none !important;
}

button:hover,
.btn:hover,
.button:hover {
  transform: translateY(-1px);
}

button:active,
.btn:active,
.button:active {
  transform: translateY(0);
}

/* ========== 页码样式修改 ========== */
.pagination,
.page-pagination,
.pager,
.page-nav {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.pagination button,
.page-pagination button,
.pager button,
.page-nav button,
.pagination .page-btn,
.page-pagination .page-btn,
.pager .page-btn,
.page-nav .page-btn {
  height: 32px !important;
  min-width: 32px !important;
  padding: 0 10px !important;
  font-size: 13px !important;
  border-radius: 6px !important;
  background: #f5efe6;
  color: #5a4a3a;
  border: 1px solid #e0d5c5;
}

.pagination button:hover,
.page-pagination button:hover,
.pager button:hover,
.page-nav button:hover {
  background: #ebe3d5;
  border-color: #d0c5b5;
}

.pagination button.active,
.page-pagination button.active,
.pager button.active,
.page-nav button.active,
.pagination .page-btn.active,
.page-pagination .page-btn.active,
.pager .page-btn.active,
.page-nav .page-btn.active {
  background: linear-gradient(135deg, #d0bfa0, #b8a890);
  color: #fff;
  border-color: #b8a890;
  font-weight: 600;
}

.pagination button:disabled,
.page-pagination button:disabled,
.pager button:disabled,
.page-nav button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}

.pagination .page-info,
.page-pagination .page-info,
.pager .page-info,
.page-nav .page-info {
  font-size: 13px;
  color: #8a7a6a;
  margin-right: 8px;
}

/* 隐藏页码容器（50条以内时） */
.pagination.hidden,
.page-pagination.hidden,
.pager.hidden,
.page-nav.hidden {
  display: none !important;
}


/* ========== 滚动条样式 - 只有需要滚动时才出现 ========== */
/* 默认隐藏滚动条 */
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background: transparent;
}

/* 当元素可以滚动时显示滚动条 */
*:hover::-webkit-scrollbar,
*:focus::-webkit-scrollbar,
*:active::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: transparent;
  border-radius: 4px;
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: rgba(184, 168, 144, 0.3);
  border-radius: 4px;
  transition: background 0.2s;
}

/* 滚动条滑块悬停 */
::-webkit-scrollbar-thumb:hover {
  background: rgba(184, 168, 144, 0.5);
}

/* Firefox 滚动条样式 */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(184, 168, 144, 0.3) transparent;
}

/* 表格容器滚动条 */
.tablewrap,
.table-container,
.new-dashboard-table-container {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 100%;
}

/* 侧边栏滚动条 */
.sidebar,
.side-nav,
.nav {
  overflow-y: auto;
}

/* 页面主体滚动条 */
#page,
.main-content,
.content {
  overflow-y: auto;
}

/* 弹窗滚动条 */
.dialog,
.modal,
.popup {
  overflow-y: auto;
}


/* ========== 强制顶部筛选下拉框显示完整名称 ========== */
.top-page-filters {
  flex: 0 0 auto !important;
  min-width: auto !important;
  width: auto !important;
}

.top-page-filters .top-filter-dropdown {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
}

.top-page-filters .top-filter-trigger {
  width: auto !important;
  min-width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  padding: 6px 14px !important;
}

.top-page-filters .top-filter-value {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
}


/* ========== 表格动态对齐规则 ========== */
/* 所有表格字体垂直居中对齐 */
table th,
table td {
  vertical-align: middle !important;
  line-height: 1.5 !important;
}

/* 表格内容默认左对齐 */
table td {
  text-align: left !important;
}

/* 表格表头居中对齐 */
table th {
  text-align: center !important;
}

/* 数字列右对齐（多行数据时） */
table td.num,
table td.number,
table td.numeric,
table td.amount,
table td.price,
table td.quantity,
table td.qty,
table td.total,
table td.count {
  text-align: right !important;
}

/* 操作列居中对齐 */
table td.actions,
table td.operation,
table td.operate,
table td.action {
  text-align: center !important;
}

/* 未满一行时所有内容居中对齐（优先级最高，包括数字列） */
table.single-row-center td,
table.single-row-center td.num,
table.single-row-center td.number,
table.single-row-center td.numeric,
table.single-row-center td.amount,
table.single-row-center td.price,
table.single-row-center td.quantity,
table.single-row-center td.qty,
table.single-row-center td.total,
table.single-row-center td.count,
table.single-row-center td.actions,
table.single-row-center td.operation,
table.single-row-center td.operate,
table.single-row-center td.action {
  text-align: center !important;
}


/* ========== 覆盖 .new-unified-table 的对齐样式（优先级最高） ========== */
/* 表头居中对齐 */
.new-unified-table .data-table th,
.new-unified-table table th {
  text-align: center !important;
}

/* 表格内容默认左对齐 */
.new-unified-table .data-table td,
.new-unified-table table td {
  text-align: left !important;
}

/* 数字列右对齐（多行数据时） */
.new-unified-table .data-table td.num,
.new-unified-table .data-table td.number,
.new-unified-table .data-table td.numeric,
.new-unified-table .data-table td.amount,
.new-unified-table .data-table td.price,
.new-unified-table .data-table td.quantity,
.new-unified-table .data-table td.qty,
.new-unified-table .data-table td.total,
.new-unified-table .data-table td.count {
  text-align: right !important;
}

/* 操作列居中对齐 */
.new-unified-table .data-table td.actions,
.new-unified-table .data-table td.operation,
.new-unified-table .data-table td.operate,
.new-unified-table .data-table td.action {
  text-align: center !important;
}

/* 未满一行时所有内容居中对齐（优先级最高，包括数字列和名称列） */
.new-unified-table .data-table.single-row-center td,
.new-unified-table .data-table.single-row-center td.num,
.new-unified-table .data-table.single-row-center td.number,
.new-unified-table .data-table.single-row-center td.numeric,
.new-unified-table .data-table.single-row-center td.amount,
.new-unified-table .data-table.single-row-center td.price,
.new-unified-table .data-table.single-row-center td.quantity,
.new-unified-table .data-table.single-row-center td.qty,
.new-unified-table .data-table.single-row-center td.total,
.new-unified-table .data-table.single-row-center td.count,
.new-unified-table .data-table.single-row-center td.name,
.new-unified-table .data-table.single-row-center td.actions,
.new-unified-table .data-table.single-row-center td.operation,
.new-unified-table .data-table.single-row-center td.operate,
.new-unified-table .data-table.single-row-center td.action {
  text-align: center !important;
}

/* 金额占比列的 flex 布局在单行数据时居中对齐 */
.new-unified-table .data-table.single-row-center td > div[style*="display:flex"],
.new-unified-table .data-table.single-row-center td .progress-bar + span {
  justify-content: center !important;
}

/* 确保所有表格字体垂直居中 */
.new-unified-table .data-table th,
.new-unified-table .data-table td {
  vertical-align: middle !important;
}


/* ========== 侧边栏 logo：和登录界面样式一致 ========== */
.side .brand {
  padding: 20px 16px 24px !important;
  border-bottom: none !important;
  display: block !important;
  text-align: center !important;
  position: relative !important;
  margin-bottom: 8px !important;
}

.side .brand::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 60% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, #d4c4b0, transparent) !important;
}

.side .brand img {
  max-width: 100% !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  filter: brightness(0.65) sepia(1) hue-rotate(-12deg) saturate(1.6) !important;
  object-fit: contain !important;
}


/* ========== 左侧工具栏对齐规则 ========== */
/* 一级标题：左对齐 */
.nav > button,
.nav-parent,
.nav .nav-event-main {
  text-align: left !important;
  padding-left: 20px !important;
  padding-right: 16px !important;
  justify-content: flex-start !important;
}

/* 二级标题：比一级标题往右挪2个字的位置（约2em = 28px） */
.nav .nav-sub,
.nav .nav-event-children button,
.system-settings-sub .nav-sub,
.event-quick-nav .nav-sub {
  text-align: left !important;
  padding-left: calc(20px + 2em) !important;
  padding-right: 16px !important;
  justify-content: flex-start !important;
}

/* 订货会管理下的子菜单（2026秋冬新品订货会等） */
.event-quick-nav {
  border-left: none !important;
}

.event-quick-nav .nav-event-main,
.event-quick-nav .nav-event-children button {
  padding-left: calc(20px + 2em) !important;
}

/* 确保所有导航按钮内容左对齐 */
.nav button,
.nav-parent,
.nav-sub {
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
}


/* ========== 左侧边栏订货会名称：和一级标题一样的位置，显示完整 ========== */
/* 订货会名称（一级标题位置） */
.nav .nav-event-main,
.event-quick-nav .nav-event-main {
  text-align: left !important;
  padding-left: 20px !important;
  padding-right: 16px !important;
  justify-content: flex-start !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
  min-height: auto !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  line-height: 1.4 !important;
}

/* 订货会名称内部的 span */
.nav .nav-event-main .nav-event-name,
.event-quick-nav .nav-event-main .nav-event-name {
  white-space: normal !important;
  word-break: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: block !important;
  flex: 1 !important;
}

/* 订货会下的子菜单（二级标题位置） */
.nav .nav-event-children button,
.event-quick-nav .nav-event-children button {
  text-align: left !important;
  padding-left: calc(20px + 2em) !important;
  padding-right: 16px !important;
  justify-content: flex-start !important;
}

/* 确保订货会名称容器不限制宽度 */
.event-quick-nav {
  width: 100% !important;
  overflow: visible !important;
}

.nav-event-node,
.nav-event-row {
  width: 100% !important;
  overflow: visible !important;
}

.nav {
  overflow: visible !important;
}

.nav > button,
.nav-parent,
.nav .nav-sub,
.nav .nav-event-main,
.nav .nav-event-children button {
  overflow: visible !important;
  text-overflow: clip !important;
  width: 100% !important;
}


/* ========== 侧边栏可调整宽度 ========== */
/* 侧边栏容器 */
.side {
  position: relative !important;
  min-width: 200px !important;
  max-width: 400px !important;
  width: 230px !important;
  transition: width 0.2s ease !important;
  overflow: visible !important;
}

/* 侧边栏调整手柄 */
.sidebar-resize-handle {
  position: absolute !important;
  top: 0 !important;
  right: -3px !important;
  width: 6px !important;
  height: 100% !important;
  cursor: col-resize !important;
  z-index: 1000 !important;
  background: transparent !important;
  transition: background 0.2s ease !important;
}

.sidebar-resize-handle:hover,
.sidebar-resize-handle.active {
  background: rgba(90, 74, 58, 0.2) !important;
}

/* 订货会名称默认不换行，完整显示，不用省略号 */
.nav .nav-event-main,
.event-quick-nav .nav-event-main {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  min-height: 48px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  width: 100% !important;
}

.nav .nav-event-main .nav-event-name,
.event-quick-nav .nav-event-main .nav-event-name {
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  display: inline-block !important;
  flex: 1 1 auto !important;
  width: 100% !important;
}

/* 当侧边栏被手动调整时，订货会名称可以换行 */
.side.manual-resized .nav-event-main,
.side.manual-resized .nav-event-name {
  white-space: normal !important;
  word-break: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
  min-height: auto !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

/* 调整时禁止文本选择 */
body.resizing-sidebar {
  user-select: none !important;
  cursor: col-resize !important;
}

body.resizing-sidebar * {
  user-select: none !important;
}


/* ========== 布局修复：确保侧边栏调整后右边内容正确显示 ========== */
.app {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  min-height: 100vh !important;
}

.app > .side {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-height: 100vh !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.app > main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.app > main > .top {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
}

.app > main > .page {
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-width: 0 !important;
}

/* 响应式：小屏幕隐藏侧边栏 */
@media(max-width:800px){
  .app {
    display: block !important;
  }
  .app > .side {
    display: none !important;
  }
}


/* ========== 订货会详情页面工具栏布局修复：确保下拉列表框按钮不重叠 ========== */
.event-order-toolbar,
.event-product-toolbar,
.customer-manage-toolbar,
.material-toolbar,
.permission-toolbar,
.dashboard-view-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}

.event-order-toolbar > *,
.event-product-toolbar > *,
.customer-manage-toolbar > *,
.material-toolbar > *,
.permission-toolbar > *,
.dashboard-view-toolbar > * {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

/* 搜索框占据更多空间 */
.event-order-toolbar .event-search-box,
.event-product-toolbar .event-search-box,
.customer-manage-toolbar .event-search-box {
  flex: 1 1 200px !important;
  min-width: 180px !important;
  max-width: 300px !important;
}

/* 下拉列表框最小宽度 */
.event-order-toolbar select,
.event-product-toolbar select,
.customer-manage-toolbar select,
.material-toolbar select,
.permission-toolbar select,
.dashboard-view-toolbar select {
  min-width: 110px !important;
  max-width: 180px !important;
  height: 36px !important;
  padding: 0 10px !important;
}

/* 按钮高度统一 */
.event-order-toolbar button,
.event-product-toolbar button,
.customer-manage-toolbar button,
.material-toolbar button,
.permission-toolbar button,
.dashboard-view-toolbar button {
  height: 36px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}

/* 操作按钮区域靠右 */
.page-title-actions {
  margin-left: auto !important;
  display: flex !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* 响应式：小屏幕下按钮全宽 */
@media(max-width:1200px){
  .event-order-toolbar,
  .event-product-toolbar,
  .customer-manage-toolbar,
  .material-toolbar {
    gap: 8px !important;
  }
  
  .event-order-toolbar select,
  .event-product-toolbar select,
  .customer-manage-toolbar select {
    min-width: 90px !important;
    font-size: 13px !important;
  }
}


/* ========== 数据中心样式 ========== */
.data-center-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 20px !important;
  padding: 16px !important;
  background: #fff !important;
  border-radius: 10px !important;
  border: 1px solid #e0d5c5 !important;
}

.data-center-toolbar .event-search-box {
  flex: 1 1 200px !important;
  min-width: 180px !important;
  max-width: 280px !important;
}

.data-center-toolbar select {
  min-width: 100px !important;
  max-width: 160px !important;
  height: 36px !important;
  padding: 0 10px !important;
  background: #faf6f0 !important;
  border: 1px solid #d4c4b0 !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  color: #3a2a1a !important;
  cursor: pointer !important;
  outline: none !important;
}

.data-center-toolbar select:focus {
  border-color: #b8956a !important;
  box-shadow: 0 0 0 3px rgba(184, 149, 106, 0.15) !important;
}

.data-center-toolbar .primary {
  height: 36px !important;
  padding: 0 16px !important;
  margin-left: auto !important;
}

/* 数据中心选项卡：一行显示，支持横向滚动 */
.data-center-tabs {
  display: flex !important;
  gap: 4px !important;
  padding: 0 20px !important;
  border-bottom: 2px solid #f0e8da !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin !important;
}

.data-center-tabs::-webkit-scrollbar {
  height: 4px !important;
}

.data-center-tabs::-webkit-scrollbar-thumb {
  background: #d4c4b0 !important;
  border-radius: 2px !important;
}

.data-center-tabs .data-tab {
  flex: 0 0 auto !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #8b7a6a !important;
  cursor: pointer !important;
  border-bottom: 2px solid transparent !important;
  margin-bottom: -2px !important;
  transition: all 0.2s !important;
  white-space: nowrap !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.data-center-tabs .data-tab:hover {
  color: #5a4a3a !important;
  background: transparent !important;
}

.data-center-tabs .data-tab.active {
  color: #5a4a3a !important;
  font-weight: 600 !important;
  border-bottom-color: #c0a878 !important;
  background: transparent !important;
}

/* 统计卡片：4个一行，确保数值完整显示 */
.new-dashboard-metrics {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
}

.new-dashboard-metrics .new-metric-card {
  padding: 8px 10px !important;
  min-height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

.new-dashboard-metrics .new-metric-card .metric-label {
  font-size: 11px !important;
  margin-bottom: 2px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.new-dashboard-metrics .new-metric-card .metric-value {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  letter-spacing: -0.5px !important;
}

.new-dashboard-metrics .new-metric-card .metric-value .unit {
  font-size: 10px !important;
  font-weight: 500 !important;
  margin-left: 1px !important;
}

.new-dashboard-metrics .new-metric-card .metric-sub {
  font-size: 9px !important;
  margin-top: 1px !important;
  color: #8b7a6a !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 响应式：小屏幕下调整 */
@media(max-width: 1200px) {
  .new-dashboard-metrics {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media(max-width: 600px) {
  .new-dashboard-metrics {
    grid-template-columns: 1fr !important;
  }
}


/* ========== 全局按钮高度统一（所有按钮统一36px，不分类） ========== */
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="file"]::file-selector-button,
[role="button"],
[class*="btn"],
[class*="button"] {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  line-height: 36px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
}

/* 确保按钮内的图标和文字垂直居中 */
button svg,
button i,
button span,
button img,
input[type="button"] svg,
input[type="submit"] svg,
[role="button"] svg,
[role="button"] i,
[role="button"] span,
[role="button"] img {
  vertical-align: middle !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* 禁用状态的按钮保持统一高度 */
button:disabled,
button[disabled],
button.disabled,
input[type="button"]:disabled,
input[type="submit"]:disabled,
[role="button"][aria-disabled="true"] {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  line-height: 36px !important;
}

/* 加载状态的按钮保持统一高度 */
button.loading,
button[loading],
button.is-loading {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  line-height: 36px !important;
}


/* 方案1：卡片式表格（品牌/省份汇总）—— 严格对齐预览图，高优先级覆盖全局表格样式 */
.new-dashboard-table-container .new-unified-table table.redesign-card-table{
  width:100% !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  font-size:14px !important;
  background:#fff !important;
  border:none !important;
}
.new-dashboard-table-container .redesign-card-table thead th,
.new-unified-table table.redesign-card-table thead th{
  background:#f5ede0 !important;
  color:#6b5a48 !important;
  font-weight:600 !important;
  padding:14px 16px !important;
  text-align:left !important;
  font-size:13px !important;
  white-space:nowrap !important;
  border-top:none !important;
  border-bottom:none !important;
  line-height:1.4 !important;
  letter-spacing:normal !important;
}
.new-dashboard-table-container .redesign-card-table thead th.num,
.new-unified-table table.redesign-card-table thead th.num{ text-align:right !important; }
.redesign-card-table thead th:first-child{ border-radius:8px 0 0 0 !important; }
.redesign-card-table thead th:last-child{ border-radius:0 8px 0 0 !important; }
.new-dashboard-table-container .redesign-card-table tbody td,
.new-unified-table table.redesign-card-table tbody td{
  padding:16px !important;
  border-top:none !important;
  border-bottom:1px solid #f0e8da !important;
  vertical-align:middle !important;
  background:#fff !important;
  color:#3d3024 !important;
  font-size:14px !important;
  font-family:inherit !important;
  font-weight:400 !important;
  text-align:left !important;
  line-height:1.5 !important;
}
.redesign-card-table tbody tr:last-child td{ border-bottom:none !important; }
.new-dashboard-table-container .redesign-card-table tbody tr:hover td,
.new-unified-table table.redesign-card-table tbody tr:hover td{ background:#fdfaf5 !important; }
.new-dashboard-table-container .redesign-card-table tbody td.num,
.new-unified-table table.redesign-card-table tbody td.num{
  text-align:right !important;
  font-variant-numeric:tabular-nums !important;
  font-family:inherit !important;
  font-weight:400 !important;
}
.redesign-card-table .redesign-rank-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  border-radius:50% !important;
  background:#f0e4d0 !important;
  color:#8b7a6a !important;
  font-weight:600 !important;
  font-size:13px !important;
  margin-right:12px !important;
  line-height:1 !important;
  padding:0 !important;
  border:none !important;
}
.redesign-card-table .redesign-rank-badge.top1{ background:linear-gradient(135deg,#e8c878,#d4a84a) !important; color:#fff !important; }
.redesign-card-table .redesign-rank-badge.top2{ background:linear-gradient(135deg,#d0c0b0,#b0a090) !important; color:#fff !important; }
.redesign-card-table .redesign-rank-badge.top3{ background:linear-gradient(135deg,#d8a878,#c08858) !important; color:#fff !important; }
.redesign-card-table .redesign-brand-name{
  font-weight:600 !important;
  color:#3d3024 !important;
  font-size:15px !important;
}
.new-dashboard-table-container .redesign-card-table tbody td.num.redesign-amount,
.new-unified-table table.redesign-card-table tbody td.redesign-amount,
.redesign-card-table tbody td.redesign-amount{
  font-weight:700 !important;
  color:#b04a3a !important;
  font-size:16px !important;
}
.redesign-card-table .redesign-share-container{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.redesign-card-table .redesign-share-bar{
  flex:1 !important;
  height:8px !important;
  background:#f0e8da !important;
  border-radius:4px !important;
  overflow:hidden !important;
  min-width:100px !important;
}
.redesign-card-table .redesign-share-fill{
  height:100% !important;
  background:linear-gradient(90deg,#d0bfa0,#c0a878) !important;
  border-radius:4px !important;
}
.redesign-card-table .redesign-share-percent{
  font-weight:600 !important;
  color:#5a4a3a !important;
  font-size:14px !important;
  min-width:55px !important;
  text-align:right !important;
  font-variant-numeric:tabular-nums !important;
}
.redesign-card-table .empty-row{
  text-align:center !important;
  padding:40px 20px !important;
  color:#8b7a6a !important;
  background:#fff !important;
}