/* 分站前台 · 静奢墨金
 * 暖纸浅底 / 暖墨主色 / 香槟金点缀（与瓷白冷灰、铂影蓝调拉开）
 */
:root {
  --shop-ink: #14110e;
  --shop-slate: #4a433a;
  --shop-muted: #8f877a;
  --shop-canvas: #f6f2ea;
  --shop-panel: #ffffff;
  --shop-line: #e4ddd0;
  --shop-accent: #17140f;
  --shop-accent-deep: #0c0a08;
  --shop-accent-soft: #f1ebe0;
  --shop-gold: #c9a45b;
  --shop-gold-mid: #d4b574;
  --shop-price: #a14d3a;

  --primary: #17140f !important;
  --blue: #17140f !important;
}

html,
body.shopfront-theme,
body[data-layout="topnav"] {
  background: var(--shop-canvas) !important;
  color: var(--shop-ink);
}

.shopfront-theme .top-header,
body[data-layout="topnav"] .top-header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--shop-line) !important;
  box-shadow: 0 6px 18px rgba(20, 20, 20, 0.03) !important;
}
.shopfront-theme .top-header::before {
  content: "";
  display: block;
  height: 1px;
  background: linear-gradient(90deg, var(--shop-accent), var(--shop-gold) 40%, var(--shop-gold-mid) 70%, transparent);
}

.shopfront-theme .site-header-logo .nav-title {
  color: var(--shop-ink) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
}
.shopfront-theme .site-header-middle .centered-nav .head-menu {
  border-radius: 4px !important;
  color: var(--shop-slate) !important;
  background: transparent !important;
  border: 1px solid transparent !important;
}
.shopfront-theme .site-header-middle .centered-nav .head-menu:hover {
  color: var(--shop-ink) !important;
  background: var(--shop-accent-soft) !important;
  border-color: rgba(201, 164, 91, 0.28) !important;
}
.shopfront-theme .site-header-actions { background: transparent !important; }
.shopfront-theme .header-lang-select,
.shopfront-theme .header-lang-wrap {
  border-radius: 4px !important;
  border-color: var(--shop-line) !important;
  background: #fcfbf9 !important;
  color: var(--shop-slate) !important;
}
.shopfront-theme .header-lang-icon { color: var(--shop-gold) !important; }

.shopfront-theme .btn-member-center,
.shopfront-theme .site-header-actions .btn-member-center {
  background: var(--shop-accent) !important;
  border: 1px solid var(--shop-accent-deep) !important;
  border-radius: 4px !important;
  color: #f5f2eb !important;
  box-shadow: 0 4px 14px rgba(20, 20, 20, 0.12) !important;
}
.shopfront-theme .btn-member-center:hover {
  background: var(--shop-accent-deep) !important;
  color: #fff !important;
}

.shopfront-theme .btn-seller-apply {
  background: transparent !important;
  color: var(--shop-ink) !important;
  border: 1px solid rgba(201, 164, 91, 0.5) !important;
  border-radius: 4px !important;
}

.shopfront-theme .btn-primary,
.shopfront-theme .btn-info,
body[data-layout="topnav"] .btn-primary {
  background: var(--shop-accent) !important;
  border-color: var(--shop-accent-deep) !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 14px rgba(20, 20, 20, 0.1) !important;
  color: #fff !important;
}
.shopfront-theme .btn-primary:hover {
  background: var(--shop-accent-deep) !important;
}
.shopfront-theme .btn-outline-primary {
  color: var(--shop-ink) !important;
  border-color: rgba(201, 164, 91, 0.45) !important;
  border-radius: 4px !important;
  background: #fff !important;
}
.shopfront-theme .btn-outline-primary:hover {
  background: var(--shop-accent-soft) !important;
  color: var(--shop-ink) !important;
}

