Autosave: 20260226-084259

assets/css/custom.css

@@ -44,7 +44,7 @@ body {
 }
 
 .navbar-brand {
-    font-size: 2.4rem; /* 统一基准字号 */
+    font-size: 2.4rem;
     display: inline-flex;
     align-items: center;
     text-decoration: none;
@@ -56,7 +56,7 @@ body {
 }
 
 .navbar-brand img {
-    height: 1.2em; /* 增加至1.2em，补偿图片边缘留白，确保视觉高度与文字对齐 */
+    height: 1.5em;
     width: auto;
     object-fit: contain;
     background: transparent !important;
@@ -65,11 +65,12 @@ body {
     animation: logo-float 3s ease-in-out infinite;
     z-index: 2;
     display: block;
-    margin-top: -0.1em; /* 微调垂直位置，使其视觉重心更平衡 */
+    margin-top: -0.15em;
+    margin-right: 0.2em;
 }
 
 .navbar-brand span {
-    font-size: 1em; /* 继承父级 2.4rem */
+    font-size: 1em;
     line-height: 1;
     font-weight: 900;
     letter-spacing: -0.02em;
@@ -188,12 +189,62 @@ body {
     gap: 0.75rem;
 }
 
-/* 轮播图优化 */
+/* 轮播图优化 - 修复为填满区域 */
+.hero-carousel {
+    border-radius: 40px;
+    overflow: hidden;
+    background: #000;
+    position: relative;
+    height: 480px; /* 增加高度以对齐左侧文字 */
+}
+
+.hero-carousel .carousel-inner,
+.hero-carousel .carousel-item {
+    height: 100%;
+}
+
+.hero-carousel .carousel-item {
+    position: relative;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* 移除之前的模糊背景效果，直接填满 */
+.hero-carousel .carousel-item::before {
+    display: none;
+}
+
+/* 核心图片展示 - 填满且无缝隙 */
 .hero-carousel .carousel-item img {
-    border-radius: 32px;
-    height: 520px;
-    object-fit: cover;
-    box-shadow: 0 30px 60px rgba(0,0,0,0.15);
+    width: 100%;
+    height: 100%;
+    object-fit: cover; /* 关键：填满区域，不留空白 */
+    position: relative;
+    z-index: 2;
+    transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
+}
+
+.hero-carousel:hover .carousel-item img {
+    transform: scale(1.05);
+}
+
+/* Caption 玻璃态设计 */
+.glass-panel {
+    background: rgba(255, 255, 255, 0.88) !important;
+    backdrop-filter: blur(12px);
+    border: 1px solid rgba(255, 255, 255, 0.4) !important;
+    border-radius: 16px !important;
+    box-shadow: 0 15px 35px rgba(0,0,0,0.12) !important;
+    color: #0f172a !important;
+    width: fit-content;
+    left: 25px !important;
+    right: auto !important;
+    bottom: 25px !important;
+    padding: 10px 18px !important;
+    z-index: 3;
+    opacity: 0.95;
 }
 
 /* 项目案例卡片 */
@@ -255,56 +306,6 @@ body {
     color: white;
 }
 
-/* 底部按钮字体突出 */
-.footer-cta .btn {
-    font-size: 1.25rem;
-    font-weight: 700;
-    letter-spacing: 1px;
-    padding: 1.25rem 2.5rem;
-}
-
-/* Form Icon Styles */
-.input-group-text {
-    background-color: transparent;
-    border: none;
-    padding-right: 0;
-    color: var(--text-muted);
-}
-
-.form-icon-input {
-    padding-left: 0.5rem;
-}
-
-/* Contact Sidebar Icons Matching Image (Solid White) */
-.contact-sidebar-icon {
-    width: 60px;
-    height: 60px;
-    background: #fff;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--accent);
-    font-size: 1.5rem;
-    flex-shrink: 0;
-    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
-}
-
-/* Footer white theme */
-footer.bg-white {
-    color: var(--text-main);
-}
-footer.bg-white .text-secondary {
-    color: var(--text-muted) !important;
-}
-footer.bg-white a.text-reset:hover {
-    color: var(--accent) !important;
-}
-footer.bg-white .opacity-10 {
-    opacity: 0.05 !important;
-    background-color: var(--text-main);
-}
-
 /* 响应式调整 */
 @media (max-width: 1200px) {
     .grid-4 { grid-template-columns: repeat(2, 1fr); }
@@ -313,7 +314,7 @@ footer.bg-white .opacity-10 {
 
 @media (max-width: 992px) {
     .partners-grid { grid-template-columns: repeat(3, 1fr); }
-    .hero-carousel .carousel-item img { height: 400px; }
+    .hero-carousel { height: 400px; }
     .hero-section { padding-top: 120px; }
 }
 
@@ -321,6 +322,5 @@ footer.bg-white .opacity-10 {
     .grid-4, .grid-6 { grid-template-columns: 1fr; }
     .hero-title { font-size: 2.2rem; }
     .navbar { height: auto; padding: 0.75rem 0; }
-    .navbar-brand { font-size: 2rem; }
-    .navbar-brand img { animation: none; }
+    .hero-carousel { height: 300px; }
 }

index.php

@@ -63,27 +63,41 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
                     </div>
                 </div>
                 <div class="col-lg-6">
-                    <div id="heroCarousel" class="carousel slide carousel-fade hero-carousel" data-bs-ride="carousel" data-bs-interval="4000">
+                    <div id="heroCarousel" class="carousel slide carousel-fade hero-carousel shadow-lg" data-bs-ride="carousel" data-bs-interval="3500">
                         <div class="carousel-inner">
                             <div class="carousel-item active">
-                                <img src="https://images.pexels.com/photos/1181244/pexels-photo-1181244.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="分布式架构">
-                                <div class="carousel-caption d-none d-md-block glass-panel m-3 p-3 text-start">
-                                    <p class="small mb-0 text-dark fw-bold"><i class="bi bi-cpu-fill me-2 text-primary"></i> 全球分布式集群监控 24/7</p>
+                                <img src="/assets/images/carousel-1.jpg" alt="智慧金融与分布式架构">
+                                <div class="carousel-caption glass-panel">
+                                    <p class="small mb-0 fw-bold"><i class="bi bi-bank2 me-2 text-primary"></i> 智慧金融分布式技术架构</p>
                                 </div>
                             </div>
                             <div class="carousel-item">
-                                <img src="https://images.pexels.com/photos/1181359/pexels-photo-1181359.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="安全审计">
-                                <div class="carousel-caption d-none d-md-block glass-panel m-3 p-3 text-start">
-                                    <p class="small mb-0 text-dark fw-bold"><i class="bi bi-shield-lock-fill me-2 text-success"></i> 金融级全链路安全审计系统</p>
+                                <img src="/assets/images/carousel-2.png" alt="数字化转型实践">
+                                <div class="carousel-caption glass-panel">
+                                    <p class="small mb-0 fw-bold"><i class="bi bi-cpu-fill me-2 text-success"></i> 赋能企业数字化转型实践</p>
                                 </div>
                             </div>
                             <div class="carousel-item">
-                                <img src="https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200" alt="云原生">
-                                <div class="carousel-caption d-none d-md-block glass-panel m-3 p-3 text-start">
-                                    <p class="small mb-0 text-dark fw-bold"><i class="bi bi-cloud-check-fill me-2 text-info"></i> 云原生架构无感动态扩容</p>
+                                <img src="/assets/images/carousel-3.png" alt="AI驱动的智能决策">
+                                <div class="carousel-caption glass-panel">
+                                    <p class="small mb-0 fw-bold"><i class="bi bi-robot me-2 text-info"></i> AI驱动的智能业务决策引擎</p>
+                                </div>
+                            </div>
+                            <div class="carousel-item">
+                                <img src="/assets/images/carousel-4.png" alt="全球化系统部署">
+                                <div class="carousel-caption glass-panel">
+                                    <p class="small mb-0 fw-bold"><i class="bi bi-globe-americas me-2 text-warning"></i> 全球化高可用系统部署方案</p>
                                 </div>
                             </div>
                         </div>
+                        <button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev">
+                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                            <span class="visually-hidden">Previous</span>
+                        </button>
+                        <button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next">
+                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                            <span class="visually-hidden">Next</span>
+                        </button>
                     </div>
                 </div>
             </div>