fix(frontend): 广告位改为右2/3内收卡片——去grid gap使左边界紧贴标题右缘,右边界距页面右缘内收32px,加1px边框形成独立盒子
This commit is contained in:
1 parent
21b8422c87
commit
c275cc3b5e
1 file changed
+4
-4
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user