diff --git a/assets/css/custom.css b/assets/css/custom.css index e79b5b1..a370cdd 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -298,6 +298,7 @@ body { } .float-btn-tg { background: #229ED9; } +.float-btn-wx { background: #07C160; } .float-btn-up { background: var(--accent); opacity: 0; visibility: hidden; } .float-btn-up.visible { opacity: 1; visibility: visible; } @@ -306,6 +307,25 @@ body { color: white; } +/* 微信模态框深度美化 */ +.modal-content { + background: var(--bg-light); +} + +.qr-code-wrapper { + transition: all 0.3s; + border: 1px solid rgba(0,0,0,0.03); +} + +.qr-code-wrapper:hover { + transform: scale(1.02); + box-shadow: 0 15px 30px rgba(0,0,0,0.05) !important; +} + +.x-small { + font-size: 0.7rem; +} + /* 响应式调整 */ @media (max-width: 1200px) { .grid-4 { grid-template-columns: repeat(2, 1fr); } @@ -324,3 +344,213 @@ body { .navbar { height: auto; padding: 0.75rem 0; } .hero-carousel { height: 300px; } } + +/* 手机端底部菜单样式 */ +.mobile-bottom-nav { + position: fixed; + bottom: 0; + left: 0; + right: 0; + background: #ffffff !important; /* 强制白色背景，防止内容透出 */ + display: flex; + justify-content: space-around; + align-items: center; + padding: 12px 0 calc(12px + env(safe-area-inset-bottom)); /* 增加内边距 */ + box-shadow: 0 -10px 30px rgba(0,0,0,0.08); /* 加强阴影，使其层次感更强 */ + z-index: 999999; /* 极致的 z-index，确保不被任何元素遮挡 */ + border-top: 1px solid rgba(0,0,0,0.05); + display: none; /* 默认隐藏，仅在手机端显示 */ + pointer-events: auto; +} + +.mobile-nav-item { + display: flex; + flex-direction: column; + align-items: center; + text-decoration: none; + color: var(--text-muted); + font-size: 0.75rem; /* 稍微调大字体 */ + font-weight: 700; /* 加粗字体 */ + transition: 0.3s; + flex: 1; +} + +.mobile-nav-item i { + font-size: 1.5rem; /* 稍微调大图标 */ + margin-bottom: 4px; +} + +.mobile-nav-item.active, .mobile-nav-item:active { + color: var(--accent); +} + +.mobile-nav-item.highlight { + color: var(--accent); +} + +/* 手机端布局深度优化 */ +@media (max-width: 768px) { + .mobile-bottom-nav { + display: flex; + } + + body { + padding-bottom: 90px; /* 增加底部留空，确保内容不被遮挡 */ + } + + .hero-section { + padding-top: 100px; + padding-bottom: 40px; + text-align: center; + } + + .hero-title { + font-size: 1.85rem; + margin-bottom: 1rem; + } + + .hero-section .lead { + font-size: 1rem; + margin-bottom: 2rem; + padding: 0 10px; + } + + .hero-section .d-flex { + justify-content: center; + flex-direction: column; + gap: 12px !important; + } + + .hero-section .btn { + width: 100%; + padding: 12px; + } + + .section-title { + font-size: 1.6rem; + margin-bottom: 2.5rem; + } + + /* 手机端网格优化：2列显示更美观 */ + .grid-4 { + grid-template-columns: repeat(2, 1fr) !important; + gap: 12px; + } + + .grid-6 { + grid-template-columns: repeat(3, 1fr) !important; + gap: 10px; + } + + .tech-card { + padding: 1.25rem !important; + border-radius: 18px; + } + + .tech-card i { + font-size: 1.8rem !important; + } + + .tech-card h6 { + font-size: 0.85rem; + } + + /* 核心服务卡片内边距缩小 */ + #core-services .tech-card { + flex-direction: column !important; + text-align: center; + padding: 1rem !important; + } + + #core-services .icon-box-colorful { + margin: 0 auto 10px !important; + } + + /* 承接业务范围卡片 */ + #scope .tech-card { + padding: 12px 8px !important; + } + + #scope .tech-card span { + font-size: 0.75rem; + line-height: 1.2; + } + + /* 合作伙伴 */ + .partners-grid { + grid-template-columns: repeat(3, 1fr) !important; + gap: 10px; + } + + .partner-item { + padding: 1rem 0.5rem; + } + + .partner-icon { + font-size: 1.6rem !important; + } + + .partner-name { + font-size: 0.7rem !important; + } + + /* 隐藏部分冗余的悬浮按钮 */ + .floating-controls { + bottom: 110px; /* 进一步上移，防止与菜单冲突 */ + right: 20px; + } + + .float-btn { + width: 48px; + height: 48px; + font-size: 1.2rem; + } + + /* 案例卡片高度调整 */ + .case-image-wrapper { + height: 180px; + } + + /* 交付标准 */ + #delivery .grid-4 { + grid-template-columns: 1fr !important; + } +} + +/* Mobile View Switching Logic (Jump Pages Effect) */ +@media (max-width: 767px) { + /* DEFAULT: Hide sections that don't belong to the current view */ + + /* View: Home - Show Hero, Services, Scope, Capabilities, Tech, Partners */ + body.view-home #cases, + body.view-home #pricing, + body.view-home #delivery, + body.view-home .footer-cta { + display: none !important; + } + + /* View: Works - Show only Cases */ + body.view-works .hero-section, + body.view-works #core-services, + body.view-works #scope, + body.view-works #capabilities, + body.view-works #tech, + body.view-works #partners, + body.view-works #pricing, + body.view-works #delivery, + body.view-works .footer-cta { + display: none !important; + } + + /* View: Pricing - Show Pricing and Delivery */ + body.view-pricing .hero-section, + body.view-pricing #core-services, + body.view-pricing #scope, + body.view-pricing #capabilities, + body.view-pricing #tech, + body.view-pricing #partners, + body.view-pricing #cases, + body.view-pricing .footer-cta { + display: none !important; + } +} \ No newline at end of file diff --git a/assets/pasted-20260226-110355-12dfa7de.png b/assets/pasted-20260226-110355-12dfa7de.png new file mode 100644 index 0000000..6f90699 Binary files /dev/null and b/assets/pasted-20260226-110355-12dfa7de.png differ diff --git a/assets/pasted-20260226-112950-43911d29.png b/assets/pasted-20260226-112950-43911d29.png new file mode 100644 index 0000000..46b203f Binary files /dev/null and b/assets/pasted-20260226-112950-43911d29.png differ diff --git a/case-detail.php b/case-detail.php index 9e709c2..267f7be 100644 --- a/case-detail.php +++ b/case-detail.php @@ -1,15 +1,19 @@ - <?= htmlspecialchars($id) ?> - 智域科技成功案例 + <?= htmlspecialchars($case['title']) ?> - 智域科技成功案例 @@ -17,13 +21,16 @@ $id = $_GET['id'] ?? '智造 ERP 全链路升级'; -