.shopfront-theme .goods-sort-btn,
.goods-sort-btn {
  border-radius: 4px !important;
  border: 1px solid var(--shop-line) !important;
  background: #fff !important;
  color: var(--shop-slate) !important;
  box-shadow: none !important;
  gap: 6px !important;
  font-weight: 700 !important;
}
.goods-sort-btn .uil { color: var(--shop-gold) !important; font-size: 15px !important; }
.goods-sort-btn:hover {
  color: var(--shop-ink) !important;
  border-color: rgba(201, 164, 91, 0.4) !important;
  background: var(--shop-accent-soft) !important;
}
.goods-sort-btn.active {
  background: var(--shop-accent) !important;
  color: #f5f2eb !important;
  border-color: var(--shop-accent-deep) !important;
  box-shadow: 0 4px 12px rgba(20, 20, 20, 0.14) !important;
}
.goods-sort-btn.active .uil { color: var(--shop-gold-mid) !important; }

.shopfront-theme #v-pills-tabContent .goods-buy-btn,
#v-pills-tabContent .goods-buy-btn,
.goods-buy-btn {
  border-radius: 4px !important;
  background: var(--shop-accent) !important;
  background-image: none !important;
  border: 1px solid var(--shop-accent-deep) !important;
  border-top: none !important;
  box-shadow: 0 4px 14px rgba(20, 20, 20, 0.12) !important;
  color: #fff !important;
  filter: none !important;
  min-width: 88px !important;
  gap: 6px !important;
}
#v-pills-tabContent a.goods-buy-btn:hover,
a.goods-buy-btn:hover {
  background: var(--shop-accent-deep) !important;
  color: #fff !important;
  filter: none !important;
  box-shadow: 0 6px 16px rgba(20, 20, 20, 0.18) !important;
}
#v-pills-tabContent .goods-buy-btn .uil,
.goods-buy-btn .uil {
  color: var(--shop-gold-mid) !important;
  opacity: 1 !important;
}
#v-pills-tabContent .goods-buy-btn--out,
.goods-buy-btn--out {
  background: #f3f1ec !important;
  color: #9a958c !important;
  border: 1px solid var(--shop-line) !important;
  box-shadow: none !important;
}

.shopfront-theme .home-ext-cat-btn,
.home-ext-cat-btn.btn-primary {
  background: var(--shop-accent) !important;
  border-color: var(--shop-accent-deep) !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 12px rgba(20, 20, 20, 0.1) !important;
}

.shopfront-theme .goods-toolbar,
.goods-toolbar,
.shopfront-theme .home-extension-bar {
  background: #faf9f6 !important;
  border: 1px solid var(--shop-line) !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

.shopfront-theme #v-pills-tabContent .card.pl-1.pr-1,
#v-pills-tabContent .card.pl-1.pr-1 {
  background: #f3f1ec !important;
  border: 1px solid var(--shop-line) !important;
  box-shadow: none !important;
  border-radius: 6px !important;
}

.shopfront-theme #v-pills-tabContent .table.table-centered tbody tr.goods-sort-row td.table-user {
  border-left: 2px solid transparent !important;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
.shopfront-theme #v-pills-tabContent .table.table-centered tbody tr.goods-sort-row:hover td {
  background-color: #faf8f4 !important;
  box-shadow: 0 4px 14px rgba(20, 20, 20, 0.04) !important;
}
.shopfront-theme #v-pills-tabContent .table.table-centered tbody tr.goods-sort-row:hover td.table-user {
  border-left-color: var(--shop-gold) !important;
}

.shopfront-theme .table thead th {
  background: #f5f3ee !important;
  color: var(--shop-slate) !important;
  border-bottom: 1px solid var(--shop-line) !important;
  font-weight: 700 !important;
}

.shopfront-theme .goods-price,
.shopfront-theme .text-danger.price,
.shopfront-theme .home-goods-price,
.shopfront-theme .goods-price-display,
.shopfront-theme .goods-price-display[style],
.shopfront-theme td .text-danger,
.shopfront-theme b.goods-price-display {
  color: var(--shop-price) !important;
  font-weight: 700 !important;
}

.shopfront-theme #v-pills-tab .nav-link.active,
.shopfront-theme .top-group-toggle.active,
.shopfront-theme .nav-pills .top-group-toggle.active,
.shopfront-theme .top-group-children .sub-group-link.active {
  background: var(--shop-accent-soft) !important;
  color: var(--shop-ink) !important;
  border-left: 2px solid var(--shop-gold) !important;
  box-shadow: none !important;
}

