添加银行和政府端小程序

website/assets/css/style.css

@@ -35,7 +35,7 @@ body {
 
 /* 首页Banner */
 .hero-section {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     min-height: 100vh;
     display: flex;
     align-items: center;
@@ -130,7 +130,7 @@ body {
 .feature-icon {
     width: 80px;
     height: 80px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     border-radius: 50%;
     display: flex;
     align-items: center;
@@ -153,7 +153,7 @@ body {
 
 /* 技术优势 */
 .technology-section {
-    background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
+    background: #2c3e50;
 }
 
 .tech-item {
@@ -249,7 +249,7 @@ body {
 }
 
 .news-date {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     color: white;
     padding: 0.5rem 1rem;
     border-radius: 20px;
@@ -285,6 +285,34 @@ body {
     padding: 5rem 0;
 }
 
+/* 联系我们新布局 */
+.contact-bottom {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-top: 2rem;
+    padding-top: 1.5rem;
+    border-top: 1px solid #e9ecef;
+}
+
+.contact-bottom-item {
+    display: flex;
+    align-items: center;
+    margin-right: 1.5rem;
+    margin-bottom: 0.5rem;
+}
+
+.contact-bottom-item i {
+    color: #667eea;
+    font-size: 1.1rem;
+    margin-right: 0.5rem;
+}
+
+.contact-bottom-item span {
+    color: #6c757d;
+    font-size: 0.95rem;
+}
+
 /* 百度地图样式 */
 #baidu-map-container {
     border: 2px solid #e9ecef;
@@ -300,13 +328,8 @@ body {
 
 /* 地图加载状态样式 */
 .map-loading {
-    background: linear-gradient(45deg, #f8f9fa 25%, transparent 25%), 
-                linear-gradient(-45deg, #f8f9fa 25%, transparent 25%), 
-                linear-gradient(45deg, transparent 75%, #f8f9fa 75%), 
-                linear-gradient(-45deg, transparent 75%, #f8f9fa 75%);
-    background-size: 20px 20px;
-    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
-    animation: mapLoading 1s linear infinite;
+    background: #f8f9fa;
+    position: relative;
 }
 
 @keyframes mapLoading {
@@ -340,7 +363,7 @@ body {
 .contact-item i {
     width: 50px;
     height: 50px;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     border-radius: 50%;
     display: flex;
     align-items: center;
@@ -455,7 +478,7 @@ html {
     left: 0;
     width: 100%;
     height: 100%;
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     display: flex;
     justify-content: center;
     align-items: center;
@@ -567,14 +590,13 @@ html {
 }
 
 .alert-success {
-    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    background: #667eea;
     color: white;
 }
 
 /* 骨架屏加载效果 */
 .skeleton {
-    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-    background-size: 200% 100%;
+    background: #f0f0f0;
     animation: loading 1.5s infinite;
 }
 
@@ -667,7 +689,7 @@ img {
 
 /* 侧边栏卡片样式 */
 .card-header {
-    background: linear-gradient(135deg, var(--bs-primary), var(--bs-info));
+    background: var(--bs-primary);
     color: white;
     border: none;
 }
@@ -700,7 +722,7 @@ img {
 }
 
 .modal-header {
-    background: linear-gradient(135deg, var(--bs-primary), var(--bs-info));
+    background: var(--bs-primary);
     color: white;
     border-radius: 15px 15px 0 0;
 }
@@ -890,6 +912,19 @@ img {
     border-color: #0d6efd;
 }
 
+/* 案例卡片链接样式 */
+.case-link {
+    display: block;
+    text-decoration: none;
+    color: inherit;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.case-link:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
+}
+
 /* 面包屑导航样式 */
 .breadcrumb {
     background: transparent;