增加卡片高度和图片展开效果，丰富文案内容

- 卡片高度从 400px 增加到 500px
- 悬停时图片高度从 80px 展开到 140px
- 标题和内容区域位置相应调整
- 每个解决方案的文案从1-2句扩展到3-4句
- 详细描述各行业解决方案的核心价值和技术特点
- 优化文字行高为 1.8，字号调整为 14px
- 保持图片撑满宽度的展开效果

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

Co-Authored-By: Claude <noreply@anthropic.com>

css/index.css

@@ -1154,7 +1154,7 @@
 /* 竖向长方形卡片 */
 .resolve-card {
   width: 150px;
-  height: 400px;
+  height: 500px;
   position: relative;
   overflow: hidden;
   transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
@@ -1255,7 +1255,7 @@
   transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
   z-index: 2;
   position: relative;
-  margin-top: 100px;
+  margin-top: 140px;
 }
 
 /* 内容区域 - 默认隐藏 */
@@ -1277,8 +1277,8 @@
 
 .resolve-card-desc {
   color: rgba(203, 213, 225, 0.9);
-  line-height: 1.7;
+  line-height: 1.8;
-  font-size: 15px;
+  font-size: 14px;
 }
 
 .resolve-card-link {
@@ -1316,9 +1316,10 @@
   opacity: 1;
 }
 
-/* 悬停时图片依然撑满宽度 */
+/* 悬停时图片高度展开 */
 .resolve-card:hover .resolve-card-inner::after {
   width: 100%;
+  height: 140px;
 }
 
 /* 悬停时标题变为横向并移到图片下方 */
@@ -1327,7 +1328,7 @@
   text-orientation: mixed;
   letter-spacing: 2px;
   position: absolute;
-  top: 100px;
+  top: 160px;
   left: 24px;
   right: 24px;
   margin-top: 0;
@@ -1340,7 +1341,7 @@
 .resolve-card:hover .resolve-card-content {
   opacity: 1;
   transform: translateY(0);
-  top: 150px;
+  top: 200px;
 }
 
 .resolve-card:hover .resolve-card-link {

index.html

@@ -251,7 +251,7 @@
             <div class="resolve-card-inner">
               <h4 class="resolve-card-title">电商</h4>
               <div class="resolve-card-content">
-                <div class="resolve-card-desc">有效应对大促带来的业务高并发问题，助力电商客户快速实现营销创新与业务增收。</div>
+                <div class="resolve-card-desc">提供完整的电商云解决方案，有效应对大促、秒杀等高并发场景，保障系统稳定运行。通过弹性扩容、智能调度等技术手段，助力电商平台快速响应业务需求，提升用户体验。支持多种营销活动场景，实现营销创新与业务增收的双重目标，帮助企业在激烈的市场竞争中脱颖而出。</div>
                 <p class="resolve-card-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
               </div>
             </div>
@@ -262,7 +262,7 @@
             <div class="resolve-card-inner">
               <h4 class="resolve-card-title">金融</h4>
               <div class="resolve-card-content">
-                <div class="resolve-card-desc">助力金融机构打造面向垂直场景的创新方案，实现金融机构与用户之间的高效触达。</div>
+                <div class="resolve-card-desc">为金融机构提供安全可靠的云计算基础设施，满足金融行业严格的监管要求和安全标准。助力金融机构打造面向垂直场景的创新金融产品，实现与用户之间的高效触达。提供风险控制、数据分析、智能客服等全方位技术支持，推动金融科技创新，提升金融服务效率和用户体验。</div>
                 <p class="resolve-card-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
               </div>
             </div>
@@ -273,7 +273,7 @@
             <div class="resolve-card-inner">
               <h4 class="resolve-card-title">游戏</h4>
               <div class="resolve-card-content">
-                <div class="resolve-card-desc">构建高质量、全方位、深度体验的游戏云平台，提升研发效率，增强交互体验。</div>
+                <div class="resolve-card-desc">构建高质量、全方位、深度体验的游戏云平台，提供低延迟、高并发的游戏运行环境。支持游戏快速部署、弹性扩容，满足各类游戏场景需求。通过智能运维、数据分析等技术手段，提升游戏研发效率，优化玩家游戏体验。为游戏开发者提供从开发、测试到运营的全生命周期支持。</div>
                 <p class="resolve-card-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
               </div>
             </div>
@@ -284,7 +284,7 @@
             <div class="resolve-card-inner">
               <h4 class="resolve-card-title">文旅</h4>
               <div class="resolve-card-content">
-                <div class="resolve-card-desc">通过"科技+文化旅游"的融合创新及落地应用，推动文旅行业信息化、智慧化发展。</div>
+                <div class="resolve-card-desc">通过"科技+文化旅游"的深度融合创新及落地应用，推动文旅行业全面信息化、智慧化发展。提供智慧景区、智慧酒店、智慧旅行社等全场景解决方案，实现景区管理数字化、游客服务智能化。利用大数据、人工智能等技术，优化旅游资源配置，提升游客体验，助力文旅产业高质量发展。</div>
                 <p class="resolve-card-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
               </div>
             </div>
@@ -295,7 +295,7 @@
             <div class="resolve-card-inner">
               <h4 class="resolve-card-title">教育</h4>
               <div class="resolve-card-content">
-                <div class="resolve-card-desc">实现数据互联、可视化、高交互的云上教育环境，打造云时代教育治理新模式。</div>
+                <div class="resolve-card-desc">实现教育数据互联互通、教学过程可视化、师生互动高交互的云上教育环境，打造云时代教育治理新模式。提供在线课堂、智慧校园、教育管理等全方位解决方案，支持大规模在线教学和混合式教学模式。通过人工智能、大数据等技术，实现个性化教学和精准教学评估，推动教育公平和教育现代化。</div>
                 <p class="resolve-card-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
               </div>
             </div>
@@ -306,7 +306,7 @@
             <div class="resolve-card-inner">
               <h4 class="resolve-card-title">医疗</h4>
               <div class="resolve-card-content">
-                <div class="resolve-card-desc">协助医疗机构打造资源共享、再利用、再生产的数据生态循环，提高资源配置效率。</div>
+                <div class="resolve-card-desc">协助医疗机构打造医疗数据资源共享、医疗资源再利用、医疗知识再生产的数字化医疗生态循环体系，提高医疗资源配置效率。提供远程医疗、智慧医院、医疗影像云等解决方案，支持医疗数据安全存储和高效分析。通过云计算、人工智能等技术，辅助临床决策，提升医疗服务质量和效率。</div>
                 <p class="resolve-card-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
               </div>
             </div>
@@ -317,7 +317,7 @@
             <div class="resolve-card-inner">
               <h4 class="resolve-card-title">农业</h4>
               <div class="resolve-card-content">
-                <div class="resolve-card-desc">助力农企构建智慧农业生产服务体系，提升农业精细化种植与管理水平。</div>
+                <div class="resolve-card-desc">助力农业企业构建智慧农业生产服务体系，提升农业精细化种植与智能化管理水平。提供农业物联网、农产品溯源、智能灌溉等全链条解决方案，实现农业生产全过程数字化监控和管理。通过大数据分析和人工智能技术，优化种植方案，提高农作物产量和品质，推动传统农业向现代智慧农业转型升级。</div>
                 <p class="resolve-card-link">查看详情 <span class="iconfont icon-arrow-right"></span></p>
               </div>
             </div>