From 1142294c7ea1dba2e24b762d21cd85384b356a93 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Tue, 25 Nov 2025 16:40:14 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=A7=A3=E5=86=B3=E6=96=B9?= =?UTF-8?q?=E6=A1=88=E5=B9=BB=E7=81=AF=E7=89=87=E5=B8=83=E5=B1=80=EF=BC=9A?= =?UTF-8?q?=E5=A2=9E=E5=A4=A7=E5=9B=BE=E7=89=87=E5=AE=BD=E5=BA=A6=E5=B9=B6?= =?UTF-8?q?=E5=9E=82=E7=9B=B4=E5=B1=85=E4=B8=AD=E6=96=87=E6=A1=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 图片宽度从 500px 增加到 600px - 为 .solution-text 添加 flexbox 布局 - 使用 justify-content: center 让文案内容垂直居中 - 文案内容现在与整个卡片高度垂直居中对齐 - 视觉平衡性更好,布局更协调 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- css/index.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/css/index.css b/css/index.css index fea2d54..2108840 100644 --- a/css/index.css +++ b/css/index.css @@ -2744,6 +2744,9 @@ html { flex: 1; min-width: 0; padding: 40px; + display: flex; + flex-direction: column; + justify-content: center; } .solution-text h3 { @@ -2811,7 +2814,7 @@ html { /* 右侧图片区域 */ .solution-image { flex-shrink: 0; - width: 500px; + width: 600px; position: relative; overflow: hidden; border-radius: 0;