/* GM 购物车模板品牌覆盖（追加于各页面 css 末尾，麦云设计体系） */
:root { --color-primary: #149CF4; }

.el-button--primary { background-color: #149CF4 !important; border-color: #149CF4 !important; }
.el-button--primary:hover, .el-button--primary:focus { background-color: #0D82CF !important; border-color: #0D82CF !important; }
.el-button--text { color: #149CF4 !important; }

/* 商品卡价格高亮 */
.goods-price, .price, .price-text, .amount { color: #149CF4 !important; }
.goods-item:hover { border-color: rgba(20, 156, 244, .5) !important; box-shadow: 0 8px 24px rgba(20, 156, 244, .15) !important; }

/* 结算栏 */
.settle-bar, .checkout-bar { border-top-color: #EEF1F5 !important; }
.el-checkbox__input.is-checked .el-checkbox__inner { background-color: #149CF4 !important; border-color: #149CF4 !important; }
.el-input__inner:focus { border-color: #149CF4 !important; }
.el-radio__input.is-checked .el-radio__inner { border-color: #149CF4 !important; background: #149CF4 !important; }
.el-loading-spinner .path { stroke: #149CF4 !important; }

/* 搜索区 */
.search-btn { background: #149CF4 !important; border-color: #149CF4 !important; }

/* 侧边菜单（与会员中心一致的深海军蓝） */
.aside-menu, .el-aside { background: #0E0B2A !important; }
.el-menu-item:hover, .el-submenu__title:hover, .el-menu-item.is-active { color: #fff !important; background: rgba(20, 156, 244, .18) !important; }
.el-menu-item.is-active { border-right: 3px solid #149CF4; }

/* ===== GM 商品卡结构化(P0-3, 2026-10-01) ===== */
.shopping-item .goods-description {
  display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
  overflow: hidden; opacity: .7; font-size: 12px;
}
.spec-row { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 2px; align-items: center; }
.spec-region {
  font-size: 12px; font-weight: 600; color: #149CF4;
  background: rgba(20,156,244,.10); border: 1px solid rgba(20,156,244,.30);
  border-radius: 6px; padding: 2px 8px; line-height: 1.5;
}
.spec-chip {
  font-size: 12px; color: #5A6B7E; background: #F5F7FA;
  border: 1px solid #E7EBF1; border-radius: 6px; padding: 2px 8px; line-height: 1.5;
}
.shopping-item .item-price { font-variant-numeric: tabular-nums; }

/* ===== GM 订购页面包屑(P0-5, 2026-10-01) ===== */
.goods-crumb {
  display: flex; align-items: center; gap: 8px;
  font-size: 13px; color: #758696; margin-bottom: 14px;
}
.goods-crumb a { color: #758696; }
.goods-crumb a:hover { color: #149CF4; }
.goods-crumb .cur { color: #14122B; font-weight: 600; }

/* ===== GM P1-1 排序 + P1-2 活动徽标 (2026-10-01) ===== */
.sort-select { width: 130px; margin-left: 8px; }
.gm-hot-badge {
  position: absolute; top: 10px; left: 10px; z-index: 5;
  background: linear-gradient(135deg, #FFA02B, #E8890C); color: #fff;
  font-size: 11.5px; font-weight: 700; padding: 3px 10px; border-radius: 99px;
  box-shadow: 0 6px 16px rgba(255,160,43,.4); letter-spacing: .02em;
  max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ===== GM P1-3 订购页决策信息区 (2026-10-01) ===== */
.gm-guarantee {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
  margin-top: 22px; padding-top: 18px; border-top: 1px solid #EEF1F5;
}
.gm-gt { display: flex; flex-direction: column; gap: 2px; font-size: 12.5px; color: #758696; }
.gm-gt b { color: #14122B; font-size: 13.5px; display: flex; align-items: center; gap: 6px; }
.gm-gt svg { width: 16px; height: 16px; color: #149CF4; flex: 0 0 auto; }
.gm-faq { margin-top: 26px; }
.gm-faq-t { font-size: 16px; font-weight: 700; color: #14122B; margin-bottom: 10px; }
.gm-faq-list { border: 1px solid #EEF1F5 !important; border-radius: 10px !important; overflow: hidden; }
.gm-faq-list .el-collapse-item__header { padding: 0 16px; font-weight: 600; color: #14122B; }
.gm-faq-list .el-collapse-item__content { padding: 4px 16px 14px; color: #5A6B7E; font-size: 13px; line-height: 1.8; }
@media (max-width: 768px) { .gm-guarantee { grid-template-columns: 1fr 1fr; } }

/* ===== GM v3 商品列表表格化(配置读取默认, 2026-10-01) ===== */
.goods-list-div .gm-tbl-wrap {
  background: #fff; border: 1px solid var(--border, #E7EBF1); border-radius: 12px;
  overflow: hidden; box-shadow: 0 4px 18px rgba(14,11,42,.05);
}
.gm-table { width: 100%; border-collapse: collapse; }
.gm-table thead th {
  background: linear-gradient(180deg, #1E1A4A, #16123B); color: #fff;
  text-align: left; font-size: 13px; font-weight: 600;
  padding: 13px 16px; letter-spacing: .02em; white-space: nowrap;
}
.gm-table tbody td {
  padding: 13px 16px; border-bottom: 1px solid #F0F2F6;
  font-size: 13.5px; color: #1F2329; vertical-align: middle;
}
.gm-table tbody tr { transition: background .15s; }
.gm-table tbody tr:hover { background: #F7FAFE; }
.gm-table tbody tr:last-child td { border-bottom: 0; }
.gm-table td.model { font-weight: 600; color: #16123B; min-width: 200px; }
.gm-table .m-name { word-break: break-all; }
.gm-table .m-sub { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }
.gm-table .mini-tag {
  font-size: 11px; color: #5A6B7E; background: #F5F7FA;
  border: 1px solid #E7EBF1; border-radius: 5px; padding: 1px 7px;
}
.gm-table .mini-tag.rec { color: #149CF4; background: rgba(20,156,244,.08); border-color: rgba(20,156,244,.3); font-weight: 600; }
.gm-table .stock-note { font-size: 11.5px; color: #E8890C; font-weight: 600; margin-left: 4px; }
.gm-table .stock-note.out { color: #F54C40; }
.gm-table .opt { color: #9AA5B1; }
.gm-table .v { word-break: break-all; }
.gm-table td.price-cell {
  color: #F56C6C; font-weight: 700; font-variant-numeric: tabular-nums;
  text-align: right; white-space: nowrap;
}
.gm-table td.price-cell sub { font-size: 11px; font-weight: 600; vertical-align: baseline; }
.gm-table td.price-cell i { font-style: normal; font-size: 11.5px; color: #9AA5B1; font-weight: 400; }
.gm-table td.price-cell .orig { font-size: 11.5px; color: #9AA5B1; text-decoration: line-through; font-weight: 400; }
.gm-table td.act-cell { text-align: right; white-space: nowrap; }
.gm-table .buy { border-radius: 8px !important; }
.gm-table tr.sold-out-row td { opacity: .55; }
.gm-table .tbl-empty { text-align: center; color: #9AA5B1; padding: 40px 0; }
@media (max-width: 900px) {
  .goods-list-div .gm-tbl-wrap { overflow-x: auto; }
  .gm-table { min-width: 860px; }
}
/* 原规则为 4 列卡片栅格, 表格形态改为块级占满 */
.goods-list-div { display: block !important; }