<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$project_description = '全球领先的IT数字化架构与行业解决方案专家';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= htmlspecialchars($project_name) ?> - <?= htmlspecialchars($project_description) ?></title>
    <link rel="icon" href="<?= $logo_path ?>" type="image/png">
    <!-- Fonts & Icons -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
    <link href="/assets/css/custom.css?v=<?= time() ?>" rel="stylesheet">
</head>
<body>

    <!-- ① 导航栏 -->
    <nav class="navbar navbar-expand-lg navbar-light fixed-top">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center gap-2" href="/">
                <img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="background: transparent !important;">
                <span class="fw-bold h4 mb-0 text-dark"><?= htmlspecialchars($project_name) ?></span>
            </a>
            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
                <ul class="navbar-nav ms-auto align-items-center gap-lg-4 mt-3 mt-lg-0">
                    <li class="nav-item"><a class="nav-link" href="#cases">声誉作品</a></li>
                    <li class="nav-item"><a class="nav-link" href="#services">核心能力</a></li>
                    <li class="nav-item"><a class="nav-link" href="#tech">技术底座</a></li>
                    <li class="nav-item"><a class="nav-link" href="#pricing">报价方案</a></li>
                    <li class="nav-item"><a class="nav-link" href="#solutions">转型实践</a></li>
                    <li class="nav-item ms-lg-2">
                        <a class="btn btn-primary px-4 shadow-sm fw-bold" href="https://t.me/zhangshihao818">立即咨询 <i class="bi bi-telegram ms-1"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- ② 英雄首屏 & 自动播放轮播图 -->
    <section class="hero-section">
        <div class="container">
            <div class="row align-items-center g-5">
                <div class="col-lg-6">
                    <span class="section-subtitle text-start mb-2">领先的数字化架构专家</span>
                    <h1 class="hero-title">
                        <span class="text-gradient">分布式技术节点</span><br>
                        全天候平稳运行中
                    </h1>
                    <p class="lead text-muted mb-5 pe-lg-4">
                        智域科技不仅提供系统开发。我们结合行业深度洞察与前沿架构技术，为复杂业务提供稳定、安全、可无限扩展的数字化基座。
                    </p>
                    <div class="d-flex flex-wrap gap-3">
                        <a href="https://t.me/zhangshihao818" class="btn btn-primary px-5 py-3 fw-bold">立即免费咨询 <i class="bi bi-lightning-charge-fill ms-1"></i></a>
                        <a href="#services" class="btn btn-outline-dark px-5 py-3 fw-bold">了解核心技术</a>
                    </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 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>
                                </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>
                                </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>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- ⑦ 每一个项目都是我们的声誉 (作品展示移动到上方) -->
    <section id="cases" class="py-5">
        <div class="container py-5">
            <span class="section-subtitle">作品展示</span>
            <h2 class="section-title">每一个项目都是我们的声誉</h2>
            <div class="grid-4">
                <?php
                $cases = [
                    ['img' => 'https://images.pexels.com/photos/190574/pexels-photo-190574.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '世界500强智造ERP全链路升级', 'tag' => '工业制造', 'desc' => '重塑底层架构，支撑全球20+工厂协同。'],
                    ['img' => 'https://images.pexels.com/photos/230544/pexels-photo-230544.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '跨国电商平台双11千万级高并发护航', 'tag' => '零售贸易', 'desc' => '毫秒级响应，成功应对峰值流量冲击。'],
                    ['img' => 'https://images.pexels.com/photos/7567443/pexels-photo-7567443.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '头部证券实时风控与高频交易系统', 'tag' => '金融科技', 'desc' => '毫秒级风控计算，确保交易安全性。'],
                    ['img' => 'https://images.pexels.com/photos/164501/pexels-photo-164501.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '某城商行分布式核心账务云化实践', 'tag' => '银行业务', 'desc' => '从单体到分布式的完美平滑迁移。'],
                    ['img' => 'https://images.pexels.com/photos/210158/pexels-photo-210158.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '智慧物流AGV无人仓储调度平台', 'tag' => '现代物流', 'desc' => '算法驱动，效率提升200%的调度奇迹。'],
                    ['img' => 'https://images.pexels.com/photos/3183183/pexels-photo-3183183.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '国家级数字化碳中和实时监控中台', 'tag' => '智慧政务', 'desc' => '全量数据接入，实现碳足迹精准追踪。'],
                    ['img' => 'https://images.pexels.com/photos/7089487/pexels-photo-7089487.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => '知名医疗机构云端HIS一体化系统', 'tag' => '智慧医疗', 'desc' => '连接医患，实现医疗资源最优化分配。'],
                    ['img' => 'https://images.pexels.com/photos/6770610/pexels-photo-6770610.jpeg?auto=compress&cs=tinysrgb&w=800', 'title' => 'AI驱动的高频量化交易决策引擎', 'tag' => '量化投资', 'desc' => '深度学习加持，捕捉转瞬即逝的机会。']
                ];
                foreach ($cases as $case): ?>
                <div class="case-card">
                    <div class="case-image-wrapper">
                        <img src="<?= $case['img'] ?>" alt="<?= $case['title'] ?>" class="case-image">
                    </div>
                    <div class="case-content p-4">
                        <span class="badge bg-primary bg-opacity-10 text-primary mb-2"><?= $case['tag'] ?></span>
                        <h6 class="fw-bold mb-3"><?= $case['title'] ?></h6>
                        <p class="x-small text-muted mb-4"><?= $case['desc'] ?></p>
                        <a href="case-detail.php?id=<?= urlencode($case['title']) ?>" class="text-primary small text-decoration-none fw-bold">查看案例细节 <i class="bi bi-chevron-right"></i></a>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- ③ 重塑业务的核心能力 (8个, 两排) -->
    <section id="services" class="py-5">
        <div class="container py-5">
            <span class="section-subtitle">业务核心能力</span>
            <h2 class="section-title">重塑业务的核心竞争优势</h2>
            <div class="grid-4">
                <?php
                $caps = [
                    ['icon' => 'laptop', 'title' => '定制软件开发', 'desc' => '针对企业独特业务流提供深度定制的原生架构方案。', 'color' => '#4285f4'],
                    ['icon' => 'cloud-arrow-up', 'title' => '云原生架构转型', 'desc' => '平滑迁移至微服务架构，实现系统极致的弹性扩展。', 'color' => '#34a853'],
                    ['icon' => 'shield-lock', 'title' => '金融级安全审计', 'desc' => '全链条加密与双重审计体系，筑造坚不可摧的数据防线。', 'color' => '#fbbc05'],
                    ['icon' => 'robot', 'title' => 'AI业务化集成', 'desc' => '将LLM与业务流程无缝打通，实现全链路智能化提效。', 'color' => '#ea4335'],
                    ['icon' => 'database-check', 'title' => '大数据治理', 'desc' => '亿级数据实时处理与清洗，将零散数据转化为决策资产。', 'color' => '#673ab7'],
                    ['icon' => 'gear-wide-connected', 'title' => '工业互联网集成', 'desc' => '打破软硬件壁垒，实现IT与OT的深度融合与协同。', 'color' => '#00bcd4'],
                    ['icon' => 'graph-up-arrow', 'title' => '敏捷增长引擎', 'desc' => '通过数据中台驱动业务增长，快速响应市场剧烈波动。', 'color' => '#ff5722'],
                    ['icon' => 'patch-check', 'title' => '合规与风险控管', 'desc' => '深度符合全球各行业标准，确保业务在全球范围合规。', 'color' => '#795548']
                ];
                foreach ($caps as $c): ?>
                <div class="tech-card">
                    <div class="icon-box-colorful" style="background: <?= $c['color'] ?>15; color: <?= $c['color'] ?>;">
                        <i class="bi bi-<?= $c['icon'] ?>"></i>
                    </div>
                    <h5 class="fw-bold mb-3"><?= $c['title'] ?></h5>
                    <p class="small text-muted mb-0"><?= $c['desc'] ?></p>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- ④ 前沿、成熟、稳定的技术底座 (12个, 两排) -->
    <section id="tech" class="py-5 bg-subtle">
        <div class="container py-5">
            <span class="section-subtitle">技术底座</span>
            <h2 class="section-title">前沿、成熟、稳定的工业级技术栈</h2>
            <div class="grid-6">
                <?php
                $techs = [
                    ['name' => 'Golang', 'cat' => '高性能并发', 'icon' => 'terminal', 'color' => '#00ADD8'],
                    ['name' => 'React', 'cat' => '前端交互', 'icon' => 'code-slash', 'color' => '#61DAFB'],
                    ['name' => 'Laravel', 'cat' => '后端引擎', 'icon' => 'server', 'color' => '#FF2D20'],
                    ['name' => 'PyTorch', 'cat' => 'AI模型', 'icon' => 'magic', 'color' => '#EE4C2C'],
                    ['name' => 'MySQL', 'cat' => '关系型数据库', 'icon' => 'database', 'color' => '#4479A1'],
                    ['name' => 'Redis', 'cat' => '极速缓存', 'icon' => 'lightning-fill', 'color' => '#DC382D'],
                    ['name' => 'Docker', 'cat' => '容器化', 'icon' => 'box-seam', 'color' => '#2496ED'],
                    ['name' => 'K8s', 'cat' => '集群编排', 'icon' => 'layers', 'color' => '#326CE5'],
                    ['name' => 'Kafka', 'cat' => '消息中间件', 'icon' => 'broadcast-pin', 'color' => '#231F20'],
                    ['name' => 'Postgres', 'cat' => '高级数据库', 'icon' => 'hdd-stack', 'color' => '#336791'],
                    ['name' => 'Next.js', 'cat' => '全栈框架', 'icon' => 'window', 'color' => '#000000'],
                    ['name' => 'Rust', 'cat' => '系统级语言', 'icon' => 'cpu', 'color' => '#000000']
                ];
                foreach ($techs as $t): ?>
                <div class="tech-card p-4 text-center d-flex flex-column align-items-center">
                    <i class="bi bi-<?= $t['icon'] ?> mb-3" style="font-size: 2.2rem; color: <?= $t['color'] ?>;"></i>
                    <h6 class="fw-bold mb-1"><?= $t['name'] ?></h6>
                    <span class="x-small text-muted"><?= $t['cat'] ?></span>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- 新增报价区域 -->
    <section id="pricing" class="py-5">
        <div class="container py-5">
            <span class="section-subtitle">报价方案</span>
            <h2 class="section-title">透明、合理的数字化建设投入</h2>
            <div class="grid-4">
                <?php
                $pricing = [
                    ['icon' => 'speedometer2', 'title' => '基础MVP版', 'desc' => '适用于快速验证业务逻辑的小型系统，包含核心基础功能。', 'price' => '¥49,900 起', 'color' => '#4285f4'],
                    ['icon' => 'award', 'title' => '企业标准版', 'desc' => '涵盖主流业务场景，集成高可用架构与基础安全策略。', 'price' => '¥99,900 起', 'color' => '#34a853'],
                    ['icon' => 'gem', 'title' => '旗舰定制版', 'desc' => '全链路深度定制，支撑超大规模业务并发与复杂逻辑。', 'price' => '¥199,900 起', 'color' => '#fbbc05'],
                    ['icon' => 'building-gear', 'title' => '集团生态版', 'desc' => '多端互联与私有化部署，深度契合大型集团合规性要求。', 'price' => '面议', 'color' => '#ea4335']
                ];
                foreach ($pricing as $p): ?>
                <div class="tech-card border-bottom border-4" style="border-color: <?= $p['color'] ?> !important;">
                    <div class="icon-box-colorful" style="background: <?= $p['color'] ?>15; color: <?= $p['color'] ?>;">
                        <i class="bi bi-<?= $p['icon'] ?>"></i>
                    </div>
                    <h5 class="fw-bold mb-3"><?= $p['title'] ?></h5>
                    <p class="small text-muted mb-4"><?= $p['desc'] ?></p>
                    <div class="mt-auto">
                        <span class="h4 fw-bold text-primary"><?= $p['price'] ?></span>
                        <a href="https://t.me/zhangshihao818" class="btn btn-outline-primary btn-sm w-100 mt-3 fw-bold">获取详细报价单</a>
                    </div>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- ⑤ 赋能千行百业的转型实践 (8个, 两排) -->
    <section id="solutions" class="py-5 bg-subtle">
        <div class="container py-5">
            <span class="section-subtitle">转型实践</span>
            <h2 class="section-title">赋能千行百业的数字化转型实践</h2>
            <div class="grid-4">
                <?php
                $sols = [
                    ['icon' => 'cart4', 'name' => '智慧新零售', 'desc' => '全渠道订单同步与库存共享，支撑百万级SKU实时调度。', 'color' => '#FF6B6B'],
                    ['icon' => 'bank2', 'name' => '数字金融', 'desc' => '高并发交易撮合引擎与实时风控系统，确保毫秒级安全响应。', 'color' => '#4D96FF'],
                    ['icon' => 'factory', 'name' => '智能制造', 'desc' => 'MES系统集成与预测性维护，助力工厂实现全流程自动化监控。', 'color' => '#6BCB77'],
                    ['icon' => 'hospital', 'name' => '智慧医疗', 'desc' => '电子病历上云与远程诊疗系统，提升医疗资源的精准分配。', 'color' => '#FFD93D'],
                    ['icon' => 'airplane', 'name' => '智慧物流', 'desc' => '路径优化算法与实时追踪体系，大幅降低跨境物流周转成本。', 'color' => '#9B51E0'],
                    ['icon' => 'building', 'name' => '智慧园区', 'desc' => '能耗实时分析与智能安防集成，打造零碳数字化办公空间。', 'color' => '#27AE60'],
                    ['icon' => 'mortarboard', 'name' => '在线教育', 'desc' => '百万级并发低延迟直播架构，支撑全球化在线教学互动。', 'color' => '#F2994A'],
                    ['icon' => 'shop', 'name' => '数字政务', 'desc' => '流程驱动的政务一体化平台，实现“一网通办”的效率变革。', 'color' => '#2D9CDB']
                ];
                foreach ($sols as $s): ?>
                <div class="tech-card">
                    <div class="icon-box-colorful" style="background: <?= $s['color'] ?>15; color: <?= $s['color'] ?>;">
                        <i class="bi bi-<?= $s['icon'] ?>"></i>
                    </div>
                    <h5 class="fw-bold mb-3"><?= $s['name'] ?></h5>
                    <p class="small text-muted mb-4"><?= $s['desc'] ?></p>
                    <a href="solution-detail.php?type=<?= urlencode($s['name']) ?>" class="btn btn-outline-primary btn-sm mt-auto fw-bold py-2">进入浏览 <i class="bi bi-arrow-right"></i></a>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- ⑥ 全球客户与合作伙伴 (18个) -->
    <section class="py-5">
        <div class="container py-5">
            <span class="section-subtitle">全球合作伙伴</span>
            <h2 class="section-title">信任我们的行业巨头与全球合作伙伴</h2>
            <div class="partners-grid">
                <?php
                $partners = [
                    ['icon' => 'bi-microsoft', 'name' => 'Microsoft', 'color' => '#00a4ef'],
                    ['icon' => 'bi-google', 'name' => 'Google Cloud', 'color' => '#4285f4'],
                    ['icon' => 'bi-amazon', 'name' => 'AWS', 'color' => '#ff9900'],
                    ['icon' => 'bi-nvidia', 'name' => 'NVIDIA', 'color' => '#76b900'],
                    ['icon' => 'bi-tencent-qq', 'name' => 'Tencent', 'color' => '#0052d9'],
                    ['icon' => 'bi-apple', 'name' => 'Apple Business', 'color' => '#000000'],
                    ['icon' => 'bi-meta', 'name' => 'Meta AI', 'color' => '#0668E1'],
                    ['icon' => 'bi-stripe', 'name' => 'Stripe', 'color' => '#008cdd'],
                    ['icon' => 'bi-paypal', 'name' => 'PayPal', 'color' => '#003087'],
                    ['icon' => 'bi-github', 'name' => 'GitHub', 'color' => '#181717'],
                    ['icon' => 'bi-dropbox', 'name' => 'Dropbox', 'color' => '#0061FF'],
                    ['icon' => 'bi-slack', 'name' => 'Slack', 'color' => '#4A154B'],
                    ['icon' => 'bi-spotify', 'name' => 'Spotify', 'color' => '#1DB954'],
                    ['icon' => 'bi-android2', 'name' => 'Android', 'color' => '#3DDC84'],
                    ['icon' => 'bi-cloud-fill', 'name' => 'Salesforce', 'color' => '#00A1E0'],
                    ['icon' => 'bi-box-seam', 'name' => 'DigitalOcean', 'color' => '#0080FF'],
                    ['icon' => 'bi-layers-half', 'name' => 'Cloudflare', 'color' => '#F38020'],
                    ['icon' => 'bi-terminal-fill', 'name' => 'Oracle', 'color' => '#F80000']
                ];
                foreach ($partners as $p): ?>
                <div class="partner-item">
                    <i class="bi <?= $p['icon'] ?> partner-icon" style="color: <?= $p['color'] ?>;"></i>
                    <span class="partner-name"><?= $p['name'] ?></span>
                </div>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <!-- ⑧ 交付标准 -->
    <section class="py-5 bg-subtle">
        <div class="container py-5">
            <span class="section-subtitle">交付标准</span>
            <h2 class="section-title">严谨、透明、科学的工程级交付标准</h2>
            <div class="grid-4">
                <div class="tech-card border-top border-4 border-primary">
                    <div class="icon-box-colorful bg-primary bg-opacity-10 text-primary mb-4">
                        <i class="bi bi-search"></i>
                    </div>
                    <h5 class="fw-bold">深度需求对齐</h5>
                    <p class="small text-muted mb-0">通过专家工作坊进行业务逻辑深度拆解，确保技术路线与商业战略完美契合。</p>
                </div>
                <div class="tech-card border-top border-4 border-success">
                    <div class="icon-box-colorful bg-success bg-opacity-10 text-success mb-4">
                        <i class="bi bi-diagram-3"></i>
                    </div>
                    <h5 class="fw-bold">架构技术选型</h5>
                    <p class="small text-muted mb-0">基于未来5年业务量预估进行基座搭建，选用最具扩展性的工业级技术栈。</p>
                </div>
                <div class="tech-card border-top border-4 border-warning">
                    <div class="icon-box-colorful bg-warning bg-opacity-10 text-warning mb-4">
                        <i class="bi bi-terminal"></i>
                    </div>
                    <h5 class="fw-bold">敏捷迭代开发</h5>
                    <p class="small text-muted mb-0">采用标准Scrum流程，周周可见交付成果，确保项目进度与质量透明可控。</p>
                </div>
                <div class="tech-card border-top border-4 border-danger">
                    <div class="icon-box-colorful bg-danger bg-opacity-10 text-danger mb-4">
                        <i class="bi bi-check-all"></i>
                    </div>
                    <h5 class="fw-bold">自动化验收</h5>
                    <p class="small text-muted mb-0">集成全自动压测与安全扫描，通过数万项用例验证后方可平滑上线。</p>
                </div>
            </div>
        </div>
    </section>

    <!-- ⑨ 限时免费咨询 -->
    <section class="container py-5 mb-5 footer-cta">
        <div class="tech-card bg-primary text-white p-5 text-center overflow-hidden shadow-lg border-0">
            <div class="position-absolute top-0 start-0 w-100 h-100 opacity-10" style="background: url('https://www.transparenttextures.com/patterns/carbon-fibre.png');"></div>
            <div class="position-relative z-1">
                <div class="icon-box-colorful bg-white text-primary mx-auto mb-4" style="width: 80px; height: 80px; font-size: 2.5rem;">
                    <i class="bi bi-chat-heart"></i>
                </div>
                <h2 class="fw-bold mb-3">准备好开启数字化转型之旅了吗？</h2>
                <p class="lead mb-5 opacity-75">智域科技专家团队 24/7 在线，为您提供免费的初步架构诊断与方案咨询。</p>
                <div class="d-flex justify-content-center gap-3 flex-wrap">
                    <a href="https://t.me/zhangshihao818" class="btn btn-light btn-lg px-5 py-3 shadow">
                        <i class="bi bi-telegram me-2"></i> 立即通过 Telegram 咨询
                    </a>
                    <a href="contact.php" class="btn btn-outline-light btn-lg px-5 py-3">
                        提交需求申请表
                    </a>
                </div>
                <div class="mt-4 pt-3 opacity-50 small">
                    <i class="bi bi-shield-check me-1"></i> 我们承诺：您的业务信息将受到金融级安全协议保护，绝不泄露。
                </div>
            </div>
        </div>
    </section>

    <!-- ⑩ 页脚 -->
    <footer class="bg-dark text-white pt-5 pb-4">
        <div class="container">
            <div class="row g-5">
                <div class="col-lg-4">
                    <a class="navbar-brand d-flex align-items-center gap-2 mb-4" href="/">
                        <img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 40px; background: transparent !important;">
                        <span class="fw-bold h4 mb-0 text-white"><?= htmlspecialchars($project_name) ?></span>
                    </a>
                    <p class="small text-secondary mb-4">智域科技是全球领先的分布式系统专家，致力于通过尖端架构技术赋能企业实现无感数字化转型。</p>
                    <div class="d-flex gap-3">
                        <a href="#" class="text-white opacity-50 hover-opacity-100"><i class="bi bi-twitter-x"></i></a>
                        <a href="#" class="text-white opacity-50 hover-opacity-100"><i class="bi bi-linkedin"></i></a>
                        <a href="https://t.me/zhangshihao818" class="text-white opacity-50 hover-opacity-100"><i class="bi bi-telegram"></i></a>
                    </div>
                </div>
                <div class="col-6 col-lg-2">
                    <h6 class="fw-bold mb-4">核心服务</h6>
                    <ul class="list-unstyled small text-secondary">
                        <li class="mb-2"><a href="service-detail.php?type=软件开发" class="text-decoration-none text-reset">定制软件开发</a></li>
                        <li class="mb-2"><a href="service-detail.php?type=云原生" class="text-decoration-none text-reset">云原生架构</a></li>
                        <li class="mb-2"><a href="service-detail.php?type=安全审计" class="text-decoration-none text-reset">安全合规审计</a></li>
                        <li class="mb-2"><a href="service-detail.php?type=AI集成" class="text-decoration-none text-reset">AI集成方案</a></li>
                    </ul>
                </div>
                <div class="col-6 col-lg-2">
                    <h6 class="fw-bold mb-4">关于我们</h6>
                    <ul class="list-unstyled small text-secondary">
                        <li class="mb-2"><a href="#cases" class="text-decoration-none text-reset">经典案例</a></li>
                        <li class="mb-2"><a href="privacy.php" class="text-decoration-none text-reset">隐私政策</a></li>
                        <li class="mb-2"><a href="agreement.php" class="text-decoration-none text-reset">服务协议</a></li>
                        <li class="mb-2"><a href="contact.php" class="text-decoration-none text-reset">联系我们</a></li>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <h6 class="fw-bold mb-4">订阅技术简报</h6>
                    <p class="small text-secondary mb-4">每月获取最新的分布式架构趋势与安全动态。</p>
                    <div class="input-group">
                        <input type="email" class="form-control bg-secondary bg-opacity-10 border-0 text-white" placeholder="您的邮箱地址">
                        <button class="btn btn-primary px-4 fw-bold">订阅</button>
                    </div>
                </div>
            </div>
            <hr class="my-5 opacity-10">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-start">
                    <p class="small text-secondary mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 版权所有。</p>
                </div>
                <div class="col-md-6 text-center text-md-end mt-3 mt-md-0">
                    <span class="small text-secondary">系统状态: <span class="text-success"><i class="bi bi-check-circle-fill me-1"></i> 所有节点正常运行</span></span>
                </div>
            </div>
        </div>
    </footer>

    <!-- 悬浮按钮组 -->
    <div class="floating-controls">
        <a href="https://t.me/zhangshihao818" target="_blank" class="float-btn float-btn-tg" title="Telegram 咨询">
            <i class="bi bi-telegram"></i>
        </a>
        <button class="float-btn float-btn-up" title="返回顶部">
            <i class="bi bi-arrow-up"></i>
        </button>
    </div>

    <!-- Bootstrap JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
    <script src="/assets/js/main.js?v=<?= time() ?>"></script>
</body>
</html>