diff --git a/css/index.css b/css/index.css
index fde48ee..cb9f3ea 100644
--- a/css/index.css
+++ b/css/index.css
@@ -4313,75 +4313,70 @@ html {
 
 /* 解决方案容器 */
 .solution-wrapper {
-  margin-top: 60px;
+  margin-top: 50px;
   position: relative;
 }
 
-/* 上层：按钮导航 */
+/* ---- 上层：Tab 导航（下划线风格） ---- */
 .solution-tabs {
   display: flex;
   justify-content: center;
-  gap: 16px;
-  margin-bottom: 40px;
+  gap: 0;
+  margin-bottom: 48px;
   flex-wrap: wrap;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.12);
+  position: relative;
 }
 
 .solution-tab {
-  padding: 12px 32px;
-  font-size: 16px;
-  font-weight: 600;
-  color: rgba(226, 232, 240, 0.8);
-  background: rgba(15, 23, 42, 0.6);
-  border: 1px solid rgba(148, 163, 184, 0.2);
-  border-radius: 30px;
+  padding: 14px 28px;
+  font-size: 15px;
+  font-weight: 500;
+  color: rgba(203, 213, 225, 0.65);
+  background: transparent;
+  border: none;
+  border-bottom: 2px solid transparent;
+  border-radius: 0;
   cursor: pointer;
   transition: all 0.3s ease;
   position: relative;
-  overflow: hidden;
+  letter-spacing: 0.5px;
 }
 
-/* 按钮光晕效果 */
+/* 移除旧的光晕 ::before */
 .solution-tab::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 0;
-  height: 0;
-  border-radius: 50%;
-  background: radial-gradient(circle, rgba(56, 189, 248, 0.3) 0%, transparent 70%);
-  transform: translate(-50%, -50%);
-  transition: width 0.5s ease, height 0.5s ease;
+  display: none;
 }
 
 .solution-tab:hover {
-  color: #38BDF8;
-  border-color: rgba(56, 189, 248, 0.4);
-  background: rgba(15, 23, 42, 0.8);
-  transform: translateY(-2px);
-  box-shadow: 0 4px 16px rgba(56, 189, 248, 0.2);
+  color: rgba(226, 232, 240, 0.95);
+  background: rgba(255, 255, 255, 0.03);
+  transform: none;
+  box-shadow: none;
+  border-bottom-color: rgba(56, 189, 248, 0.3);
 }
 
 .solution-tab:hover::before {
-  width: 200px;
-  height: 200px;
+  display: none;
 }
 
 .solution-tab.active {
-  color: #ffffff;
-  background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%);
+  color: #38BDF8;
+  background: transparent;
   border-color: transparent;
-  box-shadow: 0 4px 20px rgba(56, 189, 248, 0.4);
+  border-bottom: 2px solid #38BDF8;
+  box-shadow: 0 2px 12px rgba(56, 189, 248, 0.15);
+  font-weight: 600;
 }
 
 .solution-tab.active::before {
   display: none;
 }
 
-/* 下层：幻灯片容器 */
+/* ---- 下层：幻灯片容器 ---- */
 .solution-slider {
   position: relative;
-  min-height: 450px;
+  min-height: 420px;
   overflow: hidden;
 }
 
@@ -4392,7 +4387,8 @@ html {
   left: 0;
   width: 100%;
   opacity: 0;
-  transition: opacity 0.6s ease;
+  transform: translateY(12px);
+  transition: opacity 0.5s ease, transform 0.5s ease;
   pointer-events: none;
   z-index: 1;
 }
