<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="西安华世捷应用技术有限公司官网 - 领先的数智化解决方案提供商，致力于为企业提供前沿的技术产品与服务。">
<meta name="keywords" content="西安华世捷应用技术有限公司,数智化,解决方案,技术服务,AI,云计算">
<title>西安华世捷应用技术有限公司官网</title>
<style>
:root {
  --bg: #0a0e17;
  --bg-card: rgba(15, 23, 42, 0.8);
  --primary: #00d4ff;
  --primary-dark: #0090c0;
  --accent: #7c3aed;
  --accent-glow: rgba(124, 58, 237, 0.4);
  --text: #e2e8f0;
  --text-secondary: #94a3b8;
  --border: rgba(0, 212, 255, 0.15);
  --radius: 12px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.7;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* ===== Canvas 粒子背景 ===== */
#particle-canvas {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  pointer-events: none;
}

/* ===== 导航栏 ===== */
.nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  padding: 0 60px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: background var(--transition), box-shadow var(--transition);
}
.nav.scrolled {
  background: rgba(10, 14, 23, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 1px 0 var(--border);
}
.nav-logo {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
.nav-logo .icon {
  width: 32px; height: 32px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #fff;
}
.nav-links { display: flex; gap: 36px; list-style: none; }
.nav-links a {
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: color var(--transition);
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -4px; left: 0;
  width: 0; height: 2px;
  background: var(--primary);
  border-radius: 1px;
  transition: width var(--transition);
}
.nav-links a:hover { color: #fff; }
.nav-links a:hover::after { width: 100%; }

/* ===== 区域通用 ===== */
.section {
  position: relative;
  z-index: 1;
  padding: 120px 60px;
  max-width: 1200px;
  margin: 0 auto;
}
.section-title {
  text-align: center;
  margin-bottom: 64px;
}
.section-title h2 {
  font-size: 36px;
  font-weight: 700;
  background: linear-gradient(135deg, var(--primary), #a78bfa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  margin-bottom: 12px;
}
.section-title p {
  color: var(--text-secondary);
  font-size: 16px;
}
.section-line {
  width: 60px; height: 3px;
  background: linear-gradient(90deg, var(--primary), var(--accent));
  border-radius: 2px;
  margin: 16px auto 0;
}

/* ===== Hero ===== */
.hero {
  position: relative;
  z-index: 1;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 60px;
}
.hero-content { max-width: 800px; }
.hero-badge {
  display: inline-block;
  padding: 6px 20px;
  border: 1px solid var(--border);
  border-radius: 20px;
  font-size: 13px;
  color: var(--primary);
  margin-bottom: 28px;
  backdrop-filter: blur(10px);
  background: rgba(0, 212, 255, 0.06);
}
.hero h1 {
  font-size: 56px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 24px;
  background: linear-gradient(135deg, #fff 0%, var(--primary) 50%, #a78bfa 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.hero p {
  font-size: 18px;
  color: var(--text-secondary);
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto; margin-right: auto;
}
.hero-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 32px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all var(--transition);
  border: none;
}
.btn-primary {
  background: linear-gradient(135deg, var(--primary), var(--accent));
  color: #fff;
  box-shadow: 0 4px 24px var(--accent-glow);
}
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(124, 58, 237, 0.5);
}
.btn-outline {
  border: 1px solid var(--primary);
  color: var(--primary);
  background: transparent;
}
.btn-outline:hover {
  background: rgba(0, 212, 255, 0.08);
  transform: translateY(-2px);
}

/* 滚动提示 */
.scroll-hint {
  position: absolute;
  bottom: 40px; left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: var(--text-secondary);
  font-size: 12px;
  animation: fadeInUp 2s ease-in-out infinite;
}
.scroll-hint .line {
  width: 1px; height: 40px;
  background: linear-gradient(180deg, var(--primary), transparent);
}

/* ===== 关于我们 ===== */
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.about-text h3 {
  font-size: 24px;
  margin-bottom: 20px;
  color: #fff;
}
.about-text p {
  color: var(--text-secondary);
  margin-bottom: 16px;
  font-size: 15px;
}
.about-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.stat-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 32px 24px;
  text-align: center;
  backdrop-filter: blur(10px);
  transition: transform var(--transition), box-shadow var(--transition);
}
.stat-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 32px rgba(0, 212, 255, 0.1);
}
.stat-card .num {
  font-size: 40px;
  font-weight: 800;
  background: linear-gradient(135deg, var(--primary), #a78bfa);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.stat-card .label { font-size: 13px; color: var(--text-secondary); margin-top: 8px; }

/* ===== 产品/服务 ===== */
.products-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.product-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 40px 28px;
  backdrop-filter: blur(10px);
  transition: all var(--transition);
  position: relative;
  overflow: hidden;
}
.product-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 2px;
  background: linear-gradient(90deg, transparent, var(--primary), transparent);
  opacity: 0;
  transition: opacity var(--transition);
}
.product-card:hover::before { opacity: 1; }
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0, 212, 255, 0.08);
  border-color: rgba(0, 212, 255, 0.3);
}
.product-icon {
  width: 52px; height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 20px;
}
.product-icon.blue { background: rgba(0, 212, 255, 0.12); color: var(--primary); }
.product-icon.purple { background: rgba(124, 58, 237, 0.12); color: #a78bfa; }
.product-icon.green { background: rgba(34, 197, 94, 0.12); color: #22c55e; }
.product-card h4 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #fff;
}
.product-card p {
  font-size: 14px;
  color: var(--text-secondary);
  line-height: 1.7;
}

/* ===== 技术优势 ===== */
.tech-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.tech-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 36px 24px;
  text-align: center;
  backdrop-filter: blur(10px);
  transition: all var(--transition);
}
.tech-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 28px rgba(0, 212, 255, 0.06);
}
.tech-card .tech-icon {
  font-size: 32px;
  margin-bottom: 16px;
}
.tech-card h4 { font-size: 15px; color: #fff; margin-bottom: 8px; }
.tech-card p { font-size: 13px; color: var(--text-secondary); }

/* ===== 联系方式 ===== */
.contact-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
}
.contact-info h3 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #fff;
}
.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 20px;
}
.contact-item .icon {
  width: 40px; height: 40px;
  border-radius: 10px;
  background: rgba(0, 212, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}
.contact-item .info h5 { font-size: 14px; color: #fff; margin-bottom: 4px; }
.contact-item .info span { font-size: 13px; color: var(--text-secondary); }

.contact-form {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 36px;
  backdrop-filter: blur(10px);
}
.contact-form h4 { font-size: 18px; color: #fff; margin-bottom: 24px; }
.form-group { margin-bottom: 18px; }
.form-group label {
  display: block;
  font-size: 13px;
  color: var(--text-secondary);
  margin-bottom: 6px;
}
.form-group input,
.form-group textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: rgba(15, 23, 42, 0.6);
  color: #fff;
  font-size: 14px;
  font-family: inherit;
  outline: none;
  transition: border-color var(--transition);
  resize: vertical;
}
.form-group input:focus,
.form-group textarea:focus {
  border-color: var(--primary);
}
.form-group textarea { min-height: 100px; }

/* ===== Footer ===== */
.footer {
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--border);
  padding: 40px 60px;
  text-align: center;
  color: var(--text-secondary);
  font-size: 13px;
}
.footer .links {
  display: flex;
  gap: 32px;
  justify-content: center;
  margin-bottom: 20px;
}
.footer .links a { color: var(--text-secondary); text-decoration: none; transition: color var(--transition); }
.footer .links a:hover { color: var(--primary); }
.footer .beian { margin-top: 12px; color: #64748b; }
.footer .beian a { color: #64748b; text-decoration: none; }
.footer .beian a:hover { color: var(--primary); }

/* ===== 动画 ===== */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInDown {
  0% { opacity: 0; transform: translateY(-30px); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

/* ===== 响应式 ===== */
@media (max-width: 1024px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); }
  .tech-grid { grid-template-columns: repeat(2, 1fr); }
  .about-grid { grid-template-columns: 1fr; }
  .contact-wrapper { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  .hero h1 { font-size: 36px; }
  .hero p { font-size: 15px; }
  .section { padding: 80px 24px; }
  .nav { padding: 0 24px; }
  .nav-links { display: none; }
  .products-grid { grid-template-columns: 1fr; }
  .tech-grid { grid-template-columns: 1fr; }
}
</style>
</head>
<body>

<canvas id="particle-canvas"></canvas>

<!-- 导航 -->
<nav class="nav" id="navbar">
  <a href="#" class="nav-logo">
    <span class="icon">◆</span> 西安华世捷
  </a>
  <ul class="nav-links">
    <li><a href="#home">首页</a></li>
    <li><a href="#about">关于我们</a></li>
    <li><a href="#products">产品服务</a></li>
    <li><a href="#tech">技术优势</a></li>
    <li><a href="#contact">联系我们</a></li>
  </ul>
</nav>

<!-- Hero -->
<section class="hero" id="home">
  <div class="hero-content">
    <span class="hero-badge">✦ 数智化解决方案提供商</span>
    <h1>以科技之力<br>驱动商业未来</h1>
    <p>西安华世捷应用技术有限公司致力于为企业提供前沿的AI、云计算与大数据解决方案，助力数字化转型，实现业务增长新突破。</p>
    <div class="hero-btns">
      <a href="#products" class="btn btn-primary">探索产品</a>
      <a href="#contact" class="btn btn-outline">联系我们</a>
    </div>
  </div>
  <div class="scroll-hint">
    <span>向下滚动</span>
    <div class="line"></div>
  </div>
</section>

<!-- 关于我们 -->
<section class="section" id="about">
  <div class="section-title reveal">
    <h2>关于我们</h2>
    <p>以技术创新为引擎，以客户价值为导向</p>
    <div class="section-line"></div>
  </div>
  <div class="about-grid">
    <div class="about-text reveal">
      <h3>西安华世捷应用技术有限公司，数智化转型的可靠伙伴</h3>
      <p>西安华世捷应用技术有限公司成立于2019年，总部位于西安，是一家专注于企业级数智化解决方案的高新技术企业。公司汇聚了来自全球顶尖科技公司的核心人才，在人工智能、云计算、大数据等领域拥有深厚的技术积累。</p>
      <p>公司始终坚持以客户需求为导向，已累计服务超过500家企业客户，覆盖金融、制造、零售、医疗等多个行业。我们致力于用前沿技术赋能传统行业，帮助企业实现降本增效、业务创新。</p>
    </div>
    <div class="about-stats reveal">
      <div class="stat-card">
        <div class="num">500+</div>
        <div class="label">服务企业客户</div>
      </div>
      <div class="stat-card">
        <div class="num">50+</div>
        <div class="label">核心技术专利</div>
      </div>
      <div class="stat-card">
        <div class="num">98%</div>
        <div class="label">客户满意度</div>
      </div>
      <div class="stat-card">
        <div class="num">200+</div>
        <div class="label">专业团队成员</div>
      </div>
    </div>
  </div>
</section>

<!-- 产品服务 -->
<section class="section" id="products" style="padding-top: 0;">
  <div class="section-title reveal">
    <h2>产品与服务</h2>
    <p>覆盖企业数智化全链路的一站式解决方案</p>
    <div class="section-line"></div>
  </div>
  <div class="products-grid">
    <div class="product-card reveal">
      <div class="product-icon blue">☁</div>
      <h4>智能云平台</h4>
      <p>基于分布式架构的企业级云服务平台，提供弹性计算、容器编排、自动扩缩容等能力，保障业务高可用与高并发。</p>
    </div>
    <div class="product-card reveal">
      <div class="product-icon purple">◈</div>
      <h4>AI 智能中台</h4>
      <p>集机器学习、自然语言处理、计算机视觉于一体，提供开箱即用的AI能力，快速落地智能客服、风控、推荐等场景。</p>
    </div>
    <div class="product-card reveal">
      <div class="product-icon green">◉</div>
      <h4>数据智能分析</h4>
      <p>一站式数据治理与可视化分析平台，支持实时大屏、多维分析、智能预警，让数据真正驱动业务决策。</p>
    </div>
    <div class="product-card reveal">
      <div class="product-icon blue">⚡</div>
      <h4>低代码开发平台</h4>
      <p>拖拽式可视化搭建，支持快速构建企业级应用，大幅缩短开发周期，降低技术门槛，实现业务敏捷响应。</p>
    </div>
    <div class="product-card reveal">
      <div class="product-icon purple">◎</div>
      <h4>信息安全服务</h4>
      <p>覆盖网络安全、数据安全、应用安全的全方位防护体系，提供安全评估、渗透测试、合规咨询等专业服务。</p>
    </div>
    <div class="product-card reveal">
      <div class="product-icon green">⬡</div>
      <h4>物联网解决方案</h4>
      <p>从设备接入到数据上云的全链路IoT平台，支持海量设备连接与实时数据处理，赋能智能制造与智慧城市。</p>
    </div>
  </div>
</section>

<!-- 技术优势 -->
<section class="section" id="tech" style="padding-top: 0;">
  <div class="section-title reveal">
    <h2>技术优势</h2>
    <p>自主可控的核心技术体系</p>
    <div class="section-line"></div>
  </div>
  <div class="tech-grid">
    <div class="tech-card reveal">
      <div class="tech-icon">🔬</div>
      <h4>自主研发</h4>
      <p>核心产品100%自主知识产权</p>
    </div>
    <div class="tech-card reveal">
      <div class="tech-icon">⚙</div>
      <h4>高可用架构</h4>
      <p>99.99%服务可用性SLA保障</p>
    </div>
    <div class="tech-card reveal">
      <div class="tech-icon">🛡</div>
      <h4>安全合规</h4>
      <p>通过ISO 27001等国际认证</p>
    </div>
    <div class="tech-card reveal">
      <div class="tech-icon">↗</div>
      <h4>弹性扩展</h4>
      <p>支持百万级并发弹性伸缩</p>
    </div>
  </div>
</section>

<!-- 联系我们 -->
<section class="section" id="contact" style="padding-top: 0;">
  <div class="section-title reveal">
    <h2>联系我们</h2>
    <p>期待与您的合作，欢迎随时咨询</p>
    <div class="section-line"></div>
  </div>
  <div class="contact-wrapper">
    <div class="contact-info reveal">
      <h3>联系方式</h3>
      <div class="contact-item">
        <div class="icon">📍</div>
        <div class="info">
          <h5>公司地址</h5>
          <span>陕西省西安市高新区科技路88号A座1208室</span>
        </div>
      </div>
      <div class="contact-item">
        <div class="icon">📞</div>
        <div class="info">
          <h5>联系电话</h5>
          <span>0755-8888-6666</span>
        </div>
      </div>
      <div class="contact-item">
        <div class="icon">✉</div>
        <div class="info">
          <h5>电子邮箱</h5>
          <span>contact@nebula-tech.com</span>
        </div>
      </div>
      <div class="contact-item">
        <div class="icon">🕐</div>
        <div class="info">
          <h5>工作时间</h5>
          <span>周一至周五 9:00 - 18:00</span>
        </div>
      </div>
    </div>
    <div class="contact-form reveal">
      <h4>在线咨询</h4>
      <div class="form-group">
        <label>您的姓名</label>
        <input type="text" placeholder="请输入您的姓名">
      </div>
      <div class="form-group">
        <label>电子邮箱</label>
        <input type="email" placeholder="请输入您的邮箱">
      </div>
      <div class="form-group">
        <label>咨询内容</label>
        <textarea placeholder="请简要描述您的需求..."></textarea>
      </div>
      <button class="btn btn-primary" style="width:100%;justify-content:center;">提交咨询</button>
    </div>
  </div>
</section>

<!-- Footer -->
<footer class="footer">
  <div class="links">
    <a href="#about">关于我们</a>
    <a href="#products">产品服务</a>
    <a href="#tech">技术优势</a>
    <a href="#contact">联系我们</a>
  </div>
  <p>&copy; 2019 - 2026 西安华世捷应用技术有限公司 版权所有</p>
  <div class="beian">
    <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">陕ICP备20002330号-2</a>
    &nbsp;&nbsp;
    <span>陕公网安备 XXXXXXXXXXXXXX号</span>
  </div>
</footer>

<script>
// ===== 粒子背景 =====
(function() {
  const canvas = document.getElementById('particle-canvas');
  const ctx = canvas.getContext('2d');
  let w, h, particles = [];
  const maxParticles = 80;

  function resize() {
    w = canvas.width = window.innerWidth;
    h = canvas.height = window.innerHeight;
  }
  resize();
  window.addEventListener('resize', resize);

  class Particle {
    constructor() {
      this.reset();
      this.y = Math.random() * h;
    }
    reset() {
      this.x = Math.random() * w;
      this.y = -20;
      this.size = Math.random() * 2 + 0.5;
      this.speed = Math.random() * 0.6 + 0.2;
      this.opacity = Math.random() * 0.5 + 0.15;
      this.hue = Math.random() > 0.5 ? 192 : 260; // cyan or purple
    }
    update() {
      this.y += this.speed;
      if (this.y > h + 20) this.reset();
    }
    draw() {
      ctx.beginPath();
      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);
      ctx.fillStyle = `hsla(${this.hue}, 80%, 65%, ${this.opacity})`;
      ctx.fill();
    }
  }

  for (let i = 0; i < maxParticles; i++) {
    const p = new Particle();
    p.y = Math.random() * h;
    particles.push(p);
  }

  function animate() {
    ctx.clearRect(0, 0, w, h);
    // 连线
    for (let i = 0; i < particles.length; i++) {
      for (let j = i + 1; j < particles.length; j++) {
        const dx = particles[i].x - particles[j].x;
        const dy = particles[i].y - particles[j].y;
        const dist = Math.sqrt(dx * dx + dy * dy);
        if (dist < 140) {
          ctx.beginPath();
          ctx.moveTo(particles[i].x, particles[i].y);
          ctx.lineTo(particles[j].x, particles[j].y);
          ctx.strokeStyle = `rgba(0, 212, 255, ${0.06 * (1 - dist / 140)})`;
          ctx.lineWidth = 0.5;
          ctx.stroke();
        }
      }
    }
    particles.forEach(p => { p.update(); p.draw(); });
    requestAnimationFrame(animate);
  }
  animate();
})();

// ===== 导航栏滚动效果 =====
(function() {
  const nav = document.getElementById('navbar');
  window.addEventListener('scroll', () => {
    nav.classList.toggle('scrolled', window.scrollY > 60);
  });
})();

// ===== 滚动渐显动画 =====
(function() {
  const reveals = document.querySelectorAll('.reveal');
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => {
      if (entry.isIntersecting) {
        entry.target.classList.add('active');
        observer.unobserve(entry.target);
      }
    });
  }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });

  reveals.forEach(el => observer.observe(el));
})();

// ===== 联系表单提交 =====
document.querySelector('.contact-form .btn-primary').addEventListener('click', function() {
  const name = document.querySelector('.contact-form input[type="text"]').value.trim();
  const email = document.querySelector('.contact-form input[type="email"]').value.trim();
  const msg = document.querySelector('.contact-form textarea').value.trim();

  if (!name || !email || !msg) {
    alert('请填写完整的咨询信息');
    return;
  }
  if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
    alert('请输入有效的电子邮箱地址');
    return;
  }
  alert('感谢您的咨询！我们会尽快与您联系。');
  document.querySelector('.contact-form input[type="text"]').value = '';
  document.querySelector('.contact-form input[type="email"]').value = '';
  document.querySelector('.contact-form textarea').value = '';
});
</script>

</body>
</html>
<script>console.log("phpGrace Log : 控制器 : index, 方法 : index - 运行时间 : 0.39毫秒, 占用内存 : 32.99k");</script>