/* ============================================================
   Apple Theme 兼容层
   覆盖 default 主题的旧 CSS 类，使其在 apple layout 下风格统一
   适用于：购物车、结账、支付、会员中心等使用 default 模板的页面
   ============================================================ */

/* === 重定义旧主题变量为 Apple 风格 === */
:root {
  --primary: #1d1d1f !important;
  --primary-light: #333 !important;
  --primary-dark: #000 !important;
  --secondary: #0071e3 !important;
  --accent: #1d1d1f !important;
  --bg-light: #f5f5f7 !important;
  --bg-warm: #fafafa !important;
  --text-dark: #1d1d1f !important;
  --text-muted: #86868b !important;
  --border-color: #d2d2d7 !important;
  --border-light: #e5e5ea !important;
  --shadow-card: 0 1px 4px rgba(0,0,0,0.04) !important;
  --radius-card: 16px !important;
  --radius-sm: 12px !important;
}

/* === 全局覆盖 === */
.container { max-width: 1080px; }

/* === 按钮 === */
.btn-primary-custom,
.btn-primary-custom:hover {
  background: var(--apple-dark) !important;
  border: none !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  color: #fff !important;
}
.btn-outline-warm,
.btn-outline-warm:hover {
  color: var(--apple-dark) !important;
  border-color: var(--apple-dark) !important;
  border-radius: 12px !important;
}
.btn-outline-warm:hover {
  background: var(--apple-dark) !important;
  color: #fff !important;
}

/* === 商品卡片（default 模板中的） === */
.product-card {
  border: none !important;
  border-radius: 16px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.product-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.10) !important;
}
.product-card .card-img-top {
  border-radius: 16px 16px 0 0 !important;
}
.product-title { font-weight: 500 !important; }
.product-price, .price-tag {
  color: var(--apple-dark) !important;
  font-weight: 700 !important;
}