@@ -4401,63 +4397,107 @@ html {
 .solution-slide.active {
   position: relative;
   opacity: 1;
+  transform: translateY(0);
   pointer-events: auto;
   z-index: 2;
 }
 
-/* 幻灯片内容区域 */
+/* ---- 内容卡片 ---- */
 .solution-content {
   display: flex;
   align-items: stretch;
-  gap: 60px;
+  gap: 0;
   padding: 0;
-  background: rgba(15, 23, 42, 0.7);
-  backdrop-filter: blur(16px);
-  border: 1px solid rgba(148, 163, 184, 0.15);
-  border-radius: 0;
+  background:
+    radial-gradient(ellipse at 10% 40%, rgba(56, 189, 248, 0.06) 0%, transparent 60%),
+    radial-gradient(ellipse at 90% 60%, rgba(99, 102, 241, 0.05) 0%, transparent 60%),
+    rgba(15, 23, 42, 0.55);
+  backdrop-filter: blur(20px);
+  border: 1px solid rgba(148, 163, 184, 0.1);
+  border-radius: 16px;
   box-shadow:
-    0 8px 32px rgba(15, 23, 42, 0.5),
-    inset 0 1px 0 rgba(255, 255, 255, 0.05);
-  min-height: 500px;
+    0 16px 48px rgba(0, 0, 0, 0.25),
+    0 0 0 1px rgba(255, 255, 255, 0.03) inset;
+  min-height: 420px;
+  overflow: hidden;
+  transition: box-shadow 0.4s ease, border-color 0.4s ease;
 }
 
-/* 左侧文字区域 */
+.solution-content:hover {
+  border-color: rgba(56, 189, 248, 0.15);
+  box-shadow:
+    0 20px 60px rgba(0, 0, 0, 0.3),
+    0 0 40px rgba(56, 189, 248, 0.06),
+    0 0 0 1px rgba(255, 255, 255, 0.05) inset;
+}
+
+/* ---- 左侧文字区域 ---- */
 .solution-text {
-  flex: 1;
+  flex: 1.15;
   min-width: 0;
-  padding: 40px;
+  padding: 48px 52px;
   display: flex;
   flex-direction: column;
   justify-content: center;
+  position: relative;
+}
+
+/* 左侧装饰竖线 */
+.solution-text::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 20%;
+  height: 60%;
+  width: 3px;
+  background: linear-gradient(180deg, transparent, #38BDF8, rgba(99, 102, 241, 0.6), transparent);
+  border-radius: 3px;
 }
 
 .solution-text h3 {
-  font-size: 32px;
+  font-size: 28px;
   font-weight: 700;
-  color: #F9FAFB;
-  margin-bottom: 12px;
-  background: linear-gradient(135deg, #FFFFFF 0%, #38BDF8 100%);
+  color: #F1F5F9;
+  margin-bottom: 10px;
+  background: linear-gradient(135deg, #F1F5F9 30%, #38BDF8 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
+  line-height: 1.3;
 }
 
 .solution-subtitle {
-  font-size: 16px;
-  color: rgba(148, 163, 184, 0.9);
+  font-size: 15px;
+  color: rgba(148, 163, 184, 0.85);
   margin-bottom: 24px;
-  font-weight: 500;
+  font-weight: 400;
+  letter-spacing: 0.3px;
+  padding-bottom: 20px;
+  border-bottom: 1px solid rgba(148, 163, 184, 0.08);
 }
 
 .solution-desc {
-  color: rgba(203, 213, 225, 0.85);
-  line-height: 1.8;
+  color: rgba(203, 213, 225, 0.8);
+  line-height: 1.85;
   margin-bottom: 32px;
 }
 
 .solution-desc p {
-  margin-bottom: 12px;
-  font-size: 15px;
+  margin-bottom: 10px;
+  font-size: 14px;
+  position: relative;
+  padding-left: 16px;
+}
+
+.solution-desc p::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 9px;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: rgba(56, 189, 248, 0.6);
 }
 
 .solution-desc p:last-child {
@@ -4469,69 +4509,86 @@ html {
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  padding: 12px 32px;
-  font-size: 15px;
-  font-weight: 600;
-  color: #ffffff;
-  background: linear-gradient(135deg, #38BDF8 0%, #6366F1 100%);
-  border-radius: 30px;
+  padding: 10px 28px;
+  font-size: 14px;
+  font-weight: 500;
+  color: #38BDF8;
+  background: rgba(56, 189, 248, 0.08);
+  border: 1px solid rgba(56, 189, 248, 0.2);
+  border-radius: 8px;
   text-decoration: none;
   transition: all 0.3s ease;
-  box-shadow: 0 4px 16px rgba(56, 189, 248, 0.3);
   align-self: flex-start;
 }
 
 .solution-link:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 6px 24px rgba(56, 189, 248, 0.5);
+  background: rgba(56, 189, 248, 0.15);
+  border-color: rgba(56, 189, 248, 0.4);
+  color: #7DD3FC;
+  transform: translateX(4px);
+  box-shadow: 0 4px 16px rgba(56, 189, 248, 0.15);
 }
 
 .solution-link .icon-arrow-right {
   transition: transform 0.3s ease;
+  font-size: 12px;
 }
 
 .solution-link:hover .icon-arrow-right {
-  transform: translateX(5px);
+  transform: translateX(4px);
 }
 
-/* 右侧图片区域 */
+/* ---- 右侧图片区域 ---- */
 .solution-image {
   flex-shrink: 0;
-  width: 600px;
+  width: 45%;
   position: relative;
   overflow: hidden;
-  border-radius: 0;
-  background: rgba(15, 23, 42, 0.5);
+  border-radius: 0 16px 16px 0;
+  background: rgba(15, 23, 42, 0.4);
 }
 
 .solution-image img {
   width: 100%;
   height: 100%;
   object-fit: cover;
-  filter: brightness(1.1);
-  transition: transform 0.5s ease;
+  filter: brightness(0.95) saturate(1.05);
+  transition: transform 8s ease, filter 0.5s ease;
 }
 
+/* 柔和的 Ken-Burns 效果 */
 .solution-slide.active .solution-image img {
-  transform: scale(1.05);
+  transform: scale(1.08);
 }
 
-/* 图片光晕效果 */
-.solution-image::after {
+.solution-content:hover .solution-image img {
+  filter: brightness(1.05) saturate(1.1);
+}
+
+/* 图片渐变遮罩 — 左侧融入文字区 */
+.solution-image::before {
   content: '';
   position: absolute;
-  top: -50%;
-  left: -50%;
-  width: 200%;
-  height: 200%;
-  background: radial-gradient(circle, rgba(56, 189, 248, 0.15) 0%, transparent 60%);
-  opacity: 0;
-  transition: opacity 0.5s ease;
+  top: 0;
+  left: 0;
+  width: 60px;
+  height: 100%;
+  background: linear-gradient(90deg, rgba(15, 23, 42, 0.7) 0%, transparent 100%);
+  z-index: 1;
   pointer-events: none;
 }
 
-.solution-slide.active .solution-image::after {
-  opacity: 1;
+/* 图片底部渐变 */
+.solution-image::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 30%;
+  background: linear-gradient(180deg, transparent 0%, rgba(15, 23, 42, 0.4) 100%);
+  z-index: 1;
+  pointer-events: none;
 }
 
 /* ============================================