/* ============================================================
   XHAO GPU Mall — Clean Light Theme v3.0
   Professional GPU Rental Platform
   ============================================================ */

/* === 1. CSS Variables (Light Palette) ======================== */
:root {
  --xh-blue:       #1677ff;
  --xh-blue-h:     #4096ff;
  --xh-blue-bg:    #e6f4ff;
  --xh-blue-dark:  #0d5bd1;
  --xh-purple:     #6b2fdc;
  --xh-teal:       #0d9aab;
  --xh-green:      #52c41a;
  --xh-warning:    #fa8c16;
  --xh-error:      #ff4d4f;
  --xh-bg:         #f4f6fa;
  --xh-card:       #ffffff;
  --xh-border:     #dde4f0;
  --xh-shadow:     0 2px 8px rgba(0,0,0,.07);
  --xh-shadow2:    0 6px 24px rgba(0,0,0,.10);
  --xh-text:       #1a2332;
  --xh-text2:      #4a5a70;
  --xh-text3:      #8c9db5;
  --xh-radius:     10px;
  --xh-radius-sm:  6px;

  /* Legacy GPU variables — remapped to light theme */
  --gpu-bg:        #f4f6fa;
  --gpu-dark:      #ffffff;
  --gpu-dark2:     #ffffff;
  --gpu-card:      #ffffff;
  --gpu-border:    #dde4f0;
  --gpu-blue:      #1677ff;
  --gpu-cyan:      #0d9aab;
  --gpu-purple:    #6b2fdc;
  --gpu-green:     #52c41a;
  --gpu-yellow:    #fa8c16;
  --gpu-text:      #1a2332;
  --gpu-text-dim:  #8c9db5;
  --gpu-muted:     #8c9db5;
  --gpu-glow:      rgba(22,119,255,.15);
  --gpu-radius:    10px;
  --gpu-radius-sm: 6px;
}

/* === 2. Global Reset ========================================= */
*, *::before, *::after { box-sizing: border-box; }

body {
  background: var(--xh-bg) !important;
  color: var(--xh-text) !important;
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", Helvetica, sans-serif !important;
  font-size: 14px;
  line-height: 1.6;
}

a { color: var(--xh-blue) !important; text-decoration: none !important; }
a:hover { color: var(--xh-blue-h) !important; }

/* === 3. Utility Overrides ==================================== */
.am-background-white,
div.am-background-white,
ul.am-background-white,
li.am-background-white,
section.am-background-white,
span.am-background-white,
[class~="am-background-white"] {
  background: #ffffff !important;
  color: var(--xh-text) !important;
}
.am-divider { border-color: var(--xh-border) !important; }
.am-breadcrumb { background: transparent !important; padding: 8px 0 !important; }
.am-breadcrumb > li > a { color: var(--xh-text3) !important; }
.am-breadcrumb > li > a:hover { color: var(--xh-blue) !important; }
.am-breadcrumb > li.am-active { color: var(--xh-text) !important; }
.am-breadcrumb > li + li::before { color: var(--xh-text3) !important; }

/* === 4. Navigation / Topbar ================================== */
/* Header top nav (tiny bar) */
.header-top {
  background: #f8f9fc !important;
  border-bottom: 1px solid var(--xh-border) !important;
}
.header-top a, .top-nav-left a, .top-nav-right a {
  color: var(--xh-text3) !important;
  font-size: .82rem !important;
}
.header-top a:hover { color: var(--xh-blue) !important; }

/* Main topbar */
.am-topbar.shop-navigation,
.shop-navigation {
  background: #ffffff !important;
  border-bottom: 1px solid var(--xh-border) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,.05) !important;
}
.shop-navigation .am-topbar-nav > li > a {
  color: var(--xh-text2) !important;
  background: transparent !important;
  border-radius: 6px !important;
}
.shop-navigation .am-topbar-nav > li > a:hover,
.shop-navigation .am-topbar-nav > li.am-active > a {
  color: var(--xh-blue) !important;
  background: var(--xh-blue-bg) !important;
}
.am-topbar-brand a { color: var(--xh-text) !important; }
.am-topbar-btn a, .am-topbar-right a { color: var(--xh-text2) !important; }

/* Search bar */
.nav-search, .nav-search.white {
  background: #ffffff !important;
  border-bottom: 1px solid var(--xh-border) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.04) !important;
}
.search-bar {
  background: var(--xh-bg) !important;
  border: 1.5px solid var(--xh-border) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}
.search-bar:focus-within {
  border-color: var(--xh-blue) !important;
  box-shadow: 0 0 0 3px rgba(22,119,255,.1) !important;
}
.search-bar input {
  background: transparent !important;
  color: var(--xh-text) !important;
}
.search-bar input::placeholder { color: var(--xh-text3) !important; }
.search-bar .am-btn, .search-bar button {
  background: var(--xh-blue) !important;
  color: #fff !important;
  border-color: var(--xh-blue) !important;
}

/* Header nav bar (second nav row) */
.header-nav, .am-header-nav-wrap {
  background: #fff !important;
  border-bottom: 1px solid var(--xh-border) !important;
}
.header-nav a, .am-header-nav-wrap a {
  color: var(--xh-text2) !important;
  font-size: .9rem !important;
}
.header-nav a:hover,
.header-nav a.am-active { color: var(--xh-blue) !important; }

/* Mobile nav toggle */
.am-topbar-btn.am-topbar-toggle { color: var(--xh-text) !important; }

/* Dropdown */
.am-dropdown-content,
.am-topbar-dropdown,
.am-nav-dropdown-content {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  box-shadow: var(--xh-shadow2) !important;
  border-radius: 8px !important;
}
.am-dropdown-content li a,
.am-nav-dropdown-content li a { color: var(--xh-text2) !important; padding: 8px 16px !important; }
.am-dropdown-content li a:hover,
.am-nav-dropdown-content li a:hover { background: var(--xh-blue-bg) !important; color: var(--xh-blue) !important; }

/* === 5. Buttons ============================================== */
.am-btn { border-radius: 8px !important; transition: all .2s !important; cursor: pointer !important; }

.am-btn-primary, button.am-btn-primary {
  background: var(--xh-blue) !important;
  border-color: var(--xh-blue) !important;
  color: #ffffff !important;
}
.am-btn-primary:hover {
  background: var(--xh-blue-h) !important;
  border-color: var(--xh-blue-h) !important;
  box-shadow: 0 4px 12px rgba(22,119,255,.3) !important;
}
.am-btn-secondary, button.am-btn-secondary {
  background: #ffffff !important;
  border: 1.5px solid var(--xh-blue) !important;
  color: var(--xh-blue) !important;
}
.am-btn-secondary:hover { background: var(--xh-blue-bg) !important; }

.am-btn-default {
  background: #ffffff !important;
  border-color: var(--xh-border) !important;
  color: var(--xh-text2) !important;
}
.am-btn-default:hover { background: var(--xh-bg) !important; border-color: var(--xh-blue) !important; color: var(--xh-blue) !important; }

