<?php
require_once __DIR__ . '/db/config.php';
$project_name = '智域科技';
$logo_path = '/assets/pasted-20260226-063604-a7913cdd.png';
$id = $_GET['id'] ?? '智造 ERP 全链路升级';
?>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?= htmlspecialchars($id) ?> - 智域科技成功案例</title>
    <link rel="icon" href="<?= $logo_path ?>" type="image/png">
    <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 class="bg-subtle">
    <nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom scrolled">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center gap-2" href="/">
                <img src="<?= $logo_path ?>" alt="<?= htmlspecialchars($project_name) ?>" style="height: 32px;">
                <span class="fw-bold text-dark"><?= htmlspecialchars($project_name) ?></span>
            </a>
            <a href="/" class="btn btn-outline-primary btn-sm ms-auto fw-bold"><i class="bi bi-arrow-left"></i> 返回案例中心</a>
        </div>
    </nav>

    <main class="py-5 mt-5">
        <div class="container py-5">
            <div class="row justify-content-center">
                <div class="col-lg-10">
                    <div class="tech-card p-5 border-0 shadow-sm">
                        <span class="badge bg-primary bg-opacity-10 text-primary px-3 py-2 mb-3 fw-bold">智域科技精选案例</span>
                        <h1 class="display-5 fw-bold mb-4 text-dark"><?= htmlspecialchars($id) ?></h1>
                        <p class="lead text-muted mb-5">
                            该案例详细展示了智域科技如何将尖端的分布式架构与实际业务场景深度融合。通过底层数字化基座的重塑，为客户在竞争激烈的市场中创造了显著的商业价值与技术壁垒。
                        </p>
                        
                        <img src="https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200" class="img-fluid rounded-4 shadow-sm mb-5" alt="Case Header">

                        <div class="row g-5 mb-5">
                            <div class="col-md-4">
                                <h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">客户背景</h6>
                                <p class="small text-muted lh-lg">行业头部上市企业，在数字化转型的“深水区”面临传统架构无法支撑业务瞬时激增的严重瓶颈。</p>
                            </div>
                            <div class="col-md-4">
                                <h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">采用技术栈</h6>
                                <p class="small text-muted lh-lg">Go, Kubernetes (K8s), Kafka, PostgreSQL, Redis, Next.js, 智域自研风控引擎.</p>
                            </div>
                            <div class="col-md-4">
                                <h6 class="fw-bold text-uppercase tracking-widest small text-primary mb-3">交付周期</h6>
                                <p class="small text-muted lh-lg">6 个月（从深度需求审计到全量生产上线，包含多级压测验证）。</p>
                            </div>
                        </div>

                        <h4 class="fw-bold mb-4 text-dark">项目挑战</h4>
                        <p class="text-muted mb-5 lh-lg">客户原有的单体架构在业务洪峰期间频发系统性崩溃，数据一致性难以在高并发下得到保证，且每次更新的部署周期长达数周。核心需求在于：实现系统的高可用（99.99% SLA）、支持百万级并发、缩短发布周期至天级甚至小时级。</p>

                        <h4 class="fw-bold mb-4 text-dark">智域解决方案</h4>
                        <div class="p-4 bg-light rounded-4 mb-5 shadow-sm border-start border-primary border-4">
                            <p class="small text-muted lh-lg">我们首先对业务流程进行了精细化的领域驱动设计（DDD），将核心业务逻辑拆解为多个独立运行的微服务集群。通过引入智域分布式一致性协议与事件驱动架构，彻底解决了数据的一致性与解耦问题。同时，我们为其构建了一套端到端的全自动化 CI/CD 交付流水线，实现了从代码提交到安全上线的一体化、零人工干预管理。</p>
                        </div>

                        <h4 class="fw-bold mb-4 text-dark text-center">数字化转型成效</h4>
                        <div class="row g-4 mb-5 text-center">
                            <div class="col-4">
                                <h2 class="fw-bold text-primary mb-0">99.99%</h2>
                                <p class="small text-muted mt-2">系统稳定性（SLA）</p>
                            </div>
                            <div class="col-4">
                                <h2 class="fw-bold text-success mb-0">300%</h2>
                                <p class="small text-muted mt-2">并发吞吐处理能力</p>
                            </div>
                            <div class="col-4">
                                <h2 class="fw-bold text-info mb-0">-65%</h2>
                                <p class="small text-muted mt-2">年度运维成本降低</p>
                            </div>
                        </div>

                        <div class="text-center mt-5">
                            <a href="https://t.me/zhangshihao818" class="btn btn-primary btn-lg px-5 py-3 shadow">
                                我也要定制同样的数字化方案 <i class="bi bi-chevron-right ms-2"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="py-5 bg-white border-top">
        <div class="container text-center small text-muted">
            <p class="mb-0">&copy; 2020 <?= htmlspecialchars($project_name) ?>. 专业数字化工程与行业方案专家.</p>
        </div>
    </footer>
</body>
</html>