/* ========== 全局 ========== */
body {
 font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
 background: #0f0f1a !important;
 color: #e2e8f0 !important;
 -webkit-font-smoothing: antialiased;
}
a { color: #93c5fd !important; text-decoration: none !important; }
a:hover { color: #60a5fa !important; }
h1, h2, h3, h4, h5, h6 { color: #e2e8f0 !important; font-weight: 600 !important; }
hr { border-color: #2a2a3e !important; }
img { max-width: 100%; }

/* ========== 容器 & 网格 ========== */
.container { background: transparent !important; }
.row { margin-left: -8px !important; margin-right: -8px !important; }
[class*="col-"] { padding-left: 8px !important; padding-right: 8px !important; }
@media (min-width: 1200px) { .container { width: 1300px !important; } }

/* ========== 导航栏 ========== */
.navbar { background: #1a1a2e !important; border: none !important; border-bottom: 1px solid #2a2a3e !important; border-radius: 0 !important; margin-bottom: 0 !important; box-shadow: 0 2px 16px rgba(0,0,0,0.3) !important; }
.navbar .navbar-brand { color: #e2e8f0 !important; font-weight: 700 !important; padding: 17px 15px !important; height: auto !important; }
.navbar .navbar-nav > li > a { color: #94a3b8 !important; padding: 18px 16px !important; transition: color 0.2s !important; }
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus { color: #e2e8f0 !important; background: transparent !important; }
.navbar .navbar-nav > .active > a { color: #93c5fd !important; background: transparent !important; }
.navbar-toggle { border: 1px solid #2a2a3e !important; border-radius: 8px !important; }
.navbar-toggle .icon-bar { background: #94a3b8 !important; }
.navbar-collapse { border-color: #2a2a3e !important; }

/* ========== 下拉菜单 ========== */
.dropdown-menu { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 12px !important; box-shadow: 0 12px 40px rgba(0,0,0,0.5) !important; padding: 8px !important; }
.dropdown-menu > li > a { color: #e2e8f0 !important; padding: 10px 16px !important; border-radius: 8px !important; }
.dropdown-menu > li > a:hover { background: #252540 !important; color: #93c5fd !important; }

/* ========== 面板 ========== */
.panel, .panel-default { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 12px !important; box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important; }
.panel-body { background: transparent !important; padding: 20px !important; }
.panel-heading { background: transparent !important; border-bottom: 1px solid #2a2a3e !important; padding: 16px 20px !important; border-radius: 12px 12px 0 0 !important; }
.panel-heading h4 { color: #e2e8f0 !important; font-weight: 600 !important; font-size: 16px !important; }
.panel-footer { background: transparent !important; border-top: 1px solid #2a2a3e !important; padding: 14px 20px !important; }

/* ========== 阴影卡片 ========== */
.shadow, .table-goods {
 background: #1a1a2e !important;
 border: 1px solid #2a2a3e !important;
 border-radius: 12px !important;
 box-shadow: 0 2px 8px rgba(0,0,0,0.2) !important;
 transition: all 0.3s ease !important;
}
.shadow:hover, .table-goods:hover {
 border-color: #3b82f6 !important;
 box-shadow: 0 4px 20px rgba(59,130,246,0.12) !important;
}
.panel.shadow { padding: 0 !important; }

/* ========== 商品卡片等高 ========== */
.panel-body.row { display: flex !important; flex-wrap: wrap !important; }
.panel-body.row > [class*="col-"] { display: flex !important; margin-bottom: 16px !important; }
.tb-recommend-content-item.table-goods.shadow { width: 100% !important; display: flex !important; flex-direction: column !important; }
.tb-recommend-content-item .item-link { display: flex !important; flex-direction: column !important; flex: 1 !important; text-decoration: none !important; padding: 0 !important; }
.info-wrapper { display: flex !important; flex-direction: column !important; flex: 1 !important; padding: 12px 16px 16px !important; gap: 4px !important; }
.info-wrapper .title { color: #e2e8f0 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; min-height: 40px !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; }
.info-wrapper .tag-list { margin-top: auto !important; display: flex !important; align-items: center !important; gap: 4px !important; flex-wrap: wrap !important; padding-top: 4px !important; }
.price-value { color: #00c897 !important; font-size: 18px !important; font-weight: 700 !important; }
.price-value em { font-style: normal !important; color: #00c897 !important; }

/* ========== 标签徽章 ========== */
.goods-tag { font-size: 12px !important; font-weight: 500 !important; padding: 2px 8px !important; border-radius: 4px !important; display: inline-block !important; margin: 0 2px 4px 0 !important; border: none !important; }
.goods-tag.text-success { background: rgba(5,150,105,0.2) !important; color: #a7f3d0 !important; }
.goods-tag.text-danger { background: rgba(220,38,38,0.2) !important; color: #fecaca !important; }
.goods-tag.text-warning { background: rgba(217,119,6,0.2) !important; color: #fde68a !important; }
.goods-tag.text-info { background: rgba(59,130,246,0.2) !important; color: #fca5a5 !important; }

/* ========== 分类导航 ========== */
.category-container { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; gap: 8px !important; padding: 0 !important; }
.category-item { width: auto !important; padding: 0 !important; margin: 0 !important; }
.category-item a { display: block !important; background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 12px !important; padding: 10px 6px !important; font-size: 13px !important; text-align: center !important; color: #e2e8f0 !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
.category-item a:hover { border-color: #3b82f6 !important; background: #252540 !important; color: #93c5fd !important; }
.category-btn { display: inline-block !important; background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 12px !important; padding: 12px 16px !important; color: #e2e8f0 !important; font-size: 14px !important; font-weight: 500 !important; cursor: pointer !important; margin: 4px !important; }
.category-btn:hover { border-color: #3b82f6 !important; background: #252540 !important; color: #93c5fd !important; }

/* ========== 按钮 ========== */
.btn { border-radius: 8px !important; font-weight: 600 !important; font-size: 14px !important; padding: 10px 20px !important; border: none !important; transition: all 0.2s ease !important; }
.btn-primary { background: linear-gradient(135deg, #3b82f6, #2563eb) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(59,130,246,0.3) !important; }
.btn-primary:hover { background: linear-gradient(135deg, #2563eb, #1d4ed8) !important; box-shadow: 0 6px 20px rgba(59,130,246,0.4) !important; transform: translateY(-1px) !important; }
.btn-success { background: linear-gradient(135deg, #00c897, #059669) !important; color: #fff !important; }
.btn-success:hover { background: linear-gradient(135deg, #059669, #047857) !important; transform: translateY(-1px) !important; }
.btn-danger { background: linear-gradient(135deg, #ef4444, #dc2626) !important; color: #fff !important; }
.btn-info { background: linear-gradient(135deg, #06b6d4, #0891b2) !important; color: #fff !important; }
.btn-warning { background: linear-gradient(135deg, #f59e0b, #d97706) !important; color: #fff !important; }
.btn-default { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; color: #e2e8f0 !important; }
.btn-default:hover { background: #252540 !important; border-color: #3b82f6 !important; color: #93c5fd !important; }
.btn-lg { border-radius: 12px !important; padding: 14px 28px !important; font-size: 16px !important; }
.btn-sm { border-radius: 6px !important; padding: 6px 14px !important; font-size: 13px !important; }
.btn-block { width: 100% !important; display: block !important; }
.btn-captcha { white-space: nowrap !important; }

/* ========== 表单 ========== */
.form-control { background: #0f0f1a !important; border: 1px solid #2a2a3e !important; border-radius: 8px !important; color: #e2e8f0 !important; padding: 10px 14px !important; font-size: 14px !important; height: auto !important; box-shadow: none !important; }
.form-control:focus { border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important; }
.form-control::placeholder { color: #64748b !important; }
.input-group-addon { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; color: #94a3b8 !important; border-radius: 8px !important; }

/* ========== 表格 ========== */
.table { color: #e2e8f0 !important; background: transparent !important; }
.table > thead > tr > th { border-bottom: 1px solid #2a2a3e !important; color: #94a3b8 !important; font-weight: 600 !important; font-size: 13px !important; }
.table > tbody > tr > td { border-top: 1px solid #2a2a3e !important; vertical-align: middle !important; }
.table-striped > tbody > tr:nth-of-type(odd) { background: rgba(255,255,255,0.02) !important; }
.table > tbody > tr:hover { background: rgba(255,255,255,0.04) !important; }

/* ========== 模态框 ========== */
.modal-content { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 16px !important; box-shadow: 0 24px 64px rgba(0,0,0,0.5) !important; }
.modal-header { border-bottom: 1px solid #2a2a3e !important; padding: 20px 24px !important; }
.modal-header h4 { color: #e2e8f0 !important; font-weight: 600 !important; }
.modal-body { padding: 24px !important; }
.modal-footer { border-top: 1px solid #2a2a3e !important; padding: 16px 24px !important; }
.close { color: #e2e8f0 !important; opacity: 0.7 !important; text-shadow: none !important; }
.close:hover { opacity: 1 !important; }

/* ========== Alert ========== */
.alert { border-radius: 12px !important; border: none !important; }
.alert-info { background: rgba(30,58,95,0.4) !important; border: 1px solid rgba(59,130,246,0.2) !important; color: #fca5a5 !important; }
.alert-success { background: rgba(5,150,105,0.15) !important; border: 1px solid rgba(5,150,105,0.2) !important; color: #a7f3d0 !important; }
.alert-warning { background: rgba(217,119,6,0.15) !important; border: 1px solid rgba(217,119,6,0.2) !important; color: #fde68a !important; }
.alert-danger { background: rgba(220,38,38,0.15) !important; border: 1px solid rgba(220,38,38,0.2) !important; color: #fecaca !important; }

/* ========== 标签/徽章 ========== */
.label { border-radius: 6px !important; font-size: 11px !important; font-weight: 600 !important; padding: 3px 8px !important; display: inline-block !important; }
.label-success { background: #059669 !important; color: #fff !important; }
.label-info { background: #3b82f6 !important; color: #fff !important; }
.label-warning { background: #d97706 !important; color: #fff !important; }
.label-danger { background: #dc2626 !important; color: #fff !important; }
.badge { background: #3b82f6 !important; border-radius: 20px !important; font-weight: 600 !important; }

/* ========== 分页 ========== */
.pagination > li > a, .pagination > li > span { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; color: #e2e8f0 !important; border-radius: 8px !important; margin: 0 2px !important; padding: 8px 14px !important; }
.pagination > li > a:hover { background: #252540 !important; color: #93c5fd !important; border-color: #3b82f6 !important; }
.pagination > .active > a { background: #3b82f6 !important; border-color: #3b82f6 !important; color: #fff !important; }

/* ========== 进度条 ========== */
.progress { background: #2a2a3e !important; border-radius: 20px !important; height: 8px !important; margin-bottom: 0 !important; }
.progress-bar { border-radius: 20px !important; }
.progress-bar-success { background: #059669 !important; }
.progress-bar-info { background: #3b82f6 !important; }

/* ========== 面包屑 ========== */
.breadcrumb { background: transparent !important; padding: 8px 0 !important; }
.breadcrumb > li { color: #64748b !important; }
.breadcrumb > li a { color: #93c5fd !important; }
.breadcrumb > .active { color: #94a3b8 !important; }

/* ========== Well ========== */
.well { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 12px !important; box-shadow: none !important; }

/* ========== 列表组 ========== */
.list-group-item { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; color: #e2e8f0 !important; }
.list-group-item.active { background: rgba(59,130,246,0.15) !important; border-color: #3b82f6 !important; }

/* ========== 侧边栏 ========== */
.sidenav { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 12px !important; padding: 8px !important; }
.sidenav li { list-style: none !important; }
.sidenav li a { color: #94a3b8 !important; padding: 10px 16px !important; border-radius: 8px !important; display: block !important; transition: all 0.2s !important; }
.sidenav li a:hover { background: #252540 !important; color: #e2e8f0 !important; }
.sidenav li.active a { background: rgba(59,130,246,0.1) !important; color: #93c5fd !important; font-weight: 600 !important; }

/* ========== 用户中心 ========== */
.user-center { background: transparent !important; }
.user-baseinfo, .basicinfo { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 12px !important; padding: 20px !important; margin-bottom: 16px !important; }
.avatar-img { border-radius: 50% !important; max-width: 200px !important; object-fit: cover !important; aspect-ratio: 1 !important; border: 3px solid #3b82f6 !important; }

/* ========== 登录/注册 ========== */
.top-sticky-block, .top-sticky-block-b-wrap { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 16px !important; padding: 32px !important; box-shadow: 0 8px 32px rgba(0,0,0,0.3) !important; }
.input-title { color: #e2e8f0 !important; font-size: 14px !important; font-weight: 500 !important; margin-bottom: 5px !important; }
.email-input .form-control { background: #0f0f1a !important; border: 1px solid #2a2a3e !important; border-radius: 8px !important; color: #e2e8f0 !important; padding: 12px 16px !important; }

/* ========== 底部 ========== */
.main-footer-section { clear: both !important; overflow: hidden !important; margin-top: 40px !important; padding: 24px 0 !important; background: #1a1a2e !important; border-top: 1px solid #2a2a3e !important; }
.main-footer-section__midline-links { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; color: #64748b !important; font-size: 13px !important; }
.main-footer-section__midline-links a { color: #64748b !important; }
.main-footer-section__midline-links a:hover { color: #93c5fd !important; }
.main-footer-section__midline-links span { color: #64748b !important; font-size: 13px !important; }

/* ========== 展示更多分类按钮 ========== */
.show-more-btn { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; border-radius: 12px !important; color: #94a3b8 !important; padding: 10px 28px !important; display: inline-block !important; cursor: pointer !important; font-size: 14px !important; font-weight: 500 !important; }
.show-more-btn:hover { border-color: #3b82f6 !important; color: #93c5fd !important; background: #252540 !important; }

/* ========== 商品详情页 ========== */
.goods-page-cover { margin-bottom: 20px !important; }
.product-name { color: #e2e8f0 !important; font-weight: 600 !important; }
.num-container button, [class*="num-"] button { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; color: #e2e8f0 !important; border-radius: 6px !important; padding: 6px 12px !important; }
.num-container button:hover { border-color: #3b82f6 !important; color: #93c5fd !important; }
.products-grid-row { display: flex !important; flex-wrap: wrap !important; }

/* ========== 图片容器 ========== */
div.img-wrapper { background: #0f0f1a !important; border-radius: 12px 12px 0 0 !important; overflow: hidden !important; position: relative !important; width: 100% !important; }
div.img-wrapper img { width: 100% !important; height: auto !important; display: block !important; }

/* ========== 滚动条 ========== */
::-webkit-scrollbar { width: 6px !important; }
::-webkit-scrollbar-track { background: #1a1a2e !important; }
::-webkit-scrollbar-thumb { background: #3b82f6 !important; border-radius: 3px !important; }

/* ========== 登录/注册：子容器白色背景清除 ========== */
div.prod-details__offering { background: transparent !important; }
div.prod-offering { background: transparent !important; }

/* ========== 商品详情页白色背景修复 ========== */
div.prod-details__body { background: transparent !important; }
div.prod-offering { background: transparent !important; }
div.prod-offering__benefits { background: transparent !important; }
div.prod-details__offering.shadow { background: #1a1a2e !important; }

/* ========== 立即购买按钮图标缩小 ========== */
#buy-btn svg.feather-shopping-cart { width: 16px !important; height: 16px !important; margin-right: 4px !important; vertical-align: middle !important; }
#buy-btn .text { font-size: 14px !important; vertical-align: middle !important; }
#buy-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; padding: 12px 24px !important; }

/* ========== 商品详情页 - 微信图标白底去除 ========== */
.goods-page-cover { background: transparent !important; padding: 0 !important; }
.goods-page-cover img { background: transparent !important; }

/* ========== 商品详情页 - 文字白色 ========== */
.prod-details__prod-name h1 { color: #ffffff !important; }
.prod-offering__prices .sale-price { color: #00c897 !important; }
.prod-offering__rating .goods-tag { color: #a7f3d0 !important; }
.prod-offering__benefits .precheck-benefits .text { color: #e2e8f0 !important; }
.prod-offering__benefits .text { color: #e2e8f0 !important; }
.prod-details__offering .text-muted, 
.prod-details__offering .text { color: #e2e8f0 !important; }

/* ========== 商品详情页完整优化 ========== */

/* 面包屑白色 */
.breadcrumb-item a, .breadcrumb-item { color: #94a3b8 !important; }
.breadcrumb-item.active { color: #e2e8f0 !important; }
.breadcrumb-item a:hover { color: #93c5fd !important; }

/* 产品标题区域 */
.prod-details__prod-name { background: transparent !important; }
.prod-details__prod-name h1 { color: #ffffff !important; font-weight: 700 !important; }

/* 图片容器白底去除 */
.goods-page-cover { background: transparent !important; }
.goods-page-cover img { background: transparent !important; }

/* 标签文字 */
.goods-tag.text-success { background: rgba(5,150,105,0.2) !important; color: #a7f3d0 !important; }
.goods-tag.text-danger { background: rgba(220,38,38,0.2) !important; color: #fecaca !important; }
.goods-tag.text-warning { background: rgba(217,119,6,0.2) !important; color: #fde68a !important; }

/* 价格颜色 */
.prod-offering__prices .sale-price { color: #00c897 !important; font-size: 24px !important; font-weight: 700 !important; }

/* 表单标签 */
.subscribe-tos span, .subscribe-tos span font { color: #e2e8f0 !important; font-size: 14px !important; }
.form-hint, .form-hint small { color: #64748b !important; font-size: 12px !important; }

/* 发货方式、库存剩余、总销量等产品信息文字 */
.prod-offering__benefits .precheck-benefits .text,
.prod-offering__benefits .text,
.prod-offering__delivinfo,
.precheck-benefits span,
.precheck-benefits font { color: #e2e8f0 !important; }

/* 商品描述区域 */
.panel-body.goods-detail { background: transparent !important; color: #e2e8f0 !important; }

/* 底部提示 */
.text-center.text-muted { color: #64748b !important; }

/* 数量选择器标签 */
.num-container label, .num-container span { color: #e2e8f0 !important; }

/* ========== 商品详情页所有白色背景清除 ========== */
.prod-details-gwrap { background: transparent !important; }
.prod-details__body { background: transparent !important; }
.page-section.prod-details { background: transparent !important; }
.prod-details__body .row > div { background: transparent !important; }
.panel.panel-default.shadow > .panel-body { background: transparent !important; }

/* 数量选择器 */
.variations__title span { color: #e2e8f0 !important; }
.count__ctrl { background: #1a1a2e !important; border: 1px solid #2a2a3e !important; color: #e2e8f0 !important; }
.count__num { background: #0f0f1a !important; color: #e2e8f0 !important; }

/* ========== 商品图标变圆形 ========== */
.goods-page-cover img { border-radius: 20% !important; max-width: 200px !important; object-fit: cover !important; aspect-ratio: 1 !important; }

/* ========== 商品详情页 - 销售信息等文字修复 ========== */
.delivinfo__header { color: #e2e8f0 !important; font-size: 14px !important; font-weight: 600 !important; }
.delivinfo__item .text, .delivinfo__item .text b, .delivinfo__item .text span { color: #e2e8f0 !important; font-size: 14px !important; }
.delivinfo__item .icon svg { stroke: #94a3b8 !important; }
.precheck-bonuses .text { color: #fca5a5 !important; font-size: 13px !important; }
.prod-offering__merchant .precheck-bonuses .icon svg path { fill: #FDD888 !important; }

/* ========== 商品描述图标替换 ========== */
.panel-heading h4 i.fa.fa-css3 { display: none !important; }
.panel-heading h4::before { content: "📄" !important; margin-right: 6px !important; font-size: 14px !important; }