幅度萨芬

css/index.css

@@ -191,6 +191,21 @@ body#index .nav-right .control {
   margin-top: 50px;
 }
 
+/* 服务模块整体背景：与首页 banner 保持暗色科技感基调 */
+.section.service {
+  background:
+    radial-gradient(circle at 10% 0%, rgba(56, 189, 248, 0.18) 0%, transparent 40%),
+    linear-gradient(180deg, #020617 0%, #020617 100%);
+}
+
+.section.service .section-title h2 {
+  color: #F9FAFB;
+}
+
+.section.service .section-title .section-desc {
+  color: rgba(148, 163, 184, 0.95);
+}
+
 .service .service-box {
   min-height: 191px;
   margin: 10px;
@@ -338,7 +353,18 @@ body#index .nav-right .control {
 
 
 /* 服务实践 */
-.practice {}
+.practice {
+  /* 与解决方案区域衔接的暗色背景 */
+  background: linear-gradient(180deg, #020617 0%, #020617 100%);
+}
+
+.practice .section-title h2 {
+  color: #F9FAFB;
+}
+
+.practice .section-title .section-desc {
+  color: rgba(148, 163, 184, 0.95);
+}
 
 .practice .practice-content {
   margin: -10px;
@@ -394,7 +420,10 @@ body#index .nav-right .control {
 
 /* 基础措施 */
 .section-base {
-  background: rgba(247, 248, 250, 1);
+  /* 统一为暗色科技风背景，下方 cert 卡片及地图以亮色卡片形式凸显 */
+  background:
+    radial-gradient(circle at 0% 0%, rgba(56, 189, 248, 0.18) 0%, transparent 40%),
+    linear-gradient(180deg, #020617 0%, #020617 100%);
 }
 
 .section-base .base {
@@ -418,6 +447,19 @@ body#index .nav-right .control {
 
 .base .base-content .title-desc {
   white-space: nowrap;
+  color: rgba(148, 163, 184, 0.95);
+}
+
+.section-base .section-title h2 {
+  color: #F9FAFB;
+}
+
+.section-base .section-title .section-desc {
+  color: rgba(148, 163, 184, 0.95);
+}
+
+.section-base .base-content h2 {
+  color: #F9FAFB;
 }
 
 .cert {
@@ -451,6 +493,17 @@ body#index .nav-right .control {
 }
 
 /* 新闻 */
+.section.news {
+  background: linear-gradient(180deg, #020617 0%, #020617 100%);
+}
+
+.section.news .section-title h2 {
+  color: #F9FAFB;
+}
+
+.section.news .section-title .section-desc {
+  color: rgba(148, 163, 184, 0.95);
+}
 .news-content {
   margin-top: 60px;
   display: flex;
@@ -460,7 +513,12 @@ body#index .nav-right .control {
 
 .news-content .news-cont {
   flex: 1;
-
+  /* 新闻列表块采用深色卡片，与整体暗色背景协调 */
+  background: rgba(15, 23, 42, 0.92);
+  border-radius: 16px;
+  padding: 24px 24px 16px;
+  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.7);
+  border: 1px solid rgba(148, 163, 184, 0.4);
 }
 
 
@@ -490,7 +548,15 @@ body#index .nav-right .control {
 
 .news-content .news-head .news-more {
   font-size: 14px;
-  color: rgba(0, 0, 0, 0.6);
+  color: rgba(148, 163, 184, 0.9);
+}
+
+.news-content .news-head .news-more a {
+  color: inherit;
+}
+
+.news-content .news-head .news-more a:hover {
+  color: #E5E7EB;
 }
 
 .news-content .news-list {
@@ -531,7 +597,7 @@ body#index .nav-right .control {
 
 .news-content .news-item .title {
   font-size: 14px;
-  color: rgba(0, 0, 0, 0.90);
+  color: #E5E7EB;
 }
 
 .news-content .news-item .title:hover {
@@ -539,7 +605,7 @@ body#index .nav-right .control {
 }
 
 .news-content .news-item .time {
-  color: rgba(0, 0, 0, 0.4);
+  color: rgba(148, 163, 184, 0.9);
   font-size: 13px;
   min-width: 100px;
   text-align: right;