/* ============================================================
   腾讯云控制台风格 · 购物车（cart tencent）覆盖层
   复用会员中心共享控制台样式，并增强购物卡/搜索/结算
   ============================================================ */
@import url("/clientarea/template/pc/tencent/css/tencent-console.css");

/* ---------- 页面背景 ---------- */
body { background: #f5f6f8; }

/* ---------- 主内容卡 ---------- */
.cart .main-card,
.main-card {
  background: #fff;
  border: 1px solid #f0f1f2;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(21, 34, 50, 0.06);
}

/* ---------- 搜索框 ---------- */
.search-box {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.search-box .el-select,
.search-box .el-input {
  min-width: 180px;
}
.search-box .search-input {
  flex: 1;
  min-width: 200px;
}
.search-box .el-input__inner {
  border-radius: 6px;
  border-color: #dcdee2;
  height: 36px;
  line-height: 36px;
}
.search-box .el-input__inner:focus {
  border-color: #006eff;
  box-shadow: 0 0 0 2px rgba(0,110,255,.1);
}
.search-box .search-btn {
  background: linear-gradient(135deg, #006eff, #0052d9);
  border-color: #006eff;
  border-radius: 6px;
  height: 36px;
}
.search-box .search-btn:hover {
  background: linear-gradient(135deg, #0052d9, #003cab);
  box-shadow: 0 4px 12px rgba(0,110,255,.3);
}

/* ---------- 下拉选择框 ---------- */
.cart .el-select .el-input__inner {
  border-radius: 6px;
  border-color: #dcdee2;
}
.cart .el-select-dropdown {
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(21,34,50,.12);
  border: 1px solid #f0f1f2;
}
.cart .el-select-dropdown li.selected {
  color: #006eff;
  font-weight: 600;
}

/* ---------- 商品卡（腾讯云卡片风） ---------- */
.shopping-item {
  background: #fff !important;
  border: 1px solid #f0f1f2 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(21,34,50,.05);
  transition: box-shadow .25s, transform .25s, border-color .25s;
  overflow: hidden;
  margin-bottom: 12px;
}
.shopping-item:hover {
  box-shadow: 0 6px 20px rgba(0,110,255,.12);
  transform: translateY(-2px);
  border-color: #cfe2ff;
}
/* 左侧推荐色条 */
.shopping-item .client-box {
  background: linear-gradient(180deg, #006eff, #0052d9);
  border-radius: 0;
}
/* 商品名 */
.shopping-item .goods-name .goods-name-text {
  color: #171725;
  font-weight: 600;
}
/* 规格/参数文字 */
.shopping-item .goods-spec,
.shopping-item .goods-desc {
  color: #86909c;
}

/* ---------- 结算按钮 ---------- */
.settlement-btn,
.shopping-box .el-button--primary {
  background: linear-gradient(135deg, #006eff, #0052d9);
  border-color: #006eff;
  border-radius: 6px;
}
.settlement-btn:hover {
  background: linear-gradient(135deg, #0052d9, #003cab);
  box-shadow: 0 4px 12px rgba(0,110,255,.3);
}

/* ---------- 空状态 ---------- */
.no-goods {
  padding: 40px 0;
}

/* ---------- 表格（购物车明细） ---------- */
.shopping-box .el-table {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #f0f1f2;
}
.shopping-box .el-table th.el-table__cell {
  background: #f5f7fa !important;
  font-weight: 600;
  font-size: 13px;
  color: #51565c;
}
.shopping-box .el-table td.el-table__cell {
  font-size: 13px;
  color: #1d2129;
}
/* ===== 腾讯云控制台 · 白底侧栏（覆盖前文深蓝渐变侧栏）===== */
.el-aside {
  background: #ffffff !important;
  border-right: 1px solid #eef0f3 !important;
  box-shadow: none !important;
}
.el-aside .el-menu-item,
.el-aside .el-submenu__title,
.el-aside .el-submenu .el-menu-item {
  color: #4e5969 !important;
}
.el-aside .el-menu-item .iconfont,
.el-aside .el-submenu__title .iconfont {
  color: inherit !important;
}
.el-aside .el-menu-item:hover,
.el-aside .el-submenu__title:hover {
  background: #f0f7ff !important;
  color: #006eff !important;
}
.el-aside .el-menu-item.is-active,
.el-aside .el-submenu .el-menu-item.is-active {
  background: #006eff !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.el-aside .el-menu-item.is-active .iconfont { color:#fff !important; }
.el-aside .el-menu-item.is-active::before { display:none !important; }
.el-aside .ali-logo, .el-aside .drawer-menu-logo { margin:12px auto; display:block; }
.el-aside .line { background:#eef0f3 !important; }
/* 顶部搜索/文字随白底调深 */
.el-header .search-name { color:#8a919f !important; }
/* ===== 白底侧栏最终锁定（腾讯云控制台标准）===== */
.el-aside {
  background: #ffffff !important;
  border-right: 1px solid #eef0f3 !important;
  box-shadow: none !important;
}
:root, :root[theme='tencent'], :root[theme='default'] {
  --color-menu-bg: #ffffff !important;
  --color-menu-text: #4e5969 !important;
  --color-menu-text-active: #006eff !important;
  --color-menu-active-bg: #eef4ff !important;
  --color-menu-hover-bg: #f5f7fa !important;
}
.el-aside .el-menu-item, .el-aside .el-submenu__title {
  color: #4e5969 !important;
  border-radius: 8px;
  margin: 2px 10px;
  padding-left: 18px !important;
}
.el-aside .el-menu-item .iconfont, .el-aside .el-submenu__title .iconfont { color: inherit !important; }
.el-aside .el-menu-item:hover, .el-aside .el-submenu__title:hover {
  background: #f5f7fa !important; color:#006eff !important;
}
.el-aside .el-menu-item.is-active, .el-aside .el-submenu .el-menu-item.is-active {
  background:#006eff !important; color:#fff !important; box-shadow:none !important;
}
.el-aside .el-menu-item.is-active .iconfont { color:#fff !important; }
.el-aside .el-menu-item.is-active::before { display:none !important; }
.el-aside .ali-logo, .el-aside .drawer-menu-logo { margin:14px auto; display:block; }
.el-aside .line { background:#eef0f3 !important; }
/* WHITE_SIDEBAR_LOCK */