/* 商城 v4：统一玻璃灰卡片 + 品类小圆点（回退：mall.css.bak-before-glass-dot-20260403） */
.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;box-shadow:0 8px 28px rgba(255,107,107,.22)}
.mall-hero h1{font-size:20px;font-weight:700;margin:0 0 8px 0}
.mall-hero p{font-size:13px;opacity:.94;margin:0;line-height:1.55}

/* 分类：小圆点 + 文字（低对比胶囊） */
.category-tabs{display:flex;overflow-x:auto;gap:8px;padding:0 16px 16px;scrollbar-width:none;align-items:center}
.category-tabs::-webkit-scrollbar{display:none}
.category-tab{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 14px;
	background:rgba(148,163,184,.12);
	border:1px solid rgba(148,163,184,.22);
	border-radius:999px;
	color:#e2e8f0;
	text-decoration:none;
	font-size:13px;
	white-space:nowrap;
	transition:background .2s,border-color .2s,color .2s;
}
.category-tab .cat-dot{
	width:7px;height:7px;border-radius:50%;
	background:#64748b;
	flex-shrink:0;
}
.category-tab[data-category="all"] .cat-dot{background:#94a3b8}
.category-tab[data-category="member"] .cat-dot{background:#fb7185}
.category-tab[data-category="fortune"] .cat-dot{background:#38bdf8}
.category-tab[data-category="report"] .cat-dot{background:#34d399}
.category-tab[data-category="digital"] .cat-dot{background:#a78bfa}
.category-tab.active{
	background:rgba(255,255,255,.12);
	border-color:rgba(255,255,255,.28);
	color:#fff;
	font-weight:600;
	box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;
}
.category-tab.active .cat-dot{box-shadow:0 0 0 2px rgba(255,255,255,.35)}

.product-grid{display:flex;flex-direction:column;gap:10px;padding:0 16px 16px;background:transparent}

/* 统一玻璃灰卡片（弱色、利于阅读） */
.product-card{
	--glass-bg:rgba(30,41,59,.72);
	background:var(--glass-bg);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	border:1px solid rgba(148,163,184,.2);
	border-radius:14px;
	padding:14px 16px;
	transition:transform .2s,box-shadow .2s,border-color .2s;
	cursor:pointer;
	text-decoration:none;
	color:#e2e8f0;
	display:flex;
	align-items:flex-start;
	gap:12px;
	box-shadow:0 4px 20px rgba(0,0,0,.35);
	position:relative;
}
/* 不用整圈霓虹，仅用细边框 + 弱内高光 */
.product-card::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:14px;
	pointer-events:none;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.product-card:active{transform:scale(.99)}
.product-card:hover{
	border-color:rgba(148,163,184,.35);
	box-shadow:0 8px 28px rgba(0,0,0,.4);
}

/* 品类小圆点（标题行内，见 mall.js .card-cat-dot） */
.product-headline{display:flex;align-items:flex-start;gap:8px;width:100%;min-width:0}
.card-cat-dot{
	width:8px;height:8px;border-radius:50%;
	flex-shrink:0;
	margin-top:5px;
	background:#64748b;
}
.product-card[data-category="member"] .card-cat-dot{background:#fb7185}
.product-card[data-category="fortune"] .card-cat-dot{background:#38bdf8}
.product-card[data-category="report"] .card-cat-dot{background:#34d399}
.product-card[data-category="digital"] .card-cat-dot{background:#a78bfa}

.product-icon{
	width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;
	font-size:24px;flex-shrink:0;
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.1);
}
.product-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
/* 可读性：标题略大、说明字重与行高 */
.product-title{
	font-size:16px;
	font-weight:600;
	color:#f8fafc;
	line-height:1.45;
	margin:0;
	text-align:left;
	flex:1;
	min-width:0;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
}
.product-desc{
	font-size:13px;
	line-height:1.55;
	color:#cbd5e1;
	margin:0;
	text-align:left;
	display:-webkit-box;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	text-overflow:ellipsis;
	width:100%;
}
.product-price-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex-shrink:0;min-width:72px;text-align:right}
.price-main{font-size:17px;font-weight:700;color:#fca5a5;line-height:1.2;white-space:nowrap;display:block}
.price-unit{font-size:10px;color:#94a3b8}
.price-original{font-size:12px;color:#94a3b8;text-decoration:line-through;white-space:nowrap;display:block;line-height:1.2}
.merit-discount-tip{font-size:10px;color:#6ee7b7;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;line-height:1.55}
	.category-tabs{padding:0 20px 18px;gap:10px}
	.category-tab{padding:8px 16px;font-size:13px}
	.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{
		padding:18px 16px;
		flex-direction:column;
		align-items:stretch;
		min-height:100%;
	}
	.product-card:hover{transform:translateY(-2px)}
	.product-icon{width:52px;height:52px;font-size:28px;margin:0 auto 10px;border-radius:14px}
	.product-content{align-items:center;gap:8px}
	.product-headline{
		flex-direction:column;
		align-items:center;
		gap:6px;
		text-align:center;
	}
	.card-cat-dot{margin-top:0}
	.product-title{
		font-size:16px;
		text-align:center;
		-webkit-line-clamp:3;
		line-clamp:3;
	}
	.product-desc{
		font-size:13px;
		min-height:40px;
		text-align:center;
		-webkit-line-clamp:3;
		line-clamp:3;
		color:#cbd5e1;
	}
	.product-price-wrapper{align-items:center;gap:4px;min-width:auto}
	.price-main{font-size:20px}
	.merit-discount-tip{font-size:11px;text-align:center}
}

.mall-related-section{
	background:rgba(30,41,59,.55);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	border:1px solid rgba(148,163,184,.18);
	border-radius:16px;
	margin:20px 16px;
	padding:20px;
	box-shadow:0 8px 24px rgba(0,0,0,.28);
}
@media(min-width:768px){
	.mall-related-section{margin:20px auto;max-width:1400px;padding:22px 24px}
}