diff --git a/README.md b/README.md index d788a17..9c0e78a 100644 --- a/README.md +++ b/README.md @@ -29,8 +29,6 @@ ### 5. **综合优势** (`pages/advantages.html`) - 测序平台 -- 质谱平台 -- 合成平台 - 分析平台 - 核心实验室 - 客户服务系统(CSS) diff --git a/css/style.css b/css/style.css index b03c63a..e7a43bd 100644 --- a/css/style.css +++ b/css/style.css @@ -68,7 +68,7 @@ body { } } -.hero-slide img { +.hero-slide > img { position: absolute; width: 100%; height: 100%; @@ -97,6 +97,26 @@ body { opacity: 0.95; } +.hero-brand-content { + display: flex; + align-items: center; + gap: 34px; + max-width: 920px; + padding-left: 82px; +} + +.hero-brand-logo { + width: 180px; + max-width: 32vw; + height: auto; + flex: 0 0 auto; + filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.28)); +} + +.hero-brand-copy { + min-width: 0; +} + /* 按钮样式 */ .btn-primary { display: inline-flex; @@ -273,6 +293,16 @@ body { /* 响应式设计 */ @media (max-width: 768px) { + .hero-brand-content { + gap: 20px; + padding-left: 32px; + padding-right: 20px; + } + + .hero-brand-logo { + width: 128px; + } + .hero-content h1 { font-size: 2rem; } @@ -304,6 +334,16 @@ body { padding-left: 20px; } + .hero-brand-content { + padding-left: 20px; + gap: 14px; + } + + .hero-brand-logo { + width: 94px; + max-width: 28vw; + } + .hero-content h1 { font-size: 1.5rem; } diff --git a/index.html b/index.html index d9be568..92b8a5d 100644 --- a/index.html +++ b/index.html @@ -49,8 +49,6 @@ 综合优势 ▼