/* === 购物车页面 === */
.cart-page { background: #fafafa; font-size: 0.88rem; }
.cart-page h3 { font-size: 1.2rem !important; }
.cart-page .fw-bold { font-size: 0.88rem; }
.cart-page .price-tag { font-size: 0.9rem !important; }
.cart-page .badge { font-size: 0.68rem !important; }
.cart-page .form-label, .cart-page label { font-size: 0.82rem !important; }
.cart-page .text-muted, .cart-page small { font-size: 0.78rem !important; }
.cart-blogger-wrap { margin-bottom: 16px; }
.cart-blogger-section {
  border-left: none !important;
  border: 1px solid #d2d2d7 !important;
  border-radius: 16px !important;
  background: #fff !important;
  margin-bottom: 0 !important;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
}
.cart-blogger-section [style*="border-bottom"] { border-bottom-color: #e5e5ea !important; }
.cart-item {
  border-bottom-color: rgba(0,0,0,0.04) !important;
  padding: 14px 16px !important;
  background: #fff !important;
}
.cart-item img {
  border-radius: 12px !important;
  border: 1px solid #e5e5ea !important;
}
.cart-empty-icon i {
  color: #86868b !important;
  font-size: 3rem !important;
}
/* 购物车标题 */
.cart-page h3 { font-weight: 700 !important; letter-spacing: -0.02em; color: #1d1d1f !important; }
/* 价格颜色覆盖 */
.cart-page .price-tag,
.cart-page .text-danger { color: #1d1d1f !important; }
/* 优惠券按钮 */
.cart-page .btn-outline-coupon,
.cart-page [onclick*="openCouponModal"] {
  border-radius: 10px !important;
  border-color: #d2d2d7 !important;
  color: #1d1d1f !important;
}
/* 购物车摘要区 */
.cart-summary-card,
.cart-page .card.shadow-sm {
  border: none !important;
  border-radius: 16px !important;
  background: #f5f5f7 !important;
  box-shadow: none !important;
}
.cart-page .card-header { background: transparent !important; border-bottom: 1px solid #e5e5ea !important; }

/* 数量控制 */
.qty-control {
  border-radius: 10px !important;
  overflow: hidden;
  border: 1.5px solid var(--apple-border) !important;
  display: inline-flex !important;
}
.qty-control button {
  border: none !important;
  background: #fff !important;
  width: 34px !important; height: 34px !important;
  font-weight: 600 !important;
}
.qty-control button:hover { background: var(--apple-light-gray) !important; }
.qty-control input {
  border: none !important;
  border-left: 1px solid var(--apple-border) !important;
  border-right: 1px solid var(--apple-border) !important;
  width: 44px !important; height: 34px !important;
  font-weight: 600 !important;
}

/* 购物车摘要 */
.cart-summary-card {
  border: none !important;
  border-radius: 16px !important;
  background: var(--apple-light-gray) !important;
  box-shadow: none !important;
}

/* === 结账步骤条 === */
.checkout-step .step {
  border-radius: 980px !important;
  font-weight: 500 !important;
  background: #e5e5ea !important;
  color: #86868b !important;
}
.checkout-step .step.active {
  background: #1d1d1f !important;
  color: #fff !important;
}
.checkout-step .step.done {
  background: #34c759 !important;
  color: #fff !important;
}
.checkout-step .step-num {
  background: rgba(0,0,0,0.08) !important;
}
.checkout-step .step.active .step-num {
  background: rgba(255,255,255,0.25) !important;
}

/* === 结账/确认页面 === */
.checkout-summary, [class*="order-summary"], [class*="checkout"] .card {
  border-radius: 16px !important;
  border-color: #d2d2d7 !important;
}
[class*="checkout"] .card-header,
[class*="confirm"] .card-header {
  background: #f5f5f7 !important;
  border-bottom: 1px solid #e5e5ea !important;
  border-radius: 16px 16px 0 0 !important;
}

/* 结账按钮 */
[class*="checkout"] .btn-primary-custom,
[class*="confirm"] .btn-primary-custom,
.btn-checkout {
  background: #1d1d1f !important;
  border: none !important;
  border-radius: 14px !important;
  font-weight: 600 !important;
  padding: 14px 28px !important;
  font-size: 0.95rem !important;
}

/* 地址选择 */
.address-option, [class*="address"] .card,
[onclick*="selectAddress"], .form-check-label.card {
  border-radius: 14px !important;
  border: 1.5px solid #d2d2d7 !important;
  transition: all 0.2s !important;
  cursor: pointer;
}
.address-option:hover, [class*="address"] .card:hover { border-color: #1d1d1f !important; }
.address-option.selected, .address-option.active,
input[type="radio"]:checked + label, input[type="radio"]:checked ~ .card {
  border-color: #1d1d1f !important;
  background: rgba(29,29,31,0.02) !important;
}

/* 订单摘要卡 */
.order-card, .blogger-order-card {
  border: 1px solid #d2d2d7 !important;
  border-radius: 16px !important;
  overflow: hidden;
  background: #fff !important;
}

/* 支付方式选择 */
.payment-method-card, [class*="payment"] .card {
  border-radius: 14px !important;
  border: 1.5px solid #d2d2d7 !important;
}
.payment-method-card.selected, .payment-method-card:hover {
  border-color: #1d1d1f !important;
}

/* 背景色统一 */
[style*="background:var(--bg-light)"],
[style*="background: var(--bg-light)"],
[style*="background:#FFFDF8"],
[style*="background: #FFFDF8"] {
  background: #f5f5f7 !important;
}

/* === 选项按钮（default 模板） === */
.option-btn {
  border-radius: 12px !important;
  border: 2px solid var(--apple-border) !important;
  font-weight: 500 !important;
  transition: all 0.2s !important;
}
.option-btn:hover { border-color: var(--apple-dark) !important; }
.option-btn.selected {
  border-color: var(--apple-dark) !important;
  background: var(--apple-dark) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

/* === 商品图库（default 模板） === */
.product-gallery .main-image {
  border-radius: 20px !important;
}
.product-gallery .thumb-item {
  border-radius: 10px !important;
}
.product-gallery .thumb-item.active {
  border-color: var(--apple-dark) !important;
}

/* === 卡片通用 === */
.card {
  border-radius: 14px !important;
  border-color: var(--apple-border) !important;
}
.card-header {
  border-radius: 14px 14px 0 0 !important;
  background: #fff !important;
}

/* === 表单输入框 === */
.form-control, .form-select {
  border-radius: 10px !important;
  border-color: var(--apple-border) !important;
  font-family: var(--apple-font) !important;
}
.form-control:focus, .form-select:focus {
  border-color: var(--apple-dark) !important;
  box-shadow: 0 0 0 3px rgba(29,29,31,0.08) !important;
}

/* === Badge === */
.badge { border-radius: 8px !important; font-weight: 600 !important; }

/* === 分页 === */
.pagination .page-link {
  border-radius: 50% !important;
  border: none !important;
  color: var(--apple-dark) !important;
  width: 36px; height: 36px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 2px;
}
.pagination .page-item.active .page-link {
  background: var(--apple-dark) !important;
  color: #fff !important;
}

/* === Alert === */
.alert {
  border-radius: 12px !important;
  border: none !important;
}

/* === PWP 促销卡片 === */
.pwp-promo-card {
  border-radius: 14px !important;
  border-left: none !important;
  background: var(--apple-light-gray) !important;
  box-shadow: none !important;
}

/* === 商品描述区域 === */
.product-desc-card {
  border-radius: 16px !important;
  box-shadow: none !important;
  border: 1px solid var(--apple-border) !important;
}
.product-desc-card .nav-tabs {
  background: var(--apple-light-gray) !important;
  border-bottom: 1px solid var(--apple-border) !important;
}
.product-desc-card .nav-tabs .nav-link.active {
  color: var(--apple-dark) !important;
  border-bottom-color: var(--apple-dark) !important;
}

/* === 地址卡片 === */
.address-card, .shipping-address-card {
  border-radius: 14px !important;
  border: 1.5px solid var(--apple-border) !important;
  transition: all 0.2s !important;
}
.address-card:hover, .shipping-address-card:hover { border-color: var(--apple-dark) !important; }
.address-card.selected, .shipping-address-card.selected,
.address-card input[type="radio"]:checked + label,
.address-card.border-primary {
  border-color: var(--apple-dark) !important;
  background: rgba(29,29,31,0.02) !important;
}

/* === 会员中心侧栏 === */
.member-sidebar .nav-link {
  border-radius: 10px !important;
  color: var(--apple-dark) !important;
  font-weight: 500 !important;
  transition: all 0.15s !important;
}
.member-sidebar .nav-link:hover {
  background: var(--apple-light-gray) !important;
}
.member-sidebar .nav-link.active {
  background: var(--apple-dark) !important;
  color: #fff !important;
}

/* === 优惠券 Modal === */
.coupon-card, .coupon-list .card {
  border-radius: 14px !important;
}

/* === Toast 通知 === */
.toast {
  border-radius: 12px !important;
  border: none !important;
}

/* === 搜索框（default 模板） === */
.search-box-wrap {
  border-radius: 14px !important;
  border-color: var(--apple-border) !important;
}

/* === 导航栏下方间距 === */
.container.py-4:first-child,
.cart-page .container.py-4 { padding-top: 1.5rem !important; }

/* === sticky 侧栏层级低于导航栏，避免遮挡迷你购物车 === */
.sticky-top { z-index: 990 !important; }

/* === Modal Apple 风格美化 === */
.modal { z-index: 1070 !important; }
.modal-backdrop { z-index: 1065 !important; background: rgba(0,0,0,0.4) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
.modal-content {
  border: none !important; border-radius: 20px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.2) !important;
  overflow: hidden;
}
.modal-header {
  background: #f5f5f7 !important; border-bottom: 1px solid #e5e5ea !important;
  padding: 16px 20px !important;
}
.modal-title {
  font-size: 0.95rem !important; font-weight: 700 !important;
  color: #1d1d1f !important; letter-spacing: -0.01em;
}
.modal-body { padding: 20px !important; }
.modal-body .form-label {
  font-size: 0.82rem !important; font-weight: 600 !important;
  color: #1d1d1f !important; margin-bottom: 4px !important;
}
.modal-body .form-control, .modal-body .form-select {
  border-radius: 10px !important; border: 1.5px solid #d2d2d7 !important;
  font-size: 0.86rem !important; padding: 9px 12px !important;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.modal-body .form-control:focus, .modal-body .form-select:focus {
  border-color: #1d1d1f !important;
  box-shadow: 0 0 0 3px rgba(29,29,31,0.08) !important;
}
.modal-body .form-check-input {
  border-radius: 6px !important; border: 1.5px solid #d2d2d7 !important;
  width: 18px; height: 18px;
}
.modal-body .form-check-input:checked {
  background-color: #1d1d1f !important; border-color: #1d1d1f !important;
}
.modal-body .form-check-label {
  font-size: 0.86rem !important; font-weight: 500; color: #1d1d1f; margin-left: 4px;
}
.modal-body .mb-3 { margin-bottom: 14px !important; }
.modal-body .text-danger { color: #ff3b30 !important; }
.modal-footer {
  background: #f5f5f7 !important; border-top: 1px solid #e5e5ea !important;
  padding: 12px 20px !important; gap: 8px;
}
.modal-footer .btn-secondary {
  background: transparent !important; border: 1.5px solid #d2d2d7 !important;
  color: #86868b !important; border-radius: 10px !important;
  font-weight: 600 !important; font-size: 0.85rem !important;
  padding: 8px 20px !important;
}
.modal-footer .btn-secondary:hover {
  border-color: #1d1d1f !important; color: #1d1d1f !important;
}
.modal-footer .btn-primary {
  background: #1d1d1f !important; border: none !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.85rem !important; padding: 8px 20px !important;
  color: #fff !important;
}
.modal-footer .btn-primary:hover { background: #000 !important; }

/* === 内联色彩强制覆盖 === */
/* 把所有暖色系的内联样式覆盖掉 */
[style*="color:#d94a40"], [style*="color: #d94a40"],
[style*="color:var(--primary)"], [style*="color: var(--primary)"],
[style*="color:var(--accent)"], [style*="color: var(--accent)"],
[style*="color:var(--text-dark)"], [style*="color: var(--text-dark)"] {
  color: #1d1d1f !important;
}
[style*="background:var(--primary)"], [style*="background: var(--primary)"],
[style*="background:#FF685E"], [style*="background: #FF685E"] {
  background: #1d1d1f !important;
}
[style*="border-left:4px solid"], [style*="border-left: 4px solid"] {
  border-left: none !important;
}
[style*="border-color:var(--secondary)"], [style*="border-left:4px solid var(--secondary)"] {
  border-color: #d2d2d7 !important;
  border-left: none !important;
}

/* 链接色覆盖 */
a[style*="color:var(--primary)"], a[style*="color: var(--primary)"] {
  color: #0071e3 !important;
}

/* ============================================================
   会员中心 Apple 风格覆盖
   紧凑布局 + 按钮美化 + 卡片统一
   ============================================================ */

/* --- 全局卡片 --- */
.am-content-col .card {
  border: 1px solid #e5e5ea !important;
  border-radius: 14px !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
  overflow: hidden;
}
.am-content-col .card-header {
  background: #f5f5f7 !important;
  border-bottom: 1px solid #e5e5ea !important;
  padding: 12px 16px !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
}
.am-content-col .card-body { padding: 14px 16px !important; }
.am-content-col .card-footer { background: #f5f5f7 !important; border-top: 1px solid #e5e5ea !important; padding: 10px 16px !important; }

/* --- 标题 --- */
.am-content-col h3, .am-content-col h4, .am-content-col h5 {
  font-weight: 700 !important; letter-spacing: -0.02em; color: #1d1d1f !important;
}
.am-content-col h3 { font-size: 1.15rem !important; }
.am-content-col h5 { font-size: 0.95rem !important; }

/* --- 按钮统一美化 --- */
.am-content-col .btn-primary,
.am-content-col .btn-primary:hover {
  background: #1d1d1f !important; border-color: #1d1d1f !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
  color: #fff !important;
}
.am-content-col .btn-primary:hover { background: #000 !important; }

.am-content-col .btn-outline-primary {
  border-color: #1d1d1f !important; color: #1d1d1f !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
}
.am-content-col .btn-outline-primary:hover {
  background: #1d1d1f !important; color: #fff !important;
}

.am-content-col .btn-outline-secondary {
  border-color: #d2d2d7 !important; color: #86868b !important;
  border-radius: 10px !important; font-weight: 500 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
}
.am-content-col .btn-outline-secondary:hover {
  border-color: #1d1d1f !important; color: #1d1d1f !important; background: transparent !important;
}

.am-content-col .btn-outline-success {
  border-color: #34c759 !important; color: #34c759 !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
}
.am-content-col .btn-outline-success:hover { background: #34c759 !important; color: #fff !important; }

.am-content-col .btn-outline-danger {
  border-color: #ff3b30 !important; color: #ff3b30 !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
}
.am-content-col .btn-outline-danger:hover { background: #ff3b30 !important; color: #fff !important; }

.am-content-col .btn-outline-warning {
  border-color: #ff9500 !important; color: #ff9500 !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
}

.am-content-col .btn-outline-info {
  border-color: #0071e3 !important; color: #0071e3 !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
}

.am-content-col .btn-success {
  background: #34c759 !important; border-color: #34c759 !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
}

.am-content-col .btn-warning {
  background: #ff9500 !important; border-color: #ff9500 !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
  color: #fff !important;
}

.am-content-col .btn-info {
  background: #0071e3 !important; border-color: #0071e3 !important;
  border-radius: 10px !important; font-weight: 600 !important;
  font-size: 0.82rem !important; padding: 6px 16px !important;
  color: #fff !important;
}

.am-content-col .btn-sm {
  padding: 5px 12px !important; font-size: 0.78rem !important;
  border-radius: 8px !important;
}

.am-content-col .btn-group-sm .btn {
  padding: 5px 10px !important; font-size: 0.76rem !important;
  border-radius: 8px !important;
}

/* --- Badge 美化 --- */
.am-content-col .badge {
  border-radius: 980px !important; font-weight: 600 !important;
  font-size: 0.7rem !important; padding: 3px 10px !important;
  letter-spacing: 0.02em;
}
.am-content-col .badge.bg-primary { background: #1d1d1f !important; }
.am-content-col .badge.bg-success { background: #34c759 !important; }
.am-content-col .badge.bg-warning { background: #ff9500 !important; color: #fff !important; }
.am-content-col .badge.bg-info { background: #0071e3 !important; }
.am-content-col .badge.bg-danger { background: #ff3b30 !important; }
.am-content-col .badge.bg-secondary { background: #86868b !important; }
.am-content-col .badge.bg-light { background: #f5f5f7 !important; color: #1d1d1f !important; border: 1px solid #e5e5ea !important; }
.am-content-col .badge.fs-6 { font-size: 0.78rem !important; padding: 4px 12px !important; }

/* --- 表格紧凑 --- */
.am-content-col .table { font-size: 0.84rem !important; margin-bottom: 0 !important; }
.am-content-col .table th {
  background: #f5f5f7 !important; color: #86868b !important;
  font-weight: 600 !important; font-size: 0.76rem !important;
  text-transform: uppercase; letter-spacing: 0.04em;
  padding: 8px 12px !important; border-bottom: 1px solid #e5e5ea !important;
}
.am-content-col .table td {
  padding: 10px 12px !important;
  border-bottom: 1px solid #f5f5f7 !important;
  vertical-align: middle !important;
}
.am-content-col .table-light th { background: #f5f5f7 !important; }

/* --- 统计卡片紧凑 --- */
.am-content-col .card .p-3 { padding: 12px !important; }
.am-content-col .card .py-4 { padding-top: 14px !important; padding-bottom: 14px !important; }
.am-content-col .card .p-4 { padding: 14px !important; }
.am-content-col .card .h3 { font-size: 1.3rem !important; }

/* --- 统计数字颜色覆盖 --- */
.am-content-col .text-primary { color: #0071e3 !important; }
.am-content-col .text-success { color: #34c759 !important; }
.am-content-col .text-warning { color: #ff9500 !important; }
.am-content-col .text-danger { color: #ff3b30 !important; }
.am-content-col .text-info { color: #0071e3 !important; }
.am-content-col .text-muted { color: #86868b !important; }

/* --- Alert 美化 --- */
.am-content-col .alert {
  border-radius: 12px !important; border: none !important;
  font-size: 0.85rem !important; padding: 12px 16px !important;
}
.am-content-col .alert-info { background: #f0f7ff !important; color: #0071e3 !important; }
.am-content-col .alert-success { background: rgba(52,199,89,0.08) !important; color: #34c759 !important; }
.am-content-col .alert-danger { background: rgba(255,59,48,0.08) !important; color: #ff3b30 !important; }
.am-content-col .alert-warning { background: rgba(255,149,0,0.08) !important; color: #ff9500 !important; }

/* --- 表单紧凑 --- */
.am-content-col .form-control, .am-content-col .form-select {
  border-radius: 10px !important; border: 1.5px solid #d2d2d7 !important;
  font-size: 0.86rem !important; padding: 8px 12px !important;
}
.am-content-col .form-control:focus, .am-content-col .form-select:focus {
  border-color: #1d1d1f !important; box-shadow: 0 0 0 3px rgba(29,29,31,0.08) !important;
}
.am-content-col .form-label {
  font-size: 0.82rem !important; font-weight: 600 !important; color: #1d1d1f !important;
  margin-bottom: 4px !important;
}
.am-content-col .input-group .form-control { border-radius: 10px 0 0 10px !important; }
.am-content-col .input-group .btn { border-radius: 0 10px 10px 0 !important; }

/* --- 分页美化 --- */
.am-content-col .pagination .page-link {
  border-radius: 50% !important; border: none !important;
  color: #1d1d1f !important; width: 34px; height: 34px;
  display: flex; align-items: center; justify-content: center;
  margin: 0 2px; font-size: 0.82rem !important; font-weight: 600;
}
.am-content-col .pagination .page-item.active .page-link {
  background: #1d1d1f !important; color: #fff !important;
}
.am-content-col .pagination .page-item.disabled .page-link { color: #d2d2d7 !important; }

/* --- 时间线（订单详情） --- */
.am-content-col .timeline-marker {
  border-radius: 50% !important;
}

/* --- 优惠券卡片左侧条纹 --- */
.am-content-col .border-start.border-4 {
  border-color: #1d1d1f !important; border-width: 3px !important;
  border-radius: 14px !important;
}
.am-content-col .border-start.border-4.border-primary { border-color: #1d1d1f !important; }
.am-content-col .border-start.border-4.border-success { border-color: #34c759 !important; }
.am-content-col .border-start.border-4.border-secondary { border-color: #86868b !important; }

/* --- 地址卡片 --- */
.am-content-col .border-primary { border-color: #1d1d1f !important; }
.am-content-col .border-secondary { border-color: #d2d2d7 !important; }

/* --- shadow 统一减弱 --- */
.am-content-col .shadow-sm { box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important; }

/* --- 间距紧凑 --- */
.am-content-col .mb-4 { margin-bottom: 12px !important; }
.am-content-col .mb-3 { margin-bottom: 10px !important; }
.am-content-col .card + .card { margin-top: 12px; }
.am-content-col .row.g-3 { --bs-gutter-y: 10px; --bs-gutter-x: 10px; }

/* --- 社交账号页面图标 --- */
.am-content-col [style*="font-size:1.8rem"] { font-size: 1.4rem !important; }

/* === 手机端优化 === */
@media (max-width: 767.98px) {
  .card { border-radius: 12px !important; }
  .cart-blogger-section { border-radius: 12px !important; }
  .checkout-step { gap: 0.5rem !important; }
  .checkout-step .step { font-size: 0.78rem !important; padding: 0.4rem 0.8rem !important; }
  .btn-primary-custom { width: 100% !important; }

  /* ============ 会员中心手机端全面紧凑美化 ============ */

  /* 容器间距 */
  .am-wrap { padding: 0 12px !important; }
  .am-wrap .row.g-3 { --bs-gutter-x: 0; --bs-gutter-y: 0; }
  .am-content-col { padding-left: 0 !important; padding-right: 0 !important; }

  /* 标题紧凑 */
  .am-content-col h3 { font-size: 1rem !important; }
  .am-content-col h4 { font-size: 0.95rem !important; }
  .am-content-col h5 { font-size: 0.88rem !important; }
  .am-content-col h6 { font-size: 0.84rem !important; }
  .am-content-col .mb-4 { margin-bottom: 10px !important; }
  .am-content-col .mb-3 { margin-bottom: 8px !important; }

  /* 卡片紧凑 */
  .am-content-col .card {
    border-radius: 12px !important;
    border: 1px solid #e5e5ea !important;
    margin-bottom: 10px !important;
  }
  .am-content-col .card-header {
    padding: 10px 14px !important;
    font-size: 0.84rem !important;
  }
  .am-content-col .card-body { padding: 12px 14px !important; }
  .am-content-col .card-footer { padding: 8px 14px !important; }

  /* 统计卡片网格 — 2列紧凑 */
  .am-content-col .col-md-3,
  .am-content-col .col-md-4,
  .am-content-col .col-sm-6 { padding: 4px !important; }
  .am-content-col .card .p-3 { padding: 10px !important; }
  .am-content-col .card .py-4 { padding-top: 10px !important; padding-bottom: 10px !important; }
  .am-content-col .card .h3 { font-size: 1.1rem !important; }
  .am-content-col .card .text-muted.small,
  .am-content-col .card small { font-size: 0.72rem !important; }
  .am-content-col .card [style*="font-size:1.5rem"] { font-size: 1.2rem !important; }
  .am-content-col .card [style*="font-size:2rem"] { font-size: 1.4rem !important; }

  /* 表格紧凑 */
  .am-content-col .table { font-size: 0.76rem !important; }
  .am-content-col .table th {
    padding: 6px 8px !important; font-size: 0.68rem !important;
    white-space: nowrap;
  }
  .am-content-col .table td { padding: 8px !important; }
  .am-content-col .table-responsive { margin: 0 -14px; padding: 0 14px; }

  /* 按钮紧凑 */
  .am-content-col .btn { font-size: 0.78rem !important; padding: 6px 12px !important; }
  .am-content-col .btn-sm { padding: 4px 10px !important; font-size: 0.74rem !important; }
  .am-content-col .btn-group-sm .btn {
    padding: 5px 8px !important; font-size: 0.72rem !important;
    border-radius: 8px !important;
  }
  /* 按钮组不要贴边 */
  .am-content-col .btn-group.w-100 { gap: 4px; }
  .am-content-col .btn-group.w-100 .btn { flex: 1; border-radius: 8px !important; }

  /* Badge 紧凑 */
  .am-content-col .badge { font-size: 0.65rem !important; padding: 2px 8px !important; }
  .am-content-col .badge.fs-6 { font-size: 0.72rem !important; }

  /* 表单紧凑 */
  .am-content-col .form-control,
  .am-content-col .form-select {
    font-size: 0.84rem !important; padding: 8px 10px !important;
  }
  .am-content-col .form-label { font-size: 0.78rem !important; margin-bottom: 2px !important; }
  .am-content-col .form-check-label { font-size: 0.82rem !important; }

  /* Alert 紧凑 */
  .am-content-col .alert { font-size: 0.8rem !important; padding: 10px 12px !important; }

  /* 地址卡片紧凑 */
  .am-content-col .col-md-6 { margin-bottom: 8px; }
  .am-content-col .card h6 { font-size: 0.86rem !important; }
  .am-content-col .card .small, .am-content-col .card p.small { font-size: 0.78rem !important; }

  /* 分页紧凑 */
  .am-content-col .pagination .page-link {
    width: 30px; height: 30px; font-size: 0.76rem !important;
  }

  /* 社交账号 */
  .am-content-col [style*="font-size:1.8rem"] { font-size: 1.2rem !important; }
  .am-content-col .py-3 { padding-top: 10px !important; padding-bottom: 10px !important; }

  /* 时间线紧凑 */
  .am-content-col .timeline-item { padding-left: 40px !important; padding-bottom: 14px !important; }
  .am-content-col .timeline-marker { width: 20px !important; height: 20px !important; }
  .am-content-col .timeline-marker i { font-size: 0.6rem !important; }

  /* 推荐码 input */
  .am-content-col .input-group .form-control { font-size: 0.8rem !important; }
  .am-content-col .input-group .btn { font-size: 0.76rem !important; padding: 6px 10px !important; }

  /* 优惠券卡片紧凑 */
  .am-content-col .border-start.border-4 { border-width: 3px !important; border-radius: 12px !important; }
  .am-content-col .coupon-code, .am-content-col .h6 { font-size: 0.86rem !important; }

  /* 订单卡片手机端 — 订单号+金额一行 */
  .am-content-col .card-header .d-flex { gap: 4px; }
  .am-content-col .card-header .fw-bold { font-size: 0.82rem !important; }
  .am-content-col .text-sm-end { text-align: left !important; margin-top: 6px; }

  /* 空状态图标缩小 */
  .am-content-col [style*="font-size:3rem"] { font-size: 2rem !important; }

  /* Modal 手机端全屏化 */
  .modal-dialog { margin: 8px !important; max-width: calc(100% - 16px) !important; }
  .modal-content { border-radius: 16px !important; }
  .modal-header { padding: 12px 16px !important; }
  .modal-body { padding: 14px 16px !important; }
  .modal-body .mb-3 { margin-bottom: 10px !important; }
  .modal-footer { padding: 10px 16px !important; }
  .modal-footer .btn { flex: 1; }
}