From bc269019ca964f80fab690d05228086d3dfd9459 Mon Sep 17 00:00:00 2001
From: yiqiu <yiqiu@ycyaw.com>
Date: Tue, 25 Nov 2025 16:31:42 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A9=E8=A7=A3=E5=86=B3=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E5=B9=BB=E7=81=AF=E7=89=87=E5=9B=BE=E7=89=87=E6=92=91=E6=BB=A1?=
 =?UTF-8?q?=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 修改 .solution-content 的 align-items 为 stretch
- 添加 min-height: 500px 确保容器有最小高度
- 修改 .solution-image 的 height 为 100% 撑满容器高度
- 图片现在会自动适应容器高度，视觉效果更加饱满

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 css/index.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/css/index.css b/css/index.css
index 569ab4d..4ce33c6 100644
--- a/css/index.css
+++ b/css/index.css
@@ -2726,7 +2726,7 @@ html {
 /* 幻灯片内容区域 */
 .solution-content {
   display: flex;
-  align-items: center;
+  align-items: stretch;
   gap: 60px;
   padding: 40px;
   background: rgba(15, 23, 42, 0.7);
@@ -2736,6 +2736,7 @@ html {
   box-shadow:
     0 8px 32px rgba(15, 23, 42, 0.5),
     inset 0 1px 0 rgba(255, 255, 255, 0.05);
+  min-height: 500px;
 }
 
 /* 左侧文字区域 */
@@ -2810,7 +2811,7 @@ html {
 .solution-image {
   flex-shrink: 0;
   width: 500px;
-  height: 400px;
+  height: 100%;
   position: relative;
   overflow: hidden;
   border-radius: 0;