fix(frontend): 精选推荐轮播溢出修复——.lp-carousel 加 overflow:hidden+border-radius 裁剪离屏幻灯片;.lp-slide 加 16px 内边距形成边界与阴影余量

This commit is contained in:
QihuAI Design committed 2026-07-13 17:24:18 +08:00
1 parent a7b9b2492e
commit 21b8422c87
1 file changed
+2 -2
+2 -2
View File
@@ -98,9 +98,9 @@
/* ===== 轮播广告位 ===== */ /* ===== 轮播广告位 ===== */
.lp-band { padding: var(--space-4xl) 0; } .lp-band { padding: var(--space-4xl) 0; }
.lp-carousel { position: relative; } .lp-carousel { position: relative; overflow: hidden; border-radius: var(--radius-xl); }
.lp-track { display: flex; transition: transform var(--transition-slow); } .lp-track { display: flex; transition: transform var(--transition-slow); }
.lp-slide { min-width: 100%; padding: 0 var(--space-xs); } .lp-slide { min-width: 100%; padding: var(--space-lg); }
.lp-carousel-card { .lp-carousel-card {
border-radius: var(--radius-xl); padding: var(--space-4xl); color: #fff; position: relative; overflow: hidden; border-radius: var(--radius-xl); padding: var(--space-4xl); color: #fff; position: relative; overflow: hidden;
display: flex; justify-content: space-between; align-items: center; min-height: 280px; display: flex; justify-content: space-between; align-items: center; min-height: 280px;