fix(frontend): 广告位改为右2/3内收卡片——去grid gap使左边界紧贴标题右缘,右边界距页面右缘内收32px,加1px边框形成独立盒子

This commit is contained in:
QihuAI Design committed 2026-07-13 18:19:22 +08:00
1 parent 21b8422c87
commit c275cc3b5e
1 file changed
+4 -4
+4 -4
View File
@@ -73,7 +73,7 @@
}
.lp-hero-grid {
max-width: 1200px; margin: 0 auto; padding: 0 var(--space-2xl);
display: grid; grid-template-columns: 1fr 2fr; gap: var(--space-4xl); align-items: center;
display: grid; grid-template-columns: 1fr 2fr; gap: 0; align-items: center;
}
.lp-eyebrow {
display: inline-block; font-size: var(--text-sm); font-weight: 600; color: var(--color-accent);
@@ -89,7 +89,7 @@
.lp-stat-num { font-size: var(--text-xl); font-weight: 800; color: var(--color-text-primary); }
.lp-stat-label { font-size: var(--text-sm); color: var(--color-text-tertiary); margin-top: 2px; }
.lp-hero-ad { display: flex; flex-direction: column; }
.lp-hero-ad { display: flex; flex-direction: column; padding-right: var(--space-3xl); }
.lp-ad-head { display: flex; align-items: baseline; gap: var(--space-md); margin-bottom: var(--space-lg); flex-wrap: wrap; }
.lp-ad-title { font-size: var(--text-lg); font-weight: 700; color: var(--color-text-primary); }
.lp-ad-sub { font-size: var(--text-sm); color: var(--color-text-tertiary); }
@@ -98,9 +98,9 @@
/* ===== 轮播广告位 ===== */
.lp-band { padding: var(--space-4xl) 0; }
.lp-carousel { position: relative; overflow: hidden; border-radius: var(--radius-xl); }
.lp-carousel { position: relative; overflow: hidden; border-radius: var(--radius-xl); border: 1px solid var(--color-border); }
.lp-track { display: flex; transition: transform var(--transition-slow); }
.lp-slide { min-width: 100%; padding: var(--space-lg); }
.lp-slide { min-width: 100%; }
.lp-carousel-card {
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;