/* 商城页面样式 */
.mall-page{min-height:100vh;padding-bottom:100px}
.mall-hero{background:linear-gradient(135deg,#FF6B6B,#FF8E53);padding:20px 18px;border-radius:16px;color:#fff;margin:16px;margin-bottom:24px;text-align:center}
.mall-hero h1{font-size:20px;font-weight:700;margin:0 0 8px 0}
.mall-hero p{font-size:13px;opacity:.9;margin:0}
.category-tabs{display:flex;overflow-x:auto;gap:10px;padding:0 16px 16px;scrollbar-width:none}
.category-tabs::-webkit-scrollbar{display:none}
.category-tab{padding:8px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;text-decoration:none;font-size:13px;white-space:nowrap;transition:all .2s}
.category-tab.active{background:#fff;color:#FF6B6B;font-weight:600}
/* 手机端：单列横向三列布局 */
.product-grid{display:flex;flex-direction:column;gap:8px;padding:0 16px 16px;background:transparent}
.product-card{background:#fff;border:none;border-radius:12px;padding:14px 16px;transition:all .2s;cursor:pointer;text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px rgba(0,0,0,.08);position:relative}
.product-card:active{background:#f8f9fa;transform:scale(.98)}
/* 会员商品：与表头同色系的暖色渐变，但整体更浅、纯度更低 */
.product-card[data-category="member"]{
	background:linear-gradient(135deg,#FFF1F2 0%,#FFE4E6 100%);
	border:1px solid #FECDD3;
}
.product-card[data-category="member"] .product-title{color:#9F1239;font-weight:700}
.product-card[data-category="member"] .product-desc{color:#9F1239}
.product-card[data-category="member"] .price-main{color:#F97373;text-shadow:none}

/* 会员：按产品区分深浅（同一色系三档） */
.product-card[data-category="member"][data-product-id="member_monthly"]{
	background:linear-gradient(135deg,#FFF7F8 0%,#FFEAF0 100%);
}
.product-card[data-category="member"][data-product-id="member_quarterly"]{
	background:linear-gradient(135deg,#FFE4E6 0%,#FECDD3 100%);
}
.product-card[data-category="member"][data-product-id="member_yearly"]{
	background:linear-gradient(135deg,#FECDD3 0%,#FDA4AF 100%);
}
/* 单次服务（算卦）：蓝色边框 */
.product-card[data-category="fortune"]{background:#f0f9ff;border:2px solid #3b82f6;border-left:4px solid #3b82f6}
.product-card[data-category="fortune"] .product-title{color:#1e40af;font-weight:600}
/* 报告：绿色边框 */
.product-card[data-category="report"]{background:#f0fdf4;border:2px solid #10b981;border-left:4px solid #10b981}
.product-card[data-category="report"] .product-title{color:#065f46;font-weight:600}
/* 数字商品：紫色边框 */
.product-card[data-category="digital"]{background:#faf5ff;border:2px solid #8b5cf6;border-left:4px solid #8b5cf6}
.product-card[data-category="digital"] .product-title{color:#5b21b6;font-weight:600}
.product-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;background:linear-gradient(135deg,#f8f9fa,#eef2ff);border:1px solid #e5e7eb}
/* 会员商品图标特殊样式 */
.product-card[data-category="member"] .product-icon{background:rgba(255,255,255,.7);border:1px solid rgba(254,205,211,.9)}
.product-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.product-title{font-size:15px;font-weight:600;color:#333;line-height:1.4;margin:0;text-align:left;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%}
.product-desc{font-size:12px;color:#999;line-height:1.4;margin:0;text-align:left;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%}
.product-price-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;min-width:70px;text-align:right}
.price-main{font-size:16px;font-weight:700;color:#FF6B6B;line-height:1.2;white-space:nowrap;display:block}
.price-unit{font-size:10px;color:#999}
.price-original{font-size:12px;color:#999;text-decoration:line-through;white-space:nowrap;display:block;line-height:1.2}
.product-badge{display:none}
.merit-discount-tip{font-size:9px;color:#10B981;font-weight:500;white-space:nowrap;margin-top:2px;text-align:right}
@media(min-width:768px){
	.mall-hero{padding:24px 20px;margin:20px;margin-bottom:24px}
	.mall-hero h1{font-size:24px;margin-bottom:8px}
	.mall-hero p{font-size:14px}
	.category-tabs{padding:0 20px 16px;gap:12px;background:transparent;margin:0}
	.category-tab{padding:8px 18px;font-size:13px}
	/* 桌面端：3列网格布局，保持白色卡片 */
	.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 20px 20px;max-width:1400px;margin:0 auto;background:transparent}
	.product-card{background:#fff;border:1px solid #eee;border-radius:16px;padding:16px;display:block;flex-direction:column;align-items:stretch}
	.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}
	/* 桌面端会员商品样式（基础：最浅粉色） */
	.product-card[data-category="member"]{
		background:linear-gradient(135deg,#FFF1F2 0%,#FFE4E6 100%);
		border:1px solid #FECDD3;
	}
	.product-card[data-category="member"] .product-title{color:#9F1239}
	.product-card[data-category="member"] .product-desc{color:#9F1239}
	.product-card[data-category="member"] .price-main{color:#F97373}
	.product-card[data-category="member"] .product-icon{background:rgba(255,255,255,.7);border:1px solid rgba(254,205,211,.9)}
	.product-icon{width:60px;height:60px;font-size:32px;margin:0 auto 12px;border-radius:12px}
	.product-content{flex-direction:column;gap:6px;align-items:center}
	.product-title{font-size:15px;margin-bottom:6px;text-align:center;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
	.product-desc{font-size:12px;margin-bottom:10px;text-align:center;min-height:36px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#666}
	.product-price-wrapper{flex-direction:column;align-items:center;gap:4px;min-width:auto}
	.product-price{margin-top:12px;text-align:center}
	.price-main{font-size:20px}
	.price-unit{font-size:13px}
	.price-original{font-size:12px}
	.product-badge{display:inline-block;margin-top:8px}
	.merit-discount-tip{font-size:11px;margin-top:4px;text-align:center}
}