diff --git a/frontend/src/pages/front/LandingPage.css b/frontend/src/pages/front/LandingPage.css index 12b83f6..3afdfc3 100644 --- a/frontend/src/pages/front/LandingPage.css +++ b/frontend/src/pages/front/LandingPage.css @@ -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;