diff --git a/assets/css/custom.css b/assets/css/custom.css index 5e1915d..e79b5b1 100644 --- a/assets/css/custom.css +++ b/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; } } diff --git a/assets/images/carousel-1.jpg b/assets/images/carousel-1.jpg new file mode 100644 index 0000000..5ded4cf Binary files /dev/null and b/assets/images/carousel-1.jpg differ diff --git a/assets/images/carousel-2.png b/assets/images/carousel-2.png new file mode 100644 index 0000000..2620fa7 Binary files /dev/null and b/assets/images/carousel-2.png differ diff --git a/assets/images/carousel-3.png b/assets/images/carousel-3.png new file mode 100644 index 0000000..5e389a6 Binary files /dev/null and b/assets/images/carousel-3.png differ diff --git a/assets/images/carousel-4.png b/assets/images/carousel-4.png new file mode 100644 index 0000000..a0ef236 Binary files /dev/null and b/assets/images/carousel-4.png differ diff --git a/assets/images/pexels/ai-service.jpg b/assets/images/pexels/ai-service.jpg new file mode 100644 index 0000000..f066ba6 Binary files /dev/null and b/assets/images/pexels/ai-service.jpg differ diff --git a/assets/images/pexels/exchange.jpg b/assets/images/pexels/exchange.jpg new file mode 100644 index 0000000..874bfc7 Binary files /dev/null and b/assets/images/pexels/exchange.jpg differ diff --git a/assets/images/pexels/mobile-app.jpg b/assets/images/pexels/mobile-app.jpg new file mode 100644 index 0000000..3c767c9 Binary files /dev/null and b/assets/images/pexels/mobile-app.jpg differ diff --git a/assets/images/pexels/remote-control.jpg b/assets/images/pexels/remote-control.jpg new file mode 100644 index 0000000..53595a9 Binary files /dev/null and b/assets/images/pexels/remote-control.jpg differ diff --git a/assets/pasted-20260226-080354-773b30ab.png b/assets/pasted-20260226-080354-773b30ab.png new file mode 100644 index 0000000..2a38096 Binary files /dev/null and b/assets/pasted-20260226-080354-773b30ab.png differ diff --git a/assets/pasted-20260226-081714-49e3ce35.png b/assets/pasted-20260226-081714-49e3ce35.png new file mode 100644 index 0000000..0cfcb56 Binary files /dev/null and b/assets/pasted-20260226-081714-49e3ce35.png differ diff --git a/index.php b/index.php index 194a47d..24ff69b 100644 --- a/index.php +++ b/index.php @@ -63,27 +63,41 @@ $logo_path = '/assets/pasted-20260226-073317-a8105f30.png';
-