.am-btn-danger { background: var(--xh-error) !important; border-color: var(--xh-error) !important; color: #fff !important; }
.am-btn-success { background: var(--xh-green) !important; border-color: var(--xh-green) !important; color: #fff !important; }
.am-btn-warning { background: var(--xh-warning) !important; border-color: var(--xh-warning) !important; color: #fff !important; }

/* === 6. Panels / Cards ======================================= */
.am-panel {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
  box-shadow: var(--xh-shadow) !important;
  color: var(--xh-text) !important;
}
.am-panel-bd, .am-panel-hd, .am-panel-ft {
  background: transparent !important;
  color: var(--xh-text) !important;
  border-color: var(--xh-border) !important;
}
.am-panel-hd { background: #f8f9fc !important; }

/* === 7. Alerts & Badges ===================================== */
.am-alert { border-radius: 8px !important; }
.am-alert-primary { background: var(--xh-blue-bg) !important; border-color: rgba(22,119,255,.3) !important; color: var(--xh-blue) !important; }
.am-alert-success { background: #f6ffed !important; border-color: #b7eb8f !important; color: #52c41a !important; }
.am-alert-warning { background: #fffbe6 !important; border-color: #ffe58f !important; color: #faad14 !important; }
.am-alert-danger  { background: #fff2f0 !important; border-color: #ffa39e !important; color: #ff4d4f !important; }

.am-badge { background: var(--xh-blue) !important; color: #fff !important; border-radius: 20px !important; font-size: .75rem !important; }
.am-badge-secondary { background: var(--xh-purple) !important; }
.am-badge-success { background: var(--xh-green) !important; }
.am-badge-warning { background: var(--xh-warning) !important; }
.am-badge-danger  { background: var(--xh-error) !important; }

/* === 8. Forms & Inputs ====================================== */
.am-form-field,
input[type=text], input[type=email], input[type=password],
input[type=number], input[type=tel], input[type=search],
textarea, select {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: 8px !important;
  color: var(--xh-text) !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.am-form-field:focus, input:focus, textarea:focus, select:focus {
  border-color: var(--xh-blue) !important;
  box-shadow: 0 0 0 3px rgba(22,119,255,.1) !important;
  outline: none !important;
}
input::placeholder, textarea::placeholder { color: var(--xh-text3) !important; }

/* === 9. Tables ============================================== */
.am-table th {
  background: #f0f4f8 !important;
  color: var(--xh-text2) !important;
  border-color: var(--xh-border) !important;
  font-weight: 600 !important;
}
.am-table td { border-color: var(--xh-border) !important; color: var(--xh-text) !important; }
.am-table tr:hover td { background: #f8fbff !important; }
.am-table-striped tr:nth-child(even) td { background: #f8f9fc !important; }

/* === 10. Pagination ========================================= */
.am-pagination > li > a,
.am-pagination > li > span {
  background: #fff !important;
  border-color: var(--xh-border) !important;
  color: var(--xh-text2) !important;
  border-radius: 6px !important;
}
.am-pagination > li.am-active > a,
.am-pagination > li.am-active > span {
  background: var(--xh-blue) !important;
  border-color: var(--xh-blue) !important;
  color: #fff !important;
}
.am-pagination > li > a:hover { background: var(--xh-blue-bg) !important; color: var(--xh-blue) !important; border-color: var(--xh-blue) !important; }

/* === 11. Modal / Popup ====================================== */
.am-modal-dialog {
  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: var(--xh-shadow2) !important;
  color: var(--xh-text) !important;
}
.am-modal-bd, .am-modal-hd { color: var(--xh-text) !important; }
.am-modal-footer { border-top: 1px solid var(--xh-border) !important; }
.am-modal-bd * { color: var(--xh-text) !important; }

/* === 12. Tabs ============================================== */
.am-tabs-nav, .tab-panel-box .am-tabs-nav {
  background: #ffffff !important;
  border-bottom: 2px solid var(--xh-border) !important;
}
.am-tabs-nav > li > a { color: var(--xh-text2) !important; background: transparent !important; }
.am-tabs-nav > li > a:hover { color: var(--xh-blue) !important; background: var(--xh-blue-bg) !important; }
.am-tabs-nav > li.am-active > a {
  color: var(--xh-blue) !important;
  border-bottom: 2px solid var(--xh-blue) !important;
  font-weight: 600 !important;
}
.am-tab-panel { background: #ffffff !important; color: var(--xh-text) !important; padding: 24px !important; }
.am-tab-panel p { color: var(--xh-text2) !important; line-height: 1.8 !important; }
.am-tab-panel table td, .am-tab-panel table th { border-color: var(--xh-border) !important; color: var(--xh-text) !important; }
.am-tab-panel table th { background: #f0f4f8 !important; }

/* === 13. Category Sidebar =================================== */
.clearfix-left, .goods-detail-left {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
}
.goods-category-wrap, .goods-category-list {
  background: transparent !important;
}
.goods-category-list li a { color: var(--xh-text2) !important; }
.goods-category-list li a:hover { color: var(--xh-blue) !important; background: var(--xh-blue-bg) !important; }
.goods-category-list li.active > a { color: var(--xh-blue) !important; font-weight: 600 !important; }

/* === 14. Product Grid Cards ================================= */
/* ShopXO default grid item */
.module-goods-grid-base .item,
.module-goods-grid-base .item.box-shadow-hover {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
  overflow: hidden !important;
  transition: box-shadow .2s, transform .2s !important;
  box-shadow: var(--xh-shadow) !important;
}
.module-goods-grid-base .item:hover {
  box-shadow: var(--xh-shadow2) !important;
  transform: translateY(-3px) !important;
  border-color: rgba(22,119,255,.3) !important;
}
/* Product name in grid */
.module-goods-grid-base .item .title a,
.module-goods-grid-base .item .goods-title a {
  color: var(--xh-text) !important;
  font-weight: 500 !important;
  font-size: .92rem !important;
}
.module-goods-grid-base .item .title a:hover { color: var(--xh-blue) !important; }
/* Price in grid */
.module-goods-grid-base .item .price,
.module-goods-grid-base .item .goods-price,
.module-goods-grid-base .item .price-text {
  color: var(--xh-blue) !important;
  font-weight: 700 !important;
  font-size: 1.05rem !important;
}
/* Original price */
.module-goods-grid-base .item .original-price { color: var(--xh-text3) !important; text-decoration: line-through !important; font-size: .82rem !important; }

/* Grid container BG */
.module-goods-container, .module-goods-grid-container, .floor, .goods-list, .home-floor, .xhao-floor-wrapper { background: transparent !important; }

/* === 15. Product Detail Page ================================ */
.clearfix-right, .clearfix-right-content {
  background: #ffffff !important;
  border-radius: 12px !important;
  padding: 24px !important;
  box-shadow: var(--xh-shadow) !important;
}
.detail-title, h1.detail-title {
  color: var(--xh-text) !important;
  font-size: 1.4rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}
/* Price block */
.tb-detail-panel-base, .tb-detail-price-content {
  background: var(--xh-blue-bg) !important;
  border: 1px solid rgba(22,119,255,.18) !important;
  border-radius: var(--xh-radius) !important;
  padding: 16px !important;
  margin: 12px 0 !important;
}
.goods-price-item, .tb-price, .price-num,
[class*="price-val"] { color: var(--xh-blue) !important; font-size: 1.8rem !important; font-weight: 800 !important; }
.price-symbol, .price-currency { color: var(--xh-text2) !important; font-size: 1rem !important; font-weight: 600 !important; }
.price-unit-text, .price-unit { color: var(--xh-text3) !important; font-size: .85rem !important; }
.original-price { color: var(--xh-text3) !important; text-decoration: line-through !important; }

/* Detail list rows (delivery, options) */
.tb-detail-list { color: var(--xh-text) !important; }
.tb-detail-list .fl-wrap { border-bottom: 1px solid #f0f2f5 !important; padding: 8px 0 !important; }
.tb-detail-list .fl-label { color: var(--xh-text3) !important; }
.tb-detail-list .fl-value { color: var(--xh-text2) !important; }

/* SKU selector */
.buy-spec-info-container { background: transparent !important; }
.buy-event .cart-title { color: var(--xh-text2) !important; font-size: .9rem !important; font-weight: 600 !important; }
.specpara-title { color: var(--xh-text3) !important; }
.sku-list .sku-item, .sku-items .sku-item,
.sku-dont-choose, .sku-items-disabled {
  background: #ffffff !important;
  border: 1.5px solid var(--xh-border) !important;
  border-radius: 6px !important;
  color: var(--xh-text) !important;
  padding: 5px 14px !important;
  cursor: pointer !important;
  transition: all .2s !important;
  font-size: .88rem !important;
}
.sku-items .sku-item:hover,
.sku-items .sku-item.active,
.sku-items .sku-item.selected {
  border-color: var(--xh-blue) !important;
  background: var(--xh-blue-bg) !important;
  color: var(--xh-blue) !important;
}
.sku-items-disabled, .sku-dont-choose {
  opacity: .5 !important;
  cursor: not-allowed !important;
}
/* Spec popup */
.theme-popover, .theme-popbod {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  box-shadow: var(--xh-shadow2) !important;
  color: var(--xh-text) !important;
  border-radius: 12px !important;
}
.theme-poptit {
  background: #f8f9fc !important;
  border-bottom: 1px solid var(--xh-border) !important;
  color: var(--xh-text) !important;
  border-radius: 12px 12px 0 0 !important;
}
.theme-poptit .am-close { color: var(--xh-text3) !important; }
/* Buy nav bar (sticky bottom) */
.buy-nav {
  background: #ffffff !important;
  border-top: 1px solid var(--xh-border) !important;
  box-shadow: 0 -4px 16px rgba(0,0,0,.06) !important;
  padding: 14px 20px !important;
  border-radius: 14px 14px 0 0 !important;
}
.buy-nav-opt a[class*="buy-nav-left"] {
  color: var(--xh-text3) !important;
  background: transparent !important;
  border: none !important;
  padding: 8px 10px !important;
  border-radius: 8px !important;
  transition: color .2s !important;
}
.buy-nav-opt a[class*="buy-nav-left"]:hover,
.buy-nav-opt a[class*="buy-nav-left"].am-active { color: var(--xh-blue) !important; background: var(--xh-blue-bg) !important; }
.buy-nav-opt .nav-icon i { font-size: 1.2rem !important; }
.buy-nav-opt .nav-icon .name { font-size: .72rem !important; display: block !important; color: var(--xh-text3) !important; }
.buy-submit-container { display: flex !important; gap: 10px !important; align-items: center !important; }
.buy-submit-container-number-1 .am-btn { width: 100% !important; }
.buy-submit-container-number-2 .am-btn { flex: 1 !important; }
/* 立即购买 */
.buy-submit-container .buy-submit,
.buy-submit-container button[class*="buy-submit"] {
  background: var(--xh-blue) !important;
  border-color: var(--xh-blue) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 13px 0 !important;
  box-shadow: 0 4px 12px rgba(22,119,255,.3) !important;
}
.buy-submit-container .buy-submit:hover { background: var(--xh-blue-h) !important; box-shadow: 0 6px 20px rgba(22,119,255,.4) !important; transform: translateY(-1px) !important; }
/* 加入购物车 */
.buy-submit-container .cart-submit,
.buy-submit-container button[class*="cart-submit"] {
  background: #ffffff !important;
  border: 2px solid var(--xh-blue) !important;
  color: var(--xh-blue) !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  padding: 13px 0 !important;
}
.buy-submit-container .cart-submit:hover { background: var(--xh-blue-bg) !important; }
/* Floating buy-submit-top in tab nav */
.buy-submit-top .am-btn { background: var(--xh-blue) !important; color: #fff !important; border-color: var(--xh-blue) !important; border-radius: 8px !important; }

/* Bottom tabs area */
.introduce, .introduce-main { background: transparent !important; }
.am-tabs-short-border.am-tabs-nav { border-bottom: 2px solid var(--xh-border) !important; background: #fff !important; }
.am-tabs-short-border > li.am-active > a { color: var(--xh-blue) !important; border-bottom-color: var(--xh-blue) !important; }
.parameters-content.parameters-detail li { border-bottom: 1px solid #f0f2f5 !important; padding: 8px 14px !important; }
.parameters-content.parameters-detail li span:first-child { color: var(--xh-text3) !important; min-width: 100px !important; display: inline-block !important; }
.parameters-content.parameters-detail li span:last-child { color: var(--xh-text) !important; }
.content-web, .richtext { background: transparent !important; color: var(--xh-text) !important; }
.richtext h1,.richtext h2,.richtext h3 { color: var(--xh-text) !important; border-bottom: 1px solid var(--xh-border); padding-bottom: 8px; margin-bottom: 12px; }
.richtext p, .richtext li { color: var(--xh-text2) !important; line-height: 1.8 !important; }
.richtext img { max-width: 100% !important; border-radius: 8px !important; }

/* === 16. Cart Page ========================================== */
.cart-table {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
}
.cart-table th { background: #f0f4f8 !important; color: var(--xh-text2) !important; border-color: var(--xh-border) !important; font-weight: 600 !important; }
.cart-table td { border-color: var(--xh-border) !important; color: var(--xh-text) !important; vertical-align: middle !important; }
.cart-table tr:hover td { background: #f8fbff !important; }
.cart-table .base .goods-detail a.goods-title { color: var(--xh-text) !important; font-weight: 500 !important; }
.cart-table .base .goods-detail a.goods-title:hover { color: var(--xh-blue) !important; }
.cart-table .base .goods-attr li { color: var(--xh-text3) !important; font-size: .82rem !important; }
.cart-total-area, .order-total-area { background: #ffffff !important; border: 1px solid var(--xh-border) !important; border-radius: var(--xh-radius) !important; }
.cart-total, .order-total-price { color: var(--xh-blue) !important; font-weight: 800 !important; font-size: 1.4rem !important; }

/* === 17. Checkout / Buy Page ================================ */
.address-container, .address-cart, .address-content {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
  color: var(--xh-text) !important;
}
.address-cart.active { border-color: var(--xh-blue) !important; box-shadow: 0 0 0 2px rgba(22,119,255,.15) !important; }
.address-cart .address-name, .address-cart .address-phone { color: var(--xh-text) !important; }
.address-cart .address-area { color: var(--xh-text2) !important; font-size: .88rem !important; }

.buy-items, .buy-items.am-background-white {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
}
.buy-order-nav, .buy-order-nav.am-background-white {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
}
.goods-group-list .am-panel { background: #ffffff !important; border: 1px solid var(--xh-border) !important; }
.goods-group-list .am-panel-bd { background: transparent !important; }
.goods-group-list td { border-color: var(--xh-border) !important; color: var(--xh-text) !important; }
.goods-group-list th { background: #f0f4f8 !important; color: var(--xh-text2) !important; border-color: var(--xh-border) !important; }
.goods-group-list tr:hover td { background: #f8fbff !important; }
.goods-group-summary-total-price .price strong { color: var(--xh-blue) !important; font-weight: 800 !important; }
/* Warehouse header */
.warehouse-info { background: #f8f9fc !important; border-bottom: 1px solid var(--xh-border) !important; padding: 8px 14px !important; }
.warehouse-name { color: var(--xh-text2) !important; font-weight: 600 !important; }
/* Order summary box */
.buy-nav-footer .box, .buy-nav-footer .am-border-grey {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
}
.base-real-pay { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 8px 0 12px !important; border-bottom: 1px solid var(--xh-border) !important; margin-bottom: 12px !important; }
.base-real-pay .buy-line-title { color: var(--xh-text3) !important; font-size: .9rem !important; }
.base-real-pay .price { color: var(--xh-blue) !important; font-size: 1.5rem !important; font-weight: 800 !important; }
.pay-address .buy-line-title { color: var(--xh-text3) !important; font-size: .82rem !important; min-width: 55px !important; display: inline-block !important; }
.pay-address .buy-user, .pay-address .buy-phone, .pay-address .buy-address-detail { color: var(--xh-text2) !important; font-size: .88rem !important; }
/* Payment cards */
.business-item, .payment-list .business-item, .business-list .business-item {
  background: #f8f9fc !important;
  border: 1.5px solid var(--xh-border) !important;
  border-radius: 8px !important;
  color: var(--xh-text) !important;
  padding: 10px 14px !important;
  transition: all .2s !important;
  cursor: pointer !important;
}
.business-item:hover { border-color: var(--xh-blue) !important; background: var(--xh-blue-bg) !important; }
.payment-list li.selected .business-item, .business-list li.selected .business-item {
  border-color: var(--xh-blue) !important;
  background: var(--xh-blue-bg) !important;
}
.business-item span { color: var(--xh-text) !important; }
/* Memo textarea */
.memo-input, .order-extra textarea, textarea.memo-input {
  background: #f8f9fc !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: 8px !important;
  color: var(--xh-text) !important;
  padding: 12px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  resize: vertical !important;
}
.memo-input:focus { border-color: var(--xh-blue) !important; box-shadow: 0 0 0 3px rgba(22,119,255,.1) !important; }
.order-extra, .order-extra.am-background-white { background: #f8f9fc !important; border: 1px solid var(--xh-border) !important; border-radius: 10px !important; padding: 16px !important; }
/* Submit order button */
.go-btn-wrap { margin-top: 16px !important; }
.buy-submit, button.buy-submit {
  background: var(--xh-blue) !important;
  border-color: var(--xh-blue) !important;
  color: #fff !important;
  border-radius: 10px !important;
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  padding: 14px !important;
  width: 100% !important;
  box-shadow: 0 4px 14px rgba(22,119,255,.3) !important;
  transition: all .25s !important;
}
.buy-submit:hover { background: var(--xh-blue-h) !important; box-shadow: 0 6px 22px rgba(22,119,255,.4) !important; transform: translateY(-1px) !important; }
.buy-extension-data { list-style: none !important; padding: 0 !important; margin: 8px 0 0 !important; }
.extension-items-name { color: var(--xh-text3) !important; font-size: .82rem !important; margin-right: 6px !important; }
.extension-items-tips { color: var(--xh-text2) !important; font-size: .82rem !important; }

/* === 18. Order List ========================================= */
.order-list-item, .order-item {
  background: #ffffff !important;
  border: 1px solid var(--xh-border) !important;
  border-radius: var(--xh-radius) !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
}
.order-item-hd { background: #f8f9fc !important; border-bottom: 1px solid var(--xh-border) !important; padding: 10px 16px !important; }
.order-item-hd .order-no { color: var(--xh-text3) !important; font-size: .82rem !important; }
.order-status { color: var(--xh-text2) !important; }
.order-status-pending { color: var(--xh-warning) !important; font-weight: 600 !important; }
.order-status-paid, .order-status-success { color: var(--xh-green) !important; font-weight: 600 !important; }
.order-status-cancel { color: var(--xh-text3) !important; }
.order-status-ship { color: var(--xh-blue) !important; font-weight: 600 !important; }
.order-goods-title a { color: var(--xh-text) !important; }
.order-goods-title a:hover { color: var(--xh-blue) !important; }
.order-goods-price, .order-total-price, .total-price-content { color: var(--xh-blue) !important; font-weight: 700 !important; }
.order-operate-btn {
  background: #fff !important; border: 1px solid var(--xh-border) !important; border-radius: 6px !important; color: var(--xh-text2) !important; padding: 5px 14px !important; font-size: .85rem !important;
}
.order-operate-btn:hover { border-color: var(--xh-blue) !important; color: var(--xh-blue) !important; }
.order-detail-section { background: #ffffff !important; border: 1px solid var(--xh-border) !important; border-radius: var(--xh-radius) !important; padding: 16px !important; }
.order-detail-row { border-bottom: 1px solid #f0f2f5 !important; padding: 8px 0 !important; }
.order-detail-label { color: var(--xh-text3) !important; }
.order-detail-value { color: var(--xh-text) !important; }

/* === 19. User Center ======================================== */
.user-main, .personal-left, .user-center-main { background: transparent !important; }
.user-menu-item a, .user-left-menu a { color: var(--xh-text2) !important; border-radius: 8px !important; padding: 8px 14px !important; display: block !important; margin-bottom: 2px !important; }
.user-menu-item a:hover, .user-left-menu a:hover { background: var(--xh-blue-bg) !important; color: var(--xh-blue) !important; }
.user-menu-item.active a, .user-left-menu a.am-active { background: var(--xh-blue-bg) !important; color: var(--xh-blue) !important; font-weight: 600 !important; }

/* === 20. Footer ============================================= */
.am-footer, footer.am-footer {
  background: #1e2a3a !important;
  color: rgba(255,255,255,.65) !important;
  border-top: none !important;
}
.am-footer a { color: rgba(255,255,255,.55) !important; }
.am-footer a:hover { color: #fff !important; }
.am-footer-copyright { color: rgba(255,255,255,.4) !important; }

/* === 21. Homepage: Intro Bar ================================ */
.xhao-intro-bar {
  background: linear-gradient(135deg, #1677ff 0%, #0d5bd1 100%);
  padding: 28px 0;
}
.xhao-intro-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
.xhao-intro-left {}
.xhao-intro-title {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0 0 6px;
  line-height: 1.3;
}
.xhao-intro-sub {
  color: rgba(255,255,255,.82);
  font-size: .9rem;
  margin: 0;
}
.xhao-intro-chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.xhao-chip {
  background: rgba(255,255,255,.15) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color: #ffffff !important;
  border-radius: 20px !important;
  padding: 5px 16px !important;
  font-size: .82rem !important;
  font-weight: 500 !important;
  transition: all .2s !important;
  white-space: nowrap !important;
}
.xhao-chip:hover {
  background: rgba(255,255,255,.28) !important;
  color: #fff !important;
  transform: translateY(-1px) !important;
}

/* === 22. Homepage: Products Page ============================ */
.xhao-products-page { padding: 28px 0 48px; }
.xhao-floor-block { margin-bottom: 36px; }
.xhao-floor-hd {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--xh-border);
}
.xhao-floor-ttl {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--xh-text);
  margin: 0;
}
.xhao-floor-sub { color: var(--xh-text3); font-size: .88rem; }
.xhao-more-link { margin-left: auto; color: var(--xh-blue) !important; font-size: .88rem !important; }
.xhao-more-link:hover { text-decoration: underline !important; }
.xhao-empty-state { text-align: center; padding: 60px 0; color: var(--xh-text3); }

/* === 23. GPU Spec Card (product detail) ===================== */
.xhao-gpu-spec-card {
  background: #ffffff;
  border: 1px solid var(--xh-border);
  border-radius: 12px;
  padding: 20px 24px;
  margin: 24px 0;
  box-shadow: var(--xh-shadow);
}
.xhao-gpu-spec-card h3 {
  color: var(--xh-text);
  font-size: 1rem;
  margin: 0 0 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--xh-border);
  font-weight: 700;
}
.xhao-spec-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(155px,1fr)); gap: 10px; }
.xhao-spec-item { background: #f8f9fc; border: 1px solid var(--xh-border); border-radius: 8px; padding: 10px 14px; }
.xhao-spec-label { color: var(--xh-text3); font-size: .75rem; margin-bottom: 3px; }
.xhao-spec-value { color: var(--xh-text); font-size: .92rem; font-weight: 600; }
.xhao-spec-value.highlight { color: var(--xh-blue); }

/* === 24. Score / Rating ===================================== */
.score .value { color: var(--xh-blue) !important; font-size: 2.5rem !important; font-weight: 800 !important; }
.am-progress { background: #eef2f8 !important; border-radius: 4px !important; overflow: hidden; height: 8px; }
.am-progress-bar { border-radius: 4px !important; height: 100% !important; }
.am-progress-color-deep1 { background: #bdd7ff !important; }
.am-progress-color-deep2 { background: #80b5ff !important; }
.am-progress-color-deep3 { background: #4d96ff !important; }
.am-progress-color-deep4 { background: #2183ff !important; }
.am-progress-color-deep5 { background: var(--xh-blue) !important; }
.score-container .progress-content { flex: 1 !important; }

/* === 25. Loading ============================================ */
.am-loading-container { background: rgba(255,255,255,.9) !important; }
.page-loading { background: #ffffff !important; }

/* === 26. Misc =============================================== */
.not-data-container, .table-no { color: var(--xh-text3) !important; }
.table-no i { color: var(--xh-text3) !important; opacity: .5 !important; }
.table-no p { margin-top: 8px !important; }
.am-scrollable-horizontal { overflow-x: auto !important; }
.wap-base .goods-price-item { color: var(--xh-blue) !important; font-weight: 700 !important; }
/* Plugins view tag (dev mode) */
.plugins-tag { border: 1px dashed #adb5bd; padding: 2px 8px; font-size: .75rem; color: #adb5bd; }
/* Photo section */
.clearfix, .am-cf { overflow: visible !important; }

/* === 27. Mobile ============================================= */
@media (max-width: 640px) {
  .xhao-intro-bar { padding: 18px 0; }
  .xhao-intro-title { font-size: 1.15rem; }
  .xhao-intro-inner { flex-direction: column; align-items: flex-start; }
  .buy-nav { padding: 10px 14px !important; }
  .buy-submit-container { gap: 8px !important; }
  .base-real-pay .price { font-size: 1.2rem !important; }
  .clearfix-right, .clearfix-right-content { padding: 16px !important; }
}

/* END XHAO-LIGHT-THEME-V3 */

/* ============================================================
   XHAO LIGHT THEME PATCH v4.0 — 深度亮色整改补丁
   Fix: dark residuals, buy flow UX, hide ads, footer
   ============================================================ */

/* === PATCH 1: 彻底消除所有深色背景残留 ====================== */

/* 公共容器 - 强制白色/浅色背景 */
.am-container, .am-g, .am-u-sm-12,
.am-u-md-12, .am-u-lg-12 {
}

/* 所有通用内容区域 */
.link-list, .am-margin-top-main,
.am-padding, .am-padding-sm, .am-padding-lg {
}

/* 公告走马灯区域 - 亮色覆盖 */
.banner-mixed, .banner-news, .banner-news-title {
  background: #f8f9fc !important;
}
.banner-news li a {
}
.banner-news li a:hover {
}

/* 面包屑区域 */
.am-breadcrumb-container,

/* 分类侧边栏 */
.system-category-index,
.system-category-index,
  background: #ffffff !important;
}
.category-content .category-list li a {
}
.category-content .categ.category-content .categ.eg.category-content .categ.category-co > a .category-content .categ.catmpo.category-content .categ.categolu.category-content .categ.category-content .c� .category-content .categ.category-cobkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-colo  -webkit-text-fill-colo  -t;
}

/* 弹窗/对话框 */
.am-modal-overl.am-modal-overl.am-modal-overl.am-modal-ont; }
.am-modal-dialog, .am-modal-prompt-dialog {
  background: #ffffff !important;
}
.am-modal-hd {
  background: #f8f9fc !important;
}
.am-modal-ft { background: #fff !important; border-top: 1px solid var(--xh-border) !important; }

/* 选择弹出框/chosen */
.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-cont.imp.am-chosen-cont.am-chosen-con-x.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-mp.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-cho.high.am-chosen-cont.am-chd:.am-chosen-cont.am-chosen-cont.am-chosen-cont.am-chosen-contrtant;
}

/* Toast / 消息提示 */
.am-alert, .am-offcanvas, .am-toast {
  background: #ffffff !important;
  color:   color:   co)   color:   color:   co)   color:div { background: rgba(0,0,0,.7) import sys  color:   color:   co)   color:   color:   co)   coln {
  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  ma  mant;
}
.xhao-floor-desc {
}
.xhao-floor-tags {
}
.gpu-spec-tag:hover {
  color: #fff !important;
}

/* 商品网格增强 */
.floor-flex {
}

/* 商品网格卡片 - 更清爽 */
.module-goods-grid-base .item {
.module-goods-grid-base .item {
�}
....................... .item .item-operate,

/* === PATCH 2: 首页 banner & 广�/* === PATCH 2: 首页 banner & �==== */

/* 隐藏轮播广告 */
.banner.theme-data-edit-event,

/* 隐藏小图标导航（广告性质快捷入口） */

/* 隐藏滚动公告 */

/* dev tag 容器 */

/* === PAT/* === PAT/* === PAT/* === PAT，改为更紧凑） ================ */
.xhao-intro-bar {
}

/* === PATCH 4: 购买流程优化 ================================== */

/* 购买确认页 - 更清晰的步骤感 */
.buy-items .am-panel-hd {
  background: #f8f9fc !important;
}

/* 支付方式选择 - 更明显 */
.business-item {
}

/* 结算按钮更大更突出 */
.go-btn-wrap .buy-submit,
.go-btn-wrap button.buy-submit {
}

/* 订单商品列表 */
.goods-group-name {
  background: #f8f9fc !important;
  border-bottom: 1px  border-bottom: 1px  border-bottom: 1px  boei  border-bottom: 1px  bool  border-bottom: 1px  border-bot


 border-bottom: 1px  border-�� border-bottom: 1px  border-�� ========== */

/* 购买操作区 */
.buy-event-container, .buy-event {
  background: #ffffff !important;
.buy-submit-container .buy-submit {
}

/* 数量调节器 */
.number-edit, .am-input-group.number-edit {
  background: #f4f6fa !important;
}
.number-edit .am-btn {
  background: #fff !important;
}
.number-edit input {
}

/* === PATCH 6: 页脚亮色优化 ================================= */
.am-footer, footer.am-footer {
  background: #f0f4fa !important;
}

/* === PATCH 7: 搜索页 & 分类页亮色 ========================== */
.search-result-container, .search-page-wrap,.search-result-container, .gory-main {
  background: tra  background: tra  background��  background: tra  background: tra  background��  background: tra
  background: #ffffff !important;
}
.filter-title, .search-filter .title {
  background: #f8f9fc !important;
}
.filter-item a, .filter-list a {
}
.filter-item a.active, .filter-list a.active,

/* === PATCH 8: 价格区间 & 排序 ============================== */
.sort-bar, .goods-sort-container, .am-tabs-short-border-nav {
  background: #ffffff !important;
}
.sort-bar a, .goods-sort a {
}
.sort-bar a.active, .goods-sort a.active,

/* === PATCH 9: 用户中心 / 个人页亮色 ========================= */
.personal-info, .user-info-container {
  background: #ffffff !important;
}
.personal-info .user-avatar {
}

/* === PATCH 10: 手机端底部导航亮色 ========================== */
.mobile-navigation {
  background: #ffffff !important;
}
.mobile-navigation li a {
}
.mobile-navigation li.active a,

/* END XHAO-LIGHT-THEME-PATCH-V4 */

/* ============================================================
   XHAO SHOP UX PATCH v4.1 — 商品卡片快购 & 整体体验优化
   ============================================================ */

/* === 商品网格卡片快购增强 ================================== */

/* 卡片悬停时展示购买按钮 */
.module-goods-grid-base .item.item-type-btn .buy-btn {
  color: #fff !important;
}
.module-goods-grid-base .item.item-type-btn .buy-btn:hover {
  color: #fff !important;
}

/* 普通卡片 - 鼠标悬浮时底部显示查看详情条 */
.module-goods-grid-base .item .goods-info {
}
  color: #fff !important;
}
.module-goods-grid-base .item:hover .goods-info::after {
.module-goods-grid-base .item .price-content .price strong {
}
.module-goods-grid-base .item .price-content .price .unit {
}
.module-goods-grid-base .item .goods-title a {
}
.module-goods-grid-base .item .goods-title a:hover {
}

/* 卡片内�/* 卡片内�/* 卡�-grid-base .item .price-content,
.module-goods-gr.module-goods-gr.module-{
}

/* item-type-btn 卡片底部布局 */
.module-goods-grid-base .item.item-type-btn .item-bottom {

/* 地址选择更直观 */
.address-cart {
}
}
/* 选中地址 勾选标记 */
}

/* 优惠码/备�/* 优惠码/备�
�/.order-extra .am-fo.order-extra .am-fo.order-extra .am-fo.order-extra .am-fo�车空状态 ========================================== */
.cart-empty, .not-data-container {
}
.cart-empty .iconfont, .not-data-container .iconfont {
}
.cart-empty p, .not-data-container p {
}

/* === 首页布局增强 ========================================== */

/* 楼层间距 */
}

/* 商品数量数字 *//* 商品数量数字 *//* 商品�dd/* 商品数量nt;
  margin: 0   margin: 0   margin: 0   none !  margin: 0   margin: 0   margin: 0   none ! ��整齐 */
.module-goods-grid-base .goods-images {
}

/* === 全局亮色强化：消除一切残余深色背景 ==========/* === 全局亮色�有 section/a/* === 全局亮色强化：消 art/* === 全局亮色强化：消除一切残�rtant;
}



 === 全局亮色强化：色背景 */
.shop-navigation.am-topbar { background: #ffffff !important; }

/* 正文宽容器 */
.am-contai.am-contai.am-contai.am-contai.ant; }

/* 商品楼层卡片列表：消除缝隙 */
.module-goods-grid-base ul li {
}

/* 搜索页商品图 */
.module-goods-list-base .goods-images,
.module-goods-grid-base .goods-images {
}

/* END XHAO-SHOP-UX-PATCH-V4.1 */


/* ================================================================
   XHAO v5.0 — topBar优化 + 商品卡片 + 购买流程 + 全站UI统一
   ================================================================ */

/* ── topBar / 导航栏 ── */
.am-theme-header, .am-topbar {
    background: #fff !important;
    border-bottom: 1px solid #e8edf5 !important;
    box-shadow: 0 1px 8px rgba(0,0,0,.06) !important;
}
/* Logo区 */
.am-topbar-brand a { color: #1a2332 !important; }
.am-topbar-brand img { height: 36px !important; }

/* 导航链接 */
.am-nav.am-nav-pills.am-topbar-nav > li > a {
    color: #374151 !important;
    font-size: .92rem !important;
    font-weight: 500 !important;
    padding: 8px 14px !important;
    border-radius: 8px !important;
    transition: all .18s !important;
    background: transparent !important;
}
.am-nav.am-nav-pills.am-topbar-nav > li > a:hover,
.am-nav.am-nav-pills.am-topbar-nav > li > a.am-active {
    color: #1677ff !important;
    background: #e6f4ff !important;
}

/* 右侧图标按钮 */
.am-topbar-right-icon {
    color: #374151 !important;
    font-size: 1.1rem !important;
    transition: color .18s !important;
}
.am-topbar-right-icon:hover { color: #1677ff !important; }

/* 搜索框 */
.am-nav-search .search-container input,
.am-nav-search .search-bar input {
    background: #f4f6fa !important;
    border: 1px solid #dde4f0 !important;
    border-radius: 20px !important;
    color: #1a2332 !important;
    padding: 6px 14px !important;
    font-size: .88rem !important;
}
.am-nav-search .search-container input:focus,
.am-nav-search .search-bar input:focus {
    border-color: #1677ff !important;
    background: #fff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(22,119,255,.1) !important;
}
/* 搜索下拉框背景 */
.am-dropdown-content.am-radius {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.1) !important;
}

/* 用户下拉菜单 */
.am-dropdown-content ul, .am-dropdown-content.am-radius ul {
    background: #fff !important;
}
.am-dropdown-content li a {
    color: #374151 !important;
    font-size: .9rem !important;
}
.am-dropdown-content li a:hover {
    color: #1677ff !important;
    background: #f0f7ff !important;
}
/* 用户名/下拉箭头 */
.am-dropdown-toggle { color: #374151 !important; font-size: .92rem !important; }
.am-dropdown-toggle:hover { color: #1677ff !important; }

/* 移动端汉堡按钮 */
.am-topbar-btn.am-topbar-toggle,
.am-topbar-btn.sm-margin-top {
    background: #f0f7ff !important;
    border: 1px solid #b3d4ff !important;
    color: #1677ff !important;
    border-radius: 8px !important;
}

/* ── 购物车角标 ── */
.am-cart-badge {
    background: #ef4444 !important;
    color: #fff !important;
    border-radius: 50% !important;
}

/* ── 首页商品楼层 ── */
.xhao-floor-wrap {
    background: #f4f6fa;
    padding: 28px 0 60px;
    min-height: 400px;
}
.xhao-floor-group {
    background: transparent;
    margin-bottom: 32px;
}
.xhao-floor-hd {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 0 14px;
    border-bottom: 1px solid #e8edf5;
    margin-bottom: 20px;
    background: transparent;
}
.xhao-floor-hd-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}
.xhao-floor-accent {
    display: inline-block;
    width: 4px;
    height: 22px;
    background: #1677ff;
    border-radius: 2px;
    flex-shrink: 0;
}
.xhao-floor-title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    margin: 0 !important;
    line-height: 1 !important;
}
.xhao-floor-sub {
    font-size: .82rem;
    color: #8c9db5;
    margin-left: 4px;
}
.xhao-floor-kws {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.xhao-kw-tag {
    background: #f0f7ff;
    border: 1px solid #b3d4ff;
    color: #1677ff;
    border-radius: 20px;
    padding: 3px 12px;
    font-size: .78rem;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s;
    white-space: nowrap;
}
.xhao-kw-tag:hover {
    background: #1677ff;
    border-color: #1677ff;
    color: #fff;
    text-decoration: none;
}
.xhao-floor-more-link {
    color: #8c9db5;
    font-size: .85rem;
    text-decoration: none;
    white-space: nowrap;
    transition: color .15s;
    margin-left: auto;
    flex-shrink: 0;
}
.xhao-floor-more-link:hover { color: #1677ff; text-decoration: none; }

/* ── 商品卡片 (全站) ── */
.goods-list .am-u-lg-3,
.goods-list .am-u-md-4,
.goods-list .am-u-sm-6 {
    padding: 8px !important;
}
.item-goods {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 14px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
    transition: box-shadow .2s, transform .2s, border-color .2s !important;
    overflow: hidden !important;
}
.item-goods:hover {
    box-shadow: 0 8px 28px rgba(22,119,255,.13) !important;
    transform: translateY(-3px) !important;
    border-color: #93c5fd !important;
}
/* 商品图片区：白色背景，等高显示 */
.item-goods .goods-cover, .item-goods .item-goods-cover {
    background: #f8faff !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden !important;
    aspect-ratio: 16/9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.item-goods .goods-images {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}
/* 商品标题 */
.item-goods .goods-title a,
.item-goods .item-goods-title a {
    color: #1a2332 !important;
    font-size: .92rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}
.item-goods .goods-title a:hover,
.item-goods .item-goods-title a:hover {
    color: #1677ff !important;
    text-decoration: none !important;
}
/* 价格 */
.item-goods .item-goods-price,
.item-goods .goods-price {
    color: #ef4444 !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
}
.item-goods .item-goods-original-price,
.item-goods .goods-original-price {
    color: #b0b8cc !important;
    text-decoration: line-through !important;
    font-size: .8rem !important;
}
/* 购买/加购按钮 */
.item-type-btn .item-goods-btn,
.item-goods .item-btn,
.item-goods .am-btn-primary,
.item-goods .btn-buy {
    background: #1677ff !important;
    border-color: #1677ff !important;
    color: #fff !important;
    border-radius: 8px !important;
    font-size: .85rem !important;
    font-weight: 600 !important;
    padding: 7px 18px !important;
    transition: all .18s !important;
    display: inline-block !important;
    text-decoration: none !important;
}
.item-type-btn .item-goods-btn:hover,
.item-goods .am-btn-primary:hover,
.item-goods .btn-buy:hover {
    background: #4096ff !important;
    border-color: #4096ff !important;
    box-shadow: 0 4px 12px rgba(22,119,255,.3) !important;
    transform: translateY(-1px) !important;
}
/* 加入购物车 */
.item-goods .am-btn-default,
.item-goods .btn-cart {
    background: #f0f7ff !important;
    border-color: #b3d4ff !important;
    color: #1677ff !important;
    border-radius: 8px !important;
    font-size: .85rem !important;
    font-weight: 500 !important;
    transition: all .18s !important;
}
.item-goods .am-btn-default:hover,
.item-goods .btn-cart:hover {
    background: #1677ff !important;
    color: #fff !important;
    border-color: #1677ff !important;
}

/* ── 商品详情页 ── */
.goods-main-info {
    background: #fff !important;
    border-radius: 14px !important;
    padding: 24px !important;
    border: 1px solid #e8edf5 !important;
}
/* 规格选择 */
.spec-item {
    background: #fff !important;
    border: 1.5px solid #e8edf5 !important;
    border-radius: 8px !important;
    color: #374151 !important;
    transition: all .15s !important;
}
.spec-item.am-active, .spec-item:hover {
    border-color: #1677ff !important;
    color: #1677ff !important;
    background: #f0f7ff !important;
}
/* 立即购买 / 加入购物车 - 详情页 */
#goods-buy-now,
.goods-buy-now,
.btn-goods-buy {
    background: linear-gradient(135deg, #1677ff, #4096ff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    box-shadow: 0 4px 14px rgba(22,119,255,.3) !important;
    transition: all .2s !important;
}
#goods-buy-now:hover, .btn-goods-buy:hover {
    background: linear-gradient(135deg, #4096ff, #1677ff) !important;
    box-shadow: 0 6px 20px rgba(22,119,255,.4) !important;
    transform: translateY(-1px) !important;
}
#goods-add-cart,
.goods-add-cart,
.btn-goods-cart {
    background: #fff !important;
    border: 2px solid #1677ff !important;
    color: #1677ff !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 11px 28px !important;
    transition: all .2s !important;
}
#goods-add-cart:hover, .btn-goods-cart:hover {
    background: #f0f7ff !important;
    box-shadow: 0 4px 12px rgba(22,119,255,.15) !important;
}

/* ── 购物车页面 ── */
.cart-table { background: #fff !important; border-radius: 12px !important; border: 1px solid #e8edf5 !important; }
.cart-table th { background: #f8fafc !important; color: #374151 !important; font-weight: 600 !important; }
.cart-table td { color: #374151 !important; border-color: #f0f4f8 !important; }

/* ── 结算/订单页 ── */
.am-btn-primary.checkout-btn,
.btn-checkout,
.order-submit-btn, 
[data-type="submit-order"] {
    background: linear-gradient(135deg, #1677ff, #4096ff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 12px 36px !important;
    box-shadow: 0 4px 14px rgba(22,119,255,.3) !important;
    transition: all .2s !important;
    min-width: 160px !important;
}

/* ── 分页 ── */
.am-pagination li a,
.am-pagination li span {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    color: #374151 !important;
    border-radius: 8px !important;
    transition: all .15s !important;
}
.am-pagination .am-active a,
.am-pagination .am-active span {
    background: #1677ff !important;
    border-color: #1677ff !important;
    color: #fff !important;
}
.am-pagination li a:hover {
    border-color: #1677ff !important;
    color: #1677ff !important;
    background: #f0f7ff !important;
}

/* ── 搜索结果页顶部搜索框 ── */
.search-group.am-radius {
    border: 1.5px solid #dde4f0 !important;
    background: #fff !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.06) !important;
}
.search-group input {
    background: transparent !important;
    border: none !important;
    color: #1a2332 !important;
    font-size: .95rem !important;
}
.search-group .submit.am-btn-primary {
    background: #1677ff !important;
    border: none !important;
    border-radius: 0 24px 24px 0 !important;
    color: #fff !important;
    font-weight: 600 !important;
    transition: background .15s !important;
}
.search-group .submit.am-btn-primary:hover { background: #4096ff !important; }

/* ── 分类筛选栏 ── */
.am-filter-bar, .screening-bar {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 10px !important;
    color: #374151 !important;
}
.screening-bar-item.am-active,
.am-filter-bar .am-active {
    color: #1677ff !important;
    background: #f0f7ff !important;
    border-color: #b3d4ff !important;
}

/* ── 面包屑 ── */
.am-breadcrumb { 
    background: transparent !important; 
    color: #8c9db5 !important; 
}
.am-breadcrumb a { color: #8c9db5 !important; }
.am-breadcrumb a:hover { color: #1677ff !important; }
.am-breadcrumb-current { color: #374151 !important; }

/* ── 通用卡片/面板 ── */
.am-panel, .am-card {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
}
.am-panel-hd {
    background: #f8fafc !important;
    color: #374151 !important;
    border-bottom: 1px solid #e8edf5 !important;
    border-radius: 12px 12px 0 0 !important;
    font-weight: 600 !important;
}


/* ================================================================
   XHAO v6.0 — 字体放大 + 购买页面全面优化
   ================================================================ */

/* ── 全局基础字体放大 ── */
body, html {
    font-size: 16px !important;
}
body {
    line-height: 1.6 !important;
    color: #1a2332 !important;
}

/* ── 首页 list 字体放大 ── */
.xgl-title {
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
}
.xgl-desc {
    font-size: .9rem !important;
    color: #64748b !important;
    margin-top: 4px !important;
}
.xgl-price {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
}
.xgl-unit {
    font-size: .85rem !important;
}
.xgl-btn {
    font-size: .95rem !important;
    padding: 9px 24px !important;
    border-radius: 8px !important;
}
.xgl-img {
    width: 110px !important;
    height: 70px !important;
    margin-right: 20px !important;
}
.xhao-goods-row {
    padding: 16px 24px !important;
}
.xhao-floor-title {
    font-size: 1.25rem !important;
}

/* ── 商品详情页全面优化 ── */

/* 面包屑 */
.xhao-detail-breadcrumb {
    padding: 12px 0 !important;
    font-size: .9rem !important;
}

/* 主区域背景 */
.xhao-detail-wrapper {
    padding: 20px 0 40px !important;
}

/* 左侧图片区 */
.goods-slider-container,
.goods-detail-imgs {
    background: #f8faff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
}
.goods-imgs-main img {
    width: 100% !important;
    object-fit: contain !important;
    background: #f8faff !important;
}
.goods-imgs-thumbs .thumb-item {
    border: 2px solid #e8edf5 !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    transition: border-color .15s !important;
    cursor: pointer !important;
}
.goods-imgs-thumbs .thumb-item.am-active,
.goods-imgs-thumbs .thumb-item:hover {
    border-color: #1677ff !important;
}

/* 商品标题 */
.detail-title,
.system-goods-detail .title {
    font-size: 1.45rem !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
}

/* 价格区块 */
.tb-detail-panel-top-price-content {
    background: #f8faff !important;
    border: 1px solid #dde9ff !important;
    border-radius: 10px !important;
    padding: 16px 20px !important;
    margin: 12px 0 !important;
}
.tb-detail-price-content {
    display: flex !important;
    align-items: baseline !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
.goods-sale-price-value,
.price-now .price {
    font-size: 2rem !important;
    font-weight: 900 !important;
    color: #ef4444 !important;
    line-height: 1 !important;
}
.goods-price .symbol,
.price-now .symbol {
    font-size: 1.1rem !important;
    color: #ef4444 !important;
    font-weight: 700 !important;
}
.goods-original-price-value {
    font-size: 1rem !important;
    color: #b0b8cc !important;
    text-decoration: line-through !important;
}

/* 规格标签 */
.spec-row {
    margin-bottom: 14px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
.spec-key,
.specpara-title {
    font-size: .95rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
    min-width: 60px !important;
    flex-shrink: 0 !important;
    padding-top: 4px !important;
}
.spec-value {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}
.spec-value .spec-item,
.spec-value .am-badge,
.spec-value a,
.spec-value span.item {
    background: #fff !important;
    border: 1.5px solid #dde4f0 !important;
    border-radius: 8px !important;
    color: #374151 !important;
    font-size: .92rem !important;
    padding: 6px 16px !important;
    cursor: pointer !important;
    transition: all .15s !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.spec-value .spec-item.am-active,
.spec-value .spec-item:hover,
.spec-value a.am-active,
.spec-value a:hover {
    border-color: #1677ff !important;
    color: #1677ff !important;
    background: #f0f7ff !important;
}
.gpu-spec-tag {
    background: #f0f7ff !important;
    border: 1px solid #b3d4ff !important;
    color: #1677ff !important;
    border-radius: 20px !important;
    padding: 4px 14px !important;
    font-size: .88rem !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all .15s !important;
}
.gpu-spec-tag:hover {
    background: #1677ff !important;
    color: #fff !important;
}

/* 数量选择器 */
.operate-number-container,
.am-input-group.am-input-group-sm.operate-number-container {
    border: 1.5px solid #dde4f0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
}
.operate-number-dec,
.operate-number-inc {
    background: #f4f6fa !important;
    border: none !important;
    color: #374151 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 6px 14px !important;
    cursor: pointer !important;
    transition: background .15s !important;
    border-radius: 0 !important;
}
.operate-number-dec:hover,
.operate-number-inc:hover {
    background: #dde4f0 !important;
}
.operate-number-input {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
    border: none !important;
    text-align: center !important;
    width: 52px !important;
    padding: 6px 0 !important;
    background: #fff !important;
}

/* 购买按钮区 */
.buy-submit-container {
    margin-top: 20px !important;
    display: flex !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}
/* 立即购买 */
.buy-submit.buy-event,
.am-radius.am-btn.am-btn-primary.buy-submit {
    background: linear-gradient(135deg, #1677ff, #4096ff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    padding: 13px 36px !important;
    box-shadow: 0 4px 14px rgba(22,119,255,.3) !important;
    transition: all .2s !important;
    letter-spacing: .02em !important;
    min-width: 140px !important;
}
.buy-submit.buy-event:hover,
.am-radius.am-btn.am-btn-primary.buy-submit:hover {
    background: linear-gradient(135deg, #4096ff, #1677ff) !important;
    box-shadow: 0 6px 20px rgba(22,119,255,.4) !important;
    transform: translateY(-1px) !important;
}
/* 加入购物车 */
.cart-submit.buy-event,
.am-radius.am-btn.am-btn-secondary.cart-submit {
    background: #fff !important;
    border: 2px solid #1677ff !important;
    color: #1677ff !important;
    border-radius: 10px !important;
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    padding: 12px 32px !important;
    transition: all .2s !important;
    min-width: 140px !important;
}
.cart-submit.buy-event:hover,
.am-radius.am-btn.am-btn-secondary.cart-submit:hover {
    background: #f0f7ff !important;
    box-shadow: 0 4px 12px rgba(22,119,255,.15) !important;
}

/* 底部固定购买栏 (移动端) */
.buy-nav {
    background: #fff !important;
    border-top: 1px solid #e8edf5 !important;
    box-shadow: 0 -4px 16px rgba(0,0,0,.08) !important;
    padding: 10px 16px !important;
}
.buy-nav-opt {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}
.buy-nav .buy-nav-opt .am-btn-primary {
    background: linear-gradient(135deg, #1677ff, #4096ff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding: 11px 28px !important;
    flex: 1 !important;
}
.buy-nav .buy-nav-opt .am-btn-secondary {
    background: #fff !important;
    border: 2px solid #1677ff !important;
    color: #1677ff !important;
    border-radius: 10px !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    padding: 10px 22px !important;
    flex: 1 !important;
}

/* 商品详情 tabs */
.am-tabs-nav li a {
    font-size: .95rem !important;
    font-weight: 600 !important;
    color: #374151 !important;
    padding: 10px 20px !important;
}
.am-tabs-nav li.am-active a {
    color: #1677ff !important;
    border-bottom: 2px solid #1677ff !important;
}

/* 商品参数表 */
.tb-detail-list {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}
.tb-detail-list dt, .tb-detail-hd {
    background: #f8fafc !important;
    color: #374151 !important;
    font-weight: 600 !important;
    font-size: .95rem !important;
    padding: 10px 16px !important;
}
.tb-detail-list dd {
    font-size: .95rem !important;
    color: #374151 !important;
    padding: 8px 16px !important;
    border-top: 1px solid #f0f4f8 !important;
}

/* 商品描述图文 */
.detail-content {
    font-size: 1rem !important;
    line-height: 1.75 !important;
    color: #374151 !important;
}
.detail-content img {
    max-width: 100% !important;
    border-radius: 8px !important;
    height: auto !important;
}

/* ── 购物车页面 ── */
.cart-table th,
.cart-table td {
    font-size: .95rem !important;
    padding: 14px 16px !important;
    vertical-align: middle !important;
}
.cart-table .cart-goods-title a {
    font-size: .95rem !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
}
.cart-table .cart-goods-title a:hover { color: #1677ff !important; }
.cart-table .cart-price,
.cart-table .cart-total {
    font-size: 1rem !important;
    font-weight: 700 !important;
    color: #ef4444 !important;
}
/* 购物车结算栏 */
.cart-settle-bar,
.cart-footer {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    font-size: 1rem !important;
}
.cart-settle-bar .total-price,
.cart-footer .total-price {
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    color: #ef4444 !important;
}
.cart-settle-bar .am-btn-primary,
.cart-footer .am-btn-primary,
a.submit-cart-settle {
    background: linear-gradient(135deg, #1677ff, #4096ff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 1.05rem !important;
    font-weight: 700 !important;
    padding: 13px 36px !important;
    box-shadow: 0 4px 14px rgba(22,119,255,.3) !important;
    transition: all .2s !important;
}

/* ── 结算/下单页面 ── */
.order-form-panel,
.order-address-panel {
    background: #fff !important;
    border: 1px solid #e8edf5 !important;
    border-radius: 12px !important;
    padding: 20px 24px !important;
    margin-bottom: 16px !important;
}
.order-form-panel h3,
.order-address-panel h3,
.order-panel-title {
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #1a2332 !important;
    border-bottom: 1px solid #e8edf5 !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
}
/* 地址选择 */
.addr-title {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: #1a2332 !important;
}
.addr-drop-title,
.addr-list-title {
    font-size: .92rem !important;
    color: #374151 !important;
}
/* 支付方式 */
.payment-item,
.payment-method-item {
    border: 1.5px solid #e8edf5 !important;
    border-radius: 10px !important;
    padding: 12px 18px !important;
    transition: all .15s !important;
    cursor: pointer !important;
    font-size: .95rem !important;
}
.payment-item.am-active,
.payment-method-item.am-active,
.payment-item:hover {
    border-color: #1677ff !important;
    background: #f0f7ff !important;
}
/* 提交订单大按钮 */
.btn-ctn .am-btn-primary,
.order-submit,
.btn-op .am-btn-primary {
    background: linear-gradient(135deg, #1677ff, #4096ff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 10px !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    padding: 14px 48px !important;
    box-shadow: 0 4px 16px rgba(22,119,255,.35) !important;
    transition: all .2s !important;
    letter-spacing: .03em !important;
    min-width: 200px !important;
}
.btn-ctn .am-btn-primary:hover,
.btn-op .am-btn-primary:hover {
    box-shadow: 0 6px 24px rgba(22,119,255,.45) !important;
    transform: translateY(-1px) !important;
}

/* ── 输入框通用 ── */
.am-form input[type="text"],
.am-form input[type="tel"],
.am-form input[type="email"],
.am-form input[type="number"],
.am-form textarea,
.am-form select {
    font-size: .95rem !important;
    padding: 9px 14px !important;
    border: 1.5px solid #dde4f0 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #1a2332 !important;
    transition: border-color .15s, box-shadow .15s !important;
}
.am-form input:focus,
.am-form textarea:focus,
.am-form select:focus {
    border-color: #1677ff !important;
    box-shadow: 0 0 0 3px rgba(22,119,255,.1) !important;
    outline: none !important;
}

/* ── 通用标签/徽章放大 ── */
.am-badge, .am-tag {
    font-size: .82rem !important;
    padding: 3px 10px !important;
}


/* ================================================================
   XHAO v6.2 — TopBar + Purchase Flow Professional Unification
   ================================================================ */

/* ---------- TopBar ---------- */
.am-topbar,
.xhao-top-nav,
.top-nav {
    background: #ffffff !important;
    border-bottom: 1px solid #e5ecf6 !important;
    box-shadow: 0 2px 12px rgba(17,24,39,.05) !important;
}
.am-topbar-brand,
.head-logo {
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: .01em !important;
}
.am-topbar-nav > li > a,
.am-topbar-right-operate a,
.am-topbar-right-icon,
.am-topbar .am-btn {
    font-size: .98rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
}
.am-topbar-nav > li > a:hover,
.am-topbar-right-operate a:hover,
.am-topbar-right-icon:hover {
    color: #1677ff !important;
}
.search-container.search-bar,
.am-nav-search {
    background: #f8fbff !important;
    border: 1.5px solid #dbe7f6 !important;
    border-radius: 999px !important;
}
.search-container.search-bar input,
.am-nav-search input {
    font-size: .96rem !important;
    color: #0f172a !important;
}
.icon-search.submit,
.icon-search-fine {
    color: #1677ff !important;
}

/* ---------- Goods Detail Typography ---------- */
.xhao-detail-wrapper,
.system-goods-detail.xhao-goods-detail-box {
    font-size: 16px !important;
}
.tb-detail-hd,
.detail-title,
.system-goods-detail .title {
    font-size: 1.3rem !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}
.tb-detail-panel-top-price-content {
    background: linear-gradient(180deg,#f8fbff,#f3f8ff) !important;
    border: 1px solid #d8e6ff !important;
    border-radius: 12px !important;
    padding: 18px 22px !important;
}
.goods-sale-price-value,
.price-now .price {
    font-size: 2.2rem !important;
    font-weight: 900 !important;
    color: #e11d48 !important;
}
.goods-original-price-value {
    font-size: 1rem !important;
    color: #94a3b8 !important;
}
.tb-detail-panel-base,
.buy-spec-info-container,
.detail-content {
    font-size: 1rem !important;
    color: #334155 !important;
    line-height: 1.72 !important;
}

/* ---------- Spec + Quantity ---------- */
.spec-row {
    gap: 12px !important;
    margin-bottom: 16px !important;
}
.spec-key,
.specpara-title {
    font-size: .98rem !important;
    font-weight: 700 !important;
    color: #1f2937 !important;
}
.spec-value .spec-item,
.spec-value a,
.spec-value span.item,
.gpu-spec-tag {
    font-size: .94rem !important;
    padding: 7px 15px !important;
    border-radius: 9px !important;
}
.operate-number-container {
    border: 1.5px solid #d8e0ee !important;
    border-radius: 10px !important;
}
.operate-number-dec,
.operate-number-inc {
    font-size: 1.15rem !important;
    padding: 8px 14px !important;
    background: #f4f7fb !important;
}
.operate-number-input {
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    width: 58px !important;
}

/* ---------- Primary CTA ---------- */
.buy-submit.buy-event,
.am-radius.am-btn.am-btn-primary.buy-submit,
.btn-ctn .am-btn-primary,
.order-submit,
.btn-op .am-btn-primary,
.am-btn-primary.checkout-btn,
.btn-checkout,
.order-submit-btn,
[data-type="submit-order"],
a.submit-cart-settle,
.separate-submit {
    background: linear-gradient(135deg,#1677ff,#4b97ff) !important;
    border: none !important;
    color: #fff !important;
    border-radius: 11px !important;
    font-size: 1.08rem !important;
    font-weight: 700 !important;
    padding: 13px 34px !important;
    box-shadow: 0 6px 18px rgba(22,119,255,.28) !important;
    transition: transform .15s, box-shadow .15s !important;
}
.buy-submit.buy-event:hover,
.am-radius.am-btn.am-btn-primary.buy-submit:hover,
.btn-ctn .am-btn-primary:hover,
.btn-op .am-btn-primary:hover,
a.submit-cart-settle:hover,
.separate-submit:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 22px rgba(22,119,255,.36) !important;
}

/* ---------- Secondary CTA ---------- */
.cart-submit.buy-event,
.am-radius.am-btn.am-btn-secondary.cart-submit {
    background: #fff !important;
    border: 2px solid #1677ff !important;
    color: #1677ff !important;
    font-size: 1.04rem !important;
    font-weight: 700 !important;
    border-radius: 11px !important;
    padding: 12px 30px !important;
}

/* ---------- Cart Page ---------- */
.cart-table {
    border: 1px solid #e3ebf7 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(2,32,71,.05) !important;
}
.cart-table th,
.cart-table td,
.cart-content,
.cart-nav {
    font-size: .98rem !important;
}
.cart-table .goods-title,
.cart-table .cart-goods-title a {
    font-size: 1.02rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}
.total-price-content,
.nav-total-price,
.cart-table .cart-total,
.cart-table .line-price {
    font-size: 1.2rem !important;
    font-weight: 800 !important;
    color: #dc2626 !important;
}
.stock-tag .am-input-group-label,
.stock-tag .am-form-field {
    font-size: 1rem !important;
}

/* ---------- Order / Payment ---------- */
.order-content,
.order-form-panel,
.order-address-panel,
.payment-item,
.payment-method-item,
.buy-addr-info-container {
    font-size: .98rem !important;
}
.order-form-panel,
.order-address-panel {
    border: 1px solid #e3ebf7 !important;
    border-radius: 14px !important;
    box-shadow: 0 3px 14px rgba(2,32,71,.04) !important;
}
.addr-title,
.addr-drop-title,
.addr-list-title {
    font-size: 1rem !important;
    color: #334155 !important;
}
.payment-item,
.payment-method-item {
    border: 1.5px solid #dbe6f5 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
}
.payment-item.am-active,
.payment-method-item.am-active,
.payment-item:hover {
    border-color: #1677ff !important;
    background: #eff6ff !important;
}

/* ---------- Mobile ---------- */
@media (max-width: 768px) {
    .am-topbar-nav > li > a,
    .am-topbar-right-operate a,
    .am-topbar-right-icon,
    .am-topbar .am-btn { font-size: .92rem !important; }

    .goods-sale-price-value,
    .price-now .price { font-size: 1.75rem !important; }

    .buy-submit.buy-event,
    .am-radius.am-btn.am-btn-primary.buy-submit,
    .cart-submit.buy-event,
    .am-radius.am-btn.am-btn-secondary.cart-submit { font-size: .98rem !important; padding: 11px 20px !important; }
}


/* ================================================================
   XHAO v6.3 — TopBar Icon Pill Buttons (Login/Cart/User)
   ================================================================ */

/* 右侧操作区间距统一 */
.am-topbar-right-operate {
    gap: 10px !important;
}
.am-topbar-right,
.am-topbar-right.margin-left-xxxl,
.am-topbar-right.margin-left-xxxl.am-margin-right-0 {
    margin-left: 0 !important;
}

/* 图标入口统一胶囊按钮 */
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon {
    position: relative !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    border: 1.5px solid #d8e5f6 !important;
    background: linear-gradient(180deg,#ffffff,#f7faff) !important;
    color: #334155 !important;
    box-shadow: 0 2px 8px rgba(15,23,42,.06) !important;
    transition: all .18s ease !important;
    text-decoration: none !important;
}

/* icon字号与居中 */
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon > i.iconfont {
    font-size: 1.05rem !important;
    line-height: 1 !important;
}

/* Hover/Active：品牌蓝 */
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon:hover,
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon:focus,
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon:active {
    color: #1677ff !important;
    border-color: #b8d2ff !important;
    background: linear-gradient(180deg,#f7fbff,#eef6ff) !important;
    box-shadow: 0 6px 16px rgba(22,119,255,.20) !important;
    transform: translateY(-1px) !important;
}

/* 购物车角标定位到胶囊右上角 */
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon .am-cart-badge,
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon .common-cart-total {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    border: 2px solid #fff !important;
    background: #ef4444 !important;
    color: #fff !important;
    font-size: .68rem !important;
    line-height: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(239,68,68,.35) !important;
}

/* 搜索入口做同款胶囊但用轻蓝底提升识别 */
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon:has(.icon-search-fine),
.am-topbar-right .am-topbar-btn > a.am-topbar-right-icon .icon-search-fine {
    color: #1677ff !important;
}

/* fallback：不支持 :has 的环境也统一 */
#doc-dropdown-justify .am-topbar-btn > a.am-topbar-right-icon {
    background: linear-gradient(180deg,#f8fbff,#eef6ff) !important;
}

/* 小屏降噪：略缩尺寸，保留胶囊风格 */
@media (max-width: 768px) {
    .am-topbar-right-operate {
        gap: 8px !important;
    }
    .am-topbar-right .am-topbar-btn > a.am-topbar-right-icon {
        width: 38px !important;
        height: 38px !important;
    }
    .am-topbar-right .am-topbar-btn > a.am-topbar-right-icon > i.iconfont {
        font-size: .98rem !important;
    }
}


/* ================================================================
   XHAO v6.4 — TopBar Nav Text Pill Tabs
   ================================================================ */

/* 导航容器：与图标区保持呼吸感 */
.am-nav.am-nav-pills.am-topbar-nav {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 0 0 18px !important;
}

/* 文字导航：轻胶囊tab */
.am-nav.am-nav-pills.am-topbar-nav > li {
    margin: 0 !important;
}
.am-nav.am-nav-pills.am-topbar-nav > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 40px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 1.5px solid #d8e5f6 !important;
    background: linear-gradient(180deg,#ffffff,#f7faff) !important;
    color: #334155 !important;
    font-size: .98rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    box-shadow: 0 2px 8px rgba(15,23,42,.05) !important;
    transition: all .18s ease !important;
}

/* hover / active 与图标胶囊一致 */
.am-nav.am-nav-pills.am-topbar-nav > li > a:hover,
.am-nav.am-nav-pills.am-topbar-nav > li > a:focus,
.am-nav.am-nav-pills.am-topbar-nav > li > a:active,
.am-nav.am-nav-pills.am-topbar-nav > li.am-active > a,
.am-nav.am-nav-pills.am-topbar-nav > li > a.am-active {
    color: #1677ff !important;
    border-color: #b8d2ff !important;
    background: linear-gradient(180deg,#f7fbff,#eef6ff) !important;
    box-shadow: 0 6px 16px rgba(22,119,255,.20) !important;
    transform: translateY(-1px) !important;
}

/* 小屏保留胶囊语义并降噪 */
@media (max-width: 768px) {
    .am-nav.am-nav-pills.am-topbar-nav {
        gap: 8px !important;
        margin: 10px 0 0 !important;
    }
    .am-nav.am-nav-pills.am-topbar-nav > li > a {
        height: 34px !important;
        padding: 0 12px !important;
        font-size: .9rem !important;
        font-weight: 600 !important;
    }
}