.shopfront-theme .group-products-hero,
.shopfront-theme .top-group-products-hero {
  background: linear-gradient(155deg, #ffffff 0%, #f5f2eb 55%, #ffffff 100%) !important;
  border: 1px solid var(--shop-line) !important;
  border-bottom: 1px solid var(--shop-gold) !important;
  border-radius: 6px !important;
  box-shadow: 0 8px 22px rgba(20, 20, 20, 0.04) !important;
  color: var(--shop-ink) !important;
}
.shopfront-theme .group-products-breadcrumb,
.shopfront-theme .top-group-products-breadcrumb { color: var(--shop-gold) !important; }
.shopfront-theme .group-products-title,
.shopfront-theme .top-group-products-title { color: var(--shop-ink) !important; }
.shopfront-theme .group-products-subtitle,
.shopfront-theme .top-group-products-subtitle { color: var(--shop-muted) !important; }
.shopfront-theme .group-products-back-btn {
  border-radius: 4px !important;
  background: #fff !important;
  border-color: rgba(201, 164, 91, 0.4) !important;
  color: var(--shop-ink) !important;
}
.shopfront-theme .group-products-back-btn:hover {
  background: var(--shop-accent-soft) !important;
  border-color: var(--shop-gold) !important;
}

.shopfront-theme .hyper-footer {
  background: linear-gradient(180deg, #17140f 0%, #0c0a08 100%) !important;
  border-top: 1px solid rgba(201, 164, 91, 0.35) !important;
  color: #b8b3a8 !important;
  margin-top: 36px;
}
.shopfront-theme .hyper-footer-brand-title,
.shopfront-theme .hyper-footer-heading { color: #f5f2eb !important; }
.shopfront-theme .hyper-footer-brand-desc,
.shopfront-theme .hyper-footer-copy,
.shopfront-theme .hyper-footer-link { color: #a39e93 !important; }
.shopfront-theme .hyper-footer-link:hover { color: var(--shop-gold-mid) !important; }
.shopfront-theme .hyper-footer-panel {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.shopfront-theme .home-side-announce {
  --announce-accent: #17140f !important;
  --announce-accent-deep: #0c0a08 !important;
  --announce-warn: #c9a45b !important;
  --announce-ink: #14110e !important;
  --announce-muted: #8a857c !important;
}
.shopfront-theme .home-side-announce-shell {
  background: linear-gradient(180deg, #f5f2eb, #fff 35%) !important;
  border-color: rgba(201, 164, 91, 0.28) !important;
  border-radius: 6px !important;
}
.shopfront-theme .home-side-announce-shell::before {
  background: var(--shop-gold) !important;
  width: 2px !important;
}

.shopfront-theme .home-notice-carousel {
  border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(20, 20, 20, 0.05) !important;
}
.shopfront-theme .home-notice-carousel-cta { color: var(--shop-gold) !important; border-radius: 4px !important; }
.shopfront-theme .home-notice-carousel-dot.is-active { background: var(--shop-accent) !important; }

.shopfront-theme .card,
.shopfront-theme .home-col .home-card-body {
  border-radius: 6px !important;
  border: 1px solid var(--shop-line) !important;
  box-shadow: 0 8px 20px rgba(20, 20, 20, 0.03) !important;
}

.shopfront-theme .text-primary { color: var(--shop-ink) !important; }
.shopfront-theme .page-item.active .page-link {
  background: var(--shop-accent) !important;
  border-color: var(--shop-accent) !important;
}
.shopfront-theme .form-control:focus {
  border-color: var(--shop-gold) !important;
  box-shadow: 0 0 0 0.15rem rgba(201, 164, 91, 0.18) !important;
}

.shopfront-theme .badge-primary,
.shopfront-theme .badge-soft-primary {
  background: var(--shop-accent-soft) !important;
  color: var(--shop-ink) !important;
  border-radius: 3px !important;
}

.shopfront-theme .os-social-watermark { color: #17140f !important; }
.shopfront-theme .os-social-watermark__icon { opacity: 0.05; }