/* ==========================================================================
   酷云 Smart · 品牌覆盖层
   品牌色：科技蓝 #2563EB
   说明：本文件在官网所有页面末尾加载，覆盖默认橙色 #FF6739 主题。
   不修改 V10 原始 CSS，便于升级与回滚。
   ========================================================================== */

:root {
  --kc-primary:        #2563EB;
  --kc-primary-dark:   #1D4ED8;
  --kc-primary-light:  #3B82F6;
  --kc-primary-soft:   #EFF6FF;
  --kc-primary-border: #BFDBFE;
  --kc-text:           #0F172A;
  --kc-text-muted:     #64748B;
  --kc-radius:         8px;
}

/* ---- 主色：按钮 ---- */
.el-button--primary,
.btn-primary,
button.btn-primary,
a.btn-primary,
.buy-btn,
.order-btn,
.submit-btn,
.btn-theme {
  background-color: var(--kc-primary) !important;
  border-color: var(--kc-primary) !important;
  color: #fff !important;
}
.el-button--primary:hover,
.el-button--primary:focus,
.btn-primary:hover,
.btn-primary:focus,
.buy-btn:hover,
.order-btn:hover,
.submit-btn:hover,
.btn-theme:hover {
  background-color: var(--kc-primary-dark) !important;
  border-color: var(--kc-primary-dark) !important;
}

/* ---- 主色：文字/链接/图标 ---- */
.font-theme,
.theme-color,
.text-primary,
a:hover,
.nav-item:hover,
.nav-item.active,
.menu-item:hover,
.menu-item.active,
.price,
.product-price,
.price-now,
.goods-price,
.amount,
.num-theme {
  color: var(--kc-primary) !important;
}

/* ---- 主色：背景/边框 ---- */
.theme-bg,
.bg-primary,
.badge-primary,
.tag-primary,
.label-primary {
  background-color: var(--kc-primary) !important;
  border-color: var(--kc-primary) !important;
  color: #fff !important;
}

.border-theme,
.el-input__inner:focus,
.el-textarea__inner:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--kc-primary) !important;
}

/* ---- 顶部导航 ---- */
.header-nav .nav-link:hover,
.header-nav .nav-link.active,
.header .menu a:hover,
.header .menu li.active > a {
  color: var(--kc-primary) !important;
}

/* ---- 卡片/圆角统一 ---- */
.product-card,
.goods-card,
.card,
.panel,
.box-card,
.el-card {
  border-radius: var(--kc-radius);
}

.product-card:hover,
.goods-card:hover,
.card:hover {
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.12);
  border-color: var(--kc-primary-border);
}

/* ---- 分页 ---- */
.el-pagination.is-background .el-pager li:not(.disabled).active,
.pagination .page-item.active .page-link {
  background-color: var(--kc-primary) !important;
  border-color: var(--kc-primary) !important;
  color: #fff !important;
}

/* ---- 表格选中 ---- */
.el-table__body tr.current-row > td,
.el-table__body tr:hover > td {
  background-color: var(--kc-primary-soft) !important;
}

/* ---- 开关/复选 ---- */
.el-switch.is-checked .el-switch__core,
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: var(--kc-primary) !important;
  border-color: var(--kc-primary) !important;
}
.el-radio__input.is-checked .el-radio__inner {
  background-color: var(--kc-primary) !important;
  border-color: var(--kc-primary) !important;
}

/* ---- 滚动条 ---- */
::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--kc-primary-light);
}