<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>璟林 · 人工智能技术咨询</title>
    <style>
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
        line-height: 1.6;
        color: #1a1e2b;
        background-color: #f9fafc;
    }

    .container {
        max-width: 1100px;
        margin: 0 auto;
        padding: 0 24px;
    }

    /* 头部 */
    .header {
        background-color: #ffffff;
        border-bottom: 1px solid #eaeef2;
        padding: 16px 0;
        position: sticky;
        top: 0;
        z-index: 10;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
    }

    .header-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px;
    }

    .logo-area {
        display: flex;
        flex-direction: column;
    }

    .business-name {
        font-size: 1.6rem;
        font-weight: 700;
        letter-spacing: -0.02em;
        color: #0b1c33;
        line-height: 1.2;
    }

    .business-tag {
        font-size: 0.9rem;
        color: #4a5b6e;
        margin-top: 4px;
        font-weight: 400;
        border-left: 3px solid #3b82f6;
        padding-left: 10px;
        background: #f0f4fe;
        padding: 4px 10px;
        border-radius: 0 20px 20px 0;
        width: fit-content;
    }

    .nav-links {
        display: flex;
        gap: 32px;
    }

    .nav-links a {
        text-decoration: none;
        color: #2d3a4f;
        font-weight: 500;
        font-size: 1rem;
        transition: color 0.2s;
        display: inline-flex;
        align-items: center;
    }
    

    .nav-links a:hover {
        color: #3b82f6;
    }

    /* 主视觉 */
    .hero {
        background: linear-gradient(145deg, #f0f5ff 0%, #ffffff 80%);
        padding: 64px 0;
        border-bottom: 1px solid #e6edf4;
    }

    .hero-grid {
        display: flex;
        align-items: center;
        gap: 48px;
        flex-wrap: wrap;
    }

    .hero-text {
        flex: 1 1 400px;
    }

    .hero-badge {
        background: rgba(59, 130, 246, 0.1);
        color: #1e4a8b;
        font-size: 0.9rem;
        font-weight: 600;
        padding: 6px 14px;
        border-radius: 40px;
        display: inline-block;
        margin-bottom: 20px;
        border: 1px solid rgba(59, 130, 246, 0.2);
    }

    .hero-title {
        font-size: 2.8rem;
        font-weight: 800;
        line-height: 1.2;
        letter-spacing: -0.02em;
        color: #0a1a32;
        margin-bottom: 20px;
    }

    .hero-title span {
        color: #3b82f6;
        border-bottom: 3px solid #3b82f6;
        display: inline-block;
        padding-bottom: 4px;
    }

    .hero-desc {
        font-size: 1.2rem;
        color: #2d3f5e;
        max-width: 600px;
        margin-bottom: 30px;
    }

    .hero-stats {
        display: flex;
        gap: 40px;
        margin-top: 30px;
    }

    .stat-item {
        display: flex;
        flex-direction: column;
    }

    .stat-number {
        font-size: 1.8rem;
        font-weight: 700;
        color: #0b1c33;
    }

    .stat-label {
        color: #5a6e88;
        font-size: 0.9rem;
    }

    .hero-visual {
        flex: 0 0 280px;
        background: #ffffff;
        border-radius: 40px;
        padding: 30px 20px;
        box-shadow: 0 20px 35px -10px rgba(0, 20, 60, 0.15);
        border: 1px solid rgba(0, 0, 0, 0.03);
        text-align: center;
    }

    .ai-icon {
        font-size: 4rem;
        margin-bottom: 15px;
    }

    .visual-quote {
        font-style: italic;
        color: #2d3f5e;
        background: #f2f6fc;
        padding: 16px;
        border-radius: 20px;
        font-size: 0.95rem;
    }

    /* 内容区块 */
    .section {
        padding: 70px 0;
        border-bottom: 1px solid #eaeef2;
    }

    .section:last-child {
        border-bottom: none;
    }

    .section-title {
        font-size: 2rem;
        font-weight: 700;
        color: #0a1a32;
        margin-bottom: 16px;
        letter-spacing: -0.01em;
    }

    .section-sub {
        color: #4b5f7a;
        max-width: 700px;
        margin-bottom: 48px;
        font-size: 1.1rem;
    }

    .services-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
        gap: 30px;
    }

    .service-card {
        background: white;
        padding: 32px 24px;
        border-radius: 28px;
        box-shadow: 0 10px 25px -8px rgba(0, 0, 0, 0.06);
        transition: all 0.25s ease;
        border: 1px solid #edf2f7;
    }

    .service-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 25px 30px -12px rgba(59, 130, 246, 0.15);
        border-color: rgba(59, 130, 246, 0.3);
    }

    .service-icon {
        font-size: 2.2rem;
        margin-bottom: 20px;
    }

    .service-card h3 {
        font-size: 1.4rem;
        font-weight: 600;
        margin-bottom: 12px;
        color: #15273f;
    }

    .service-card p {
        color: #475a74;
        font-size: 0.95rem;
    }

    /* 关于我们 */
    .about-wrap {
        display: flex;
        gap: 50px;
        align-items: center;
        flex-wrap: wrap;
    }

    .about-text {
        flex: 2 1 300px;
    }

    .about-text p {
        margin-bottom: 20px;
        color: #314b68;
        font-size: 1.05rem;
    }

    .about-highlight {
        background: #ecf3fd;
        padding: 24px;
        border-radius: 24px;
        border-left: 6px solid #3b82f6;
    }

    .about-highlight strong {
        color: #0b1c33;
    }

    .about-contact {
        flex: 1 1 250px;
        background: white;
        border-radius: 28px;
        padding: 32px 24px;
        border: 1px solid #e0e9f2;
        text-align: center;
    }

    .contact-email-large {
        font-size: 1.3rem;
        font-weight: 600;
        background: #f0f5ff;
        padding: 12px 15px;
        border-radius: 50px;
        margin: 20px 0;
        word-break: break-all;
        border: 1px dashed #3b82f6;
    }

    .contact-email-large a {
        color: #1e4a8b;
        text-decoration: none;
    }

    .contact-email-large a:hover {
        text-decoration: underline;
    }

    .verify-note {
        font-size: 0.85rem;
        color: #6f7d95;
        background: #f8fafd;
        padding: 12px;
        border-radius: 16px;
        margin-top: 20px;
    }

    /* 联系方式区域 (footer前) */
    .contact-section {
        background: #ffffff;
        border-radius: 36px;
        padding: 50px 40px;
        margin: 40px 0 20px;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.02);
        border: 1px solid #e2eaf2;
    }

    .contact-flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 30px;
        align-items: center;
    }

    .contact-info-item {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .contact-email-footer {
        background: #eef4fe;
        padding: 12px 30px;
        border-radius: 60px;
        font-weight: 500;
        font-size: 1.2rem;
        border: 1px solid #bdd3fc;
    }

    .contact-email-footer a {
        color: #1e3e70;
        text-decoration: none;
    }

    /* footer */
    .footer {
        background: #0f1a2f;
        color: #b0c2da;
        padding: 40px 0;
        border-radius: 30px 30px 0 0;
        margin-top: 50px;
    }

    .footer-content {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 30px;
        align-items: center;
    }

    .footer-business {
        font-weight: 600;
        font-size: 1.2rem;
        color: white;
    }

    .footer-legal {
        font-size: 0.9rem;
        color: #9aadcc;
    }

    .footer-legal a {
        color: #cad9ff;
        text-decoration: none;
    }

    .small-note {
        background: rgba(255, 255, 255, 0.04);
        padding: 12px 20px;
        border-radius: 40px;
        font-size: 0.85rem;
        border: 1px solid #273c5c;
    }

    /* 提醒占位符替换 */
    .placeholder-reminder {
        background: #fef9e7;
        border: 1px solid #f2ddc9;
        border-radius: 16px;
        padding: 14px 20px;
        margin: 30px 0 10px;
        color: #8a6e3c;
        font-size: 0.9rem;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .placeholder-reminder strong {
        color: #b45b0f;
    }

    .nav-links a.lang-switch {
        background-color: #eef2f6;
        padding: 2px 14px;
        border-radius: 30px;
        border: 1px solid #cbd5e1;
        color: #1e3a8a;
        font-weight: 500;
        transition: all 0.2s ease;
    }

    .nav-links a.lang-switch:hover {
        background-color: #dbeafe;
        border-color: #3b82f6;
        color: #1e40af;
        text-decoration: none;
    }
    </style>
</head>

<body>
    <!-- 头部 -->
    <header class="header">
        <div class="container header-content">
            <div class="logo-area">
                <div class="business-name">武汉东湖新技术开发璟林信息技术中心</div>
                <div class="business-tag">统一社会信用代码：92420100MAK9CEPP91 · DUNS: 577131979</div>
            </div>
            <nav class="nav-links">
                <a href="#home">首页</a>
                <a href="#services">服务</a>
                <a href="#about">关于</a>
                <a href="#contact">联系</a>
                <a href="/index_en.html" class="lang-switch">English</a>
            </nav>
        </div>
    </header>
    <main>
        <!-- 首页/主视觉区 -->
        <section id="home" class="hero">
            <div class="container hero-grid">
                <div class="hero-text">
                    <span class="hero-badge">✔ 邓白氏编码已激活 · 苹果认证开发者</span>
                    <h1 class="hero-title">专注 <span>人工智能</span> 软件开发与深度技术咨询</h1>
                    <p class="hero-desc">为中小企业及创业者提供可落地的AI解决方案，从原型设计到技术落地，做您身边的人工智能技术伙伴。</p>
                    <div class="hero-stats">
                        <div class="stat-item">
                            <span class="stat-number">10+</span>
                            <span class="stat-label">AI项目经验</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-number">24/7</span>
                            <span class="stat-label">技术响应</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-number">100%</span>
                            <span class="stat-label">个体专注</span>
                        </div>
                    </div>
                </div>
                <div class="hero-visual">
                    <div class="ai-icon">🧠⚙️</div>
                    <div class="visual-quote">
                        “让AI技术不再遥远 —— 为您定制智能软件、提供专业咨询。”
                    </div>
                    <div style="margin-top: 20px; font-size:0.9rem; color:#5b7fae;">
                        <span>✨ 苹果 Developer 企业账号注册主体</span>
                    </div>
                </div>
            </div>
        </section>
        <!-- 服务板块：人工智能软件开发技术咨询 -->
        <section id="services" class="section">
            <div class="container">
                <h2 class="section-title">核心业务 · 技术咨询与开发</h2>
                <div class="section-sub">基于最新AI模型与软件工程实践，为您的想法赋予智能。</div>
                <div class="services-grid">
                    <div class="service-card">
                        <div class="service-icon">🤖</div>
                        <h3>AI应用开发</h3>
                        <p>智能客服、知识库问答、内容生成工具……从零到一打造您的AI软件产品。</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">📊</div>
                        <h3>机器学习咨询</h3>
                        <p>数据清洗、模型选型、训练调优，提供轻量化AI落地方案，降低技术门槛。</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">🔌</div>
                        <h3>API集成与自动化</h3>
                        <p>对接OpenAI、开源模型或自研接口，帮助您的业务快速接入人工智能能力。</p>
                    </div>
                    <div class="service-card">
                        <div class="service-icon">📝</div>
                        <h3>技术尽职调查</h3>
                        <p>针对创业团队、投资方提供AI技术可行性评估与架构建议。</p>
                    </div>
                </div>
            </div>
        </section>
        <!-- 关于我们 / 个体户说明 -->
        <section id="about" class="section">
            <div class="container about-wrap">
                <div class="about-text">
                    <h2 class="section-title" style="margin-bottom: 20px;">关于「璟林」</h2>
                    <p>武汉东湖新技术开发璟林信息技术中心 由资深AI工程师创立，专注于人工智能软件开发与前沿技术咨询。我们以个人开发者特有的敏捷与责任心，为各类客户提供透明、高效的技术服务。</p>
                    <p>团队创始人拥有多年AI工程化经验，曾服务于多家科技公司技术顾问。我们深知中小企业与独立开发者面临的挑战，因此致力于提供务实、可落地的人工智能解决方案。</p>
                    <div class="about-highlight">
                        <strong>🏢 法定注册信息</strong><br>
                        名称：武汉东湖新技术开发璟林信息技术中心<br>
                        地址：湖北省武汉市东湖新技术开发区天际路1号中冶南方国际社区一期2栋28层04号<br>
                        邓白氏编码：已认证 (DUNS: 577131979)
                    </div>
                </div>
                <div class="about-contact">
                    <div style="font-size: 2rem;">📬</div>
                    <h3 style="margin: 15px 0 5px;">官方联系渠道</h3>
                    <!-- 最重要的企业邮箱 -->
                    <div class="contact-email-large">
                        <a href="mailto:jinglin@husl.cn">jinglin@husl.cn</a>
                    </div>
                    <p style="color:#48658a;">业务咨询 · 邮箱</p>
                    <div class="verify-note">
                        ⚡ 本邮箱，实时收发。电话：+86 159 2764 3699
                    </div>
                </div>
            </div>
        </section>
        <!-- 独立联系方式区块 (突出邮箱) -->
        <div class="container" id="contact">
            <div class="contact-section">
                <div style="text-align: center; margin-bottom: 30px;">
                    <h2 style="font-size: 2rem; color: #0b1c33;">📮 官方联系方式</h2>
                </div>
                <div class="contact-flex">
                    <div class="contact-info-item">
                        <span style="font-size: 2rem;">📧</span>
                        <div>
                            <div style="font-weight: 600; color:#213753;">企业邮箱</div>
                            <div class="contact-email-footer">
                                <a href="mailto:jinglin@husl.cn">jinglin@husl.cn</a>
                            </div>
                        </div>
                    </div>
                    <div class="contact-info-item">
                        <span style="font-size: 2rem;">📞</span>
                        <div>
                            <div style="font-weight: 600; color:#213753;">联系电话</div>
                            <div>+86 159 2764 3699 (创始人直联)</div>
                        </div>
                    </div>
                    <div class="contact-info-item">
                        <span style="font-size: 2rem;">📍</span>
                        <div>
                            <div style="font-weight: 600; color:#213753;">注册地址</div>
                            <div>湖北省武汉市东湖新技术开发区天际路1号中冶南方国际社区一期2栋28层04号</div>
                        </div>
                    </div>
                </div>
                <div style="margin-top: 40px; background: #eef3fc; padding: 20px; border-radius: 24px; font-size:0.95rem; border:1px solid #cbdffc;">
                    <span style="font-weight: 600;">📋 苹果开发者审核备注：</span> 本网站为“武汉东湖新技术开发璟林信息技术中心（个体工商户）”的官方网站。邓白氏编码已与主体关联，如需任何进一步资料，请通过上方企业邮箱联系。
                </div>
            </div>
        </div>
    </main>
    <!-- 页脚 -->
    <footer class="footer">
        <div class="container footer-content">
            <div>
                <div class="footer-business">武汉东湖新技术开发璟林信息技术中心 (个体工商户)</div>
                <p>Wuhan Donghu NTD Jinglin Information Tech Center(Individually Owned Business)</p>
                <div class="footer-legal" style="margin-top: 10px;">© 2026 璟林信息技术中心 · 版权所有</div>
            </div>
            <div class="small-note">
                <span>✔ 邓白氏编码已验证 · 苹果开发者账号注册主体</span><br>
            </div>
        </div>
    </footer>
</body>

</html>