<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>安徽爱软网络科技有限公司</title>
	<meta name="description"
	      content="安徽爱软网络科技有限公司专注于系统盘分装技术支持，提供高效、安全、灵活的系统部署与运维解决方案。">
	<!-- 引入 Google Fonts 提升质感 -->
	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Noto+Sans+SC:wght@400;500;700&display=swap"
	      rel="stylesheet">
	<style>
      :root {
          --primary-color: #2563eb;
          --primary-light: #eff6ff;
          --text-main: #1e293b;
          --text-muted: #64748b;
          --bg-white: #ffffff;
          --bg-soft: #f8fafc;
          --transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
          --container-width: 1200px;
      }

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

      body {
          font-family: 'Inter', 'Noto Sans SC', sans-serif;
          color: var(--text-main);
          line-height: 1.6;
          overflow-x: hidden;
          background-color: var(--bg-white);
      }

      a {
          text-decoration: none;
          color: inherit;
          transition: var(--transition);
      }

      /* --- Header & Navigation --- */
      header {
          position: fixed;
          top: 0;
          width: 100%;
          height: 80px;
          background: rgba(255, 255, 255, 0.8);
          backdrop-filter: blur(12px);
          -webkit-backdrop-filter: blur(12px);
          z-index: 1000;
          border-bottom: 1px solid rgba(0, 0, 0, 0.05);
          display: flex;
          align-items: center;
      }

      .nav-container {
          width: 90%;
          max-width: var(--container-width);
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          align-items: center;
      }

      .logo {
          font-size: 24px;
          font-weight: 700;
          background: linear-gradient(90deg, var(--primary-color), #6366f1);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          letter-spacing: -0.5px;
      }

      .nav-links {
          display: flex;
          list-style: none;
          gap: 40px;
      }

      .nav-item {
          position: relative;
      }

      .nav-link {
          font-weight: 500;
          color: var(--text-main);
          font-size: 16px;
          padding: 10px 0;
      }

      .nav-link:hover {
          color: var(--primary-color);
      }

      /* 下拉菜单 */
      .dropdown {
          position: absolute;
          top: 100%;
          left: 50%;
          transform: translateX(-50%) translateY(15px);
          background: var(--bg-white);
          min-width: 220px;
          border-radius: 12px;
          box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
          opacity: 0;
          visibility: hidden;
          transition: var(--transition);
          list-style: none;
          padding: 10px;
          border: 1px solid rgba(0, 0, 0, 0.05);
      }

      .nav-item:hover .dropdown {
          opacity: 1;
          visibility: visible;
          transform: translateX(-50%) translateY(0);
      }

      .dropdown li a {
          display: block;
          padding: 12px 20px;
          border-radius: 8px;
          font-size: 14px;
          white-space: nowrap;
      }

      .dropdown li a:hover {
          background: var(--primary-light);
          color: var(--primary-color);
          padding-left: 25px;
      }

      /* --- Hero Section --- */
      .hero {
          padding-top: 160px;
          padding-bottom: 100px;
          background: radial-gradient(circle at 90% 10%, rgba(37, 99, 235, 0.05), transparent 40%);
          overflow: hidden;
      }

      .hero-container {
          width: 90%;
          max-width: var(--container-width);
          margin: 0 auto;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 60px;
      }

      .hero-text {
          flex: 1;
      }

      .badge {
          display: inline-block;
          padding: 6px 16px;
          background: var(--primary-light);
          color: var(--primary-color);
          border-radius: 100px;
          font-size: 14px;
          font-weight: 600;
          margin-bottom: 24px;
      }

      .hero-title {
          font-size: clamp(32px, 5vw, 56px);
          font-weight: 800;
          line-height: 1.1;
          margin-bottom: 24px;
          color: var(--text-dark);
      }

      .hero-desc {
          font-size: 18px;
          color: var(--text-muted);
          margin-bottom: 40px;
          max-width: 540px;
      }

      .btn {
          display: inline-block;
          padding: 16px 36px;
          background: var(--primary-color);
          color: white;
          border-radius: 8px;
          font-weight: 600;
          box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
      }

      .btn:hover {
          transform: translateY(-3px);
          box-shadow: 0 15px 30px rgba(37, 99, 235, 0.3);
      }

      .hero-image {
          flex: 1;
          position: relative;
      }

      .hero-image img {
          width: 100%;
          max-width: 500px;
          filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.1));
          animation: float 6s ease-in-out infinite;
      }

      @keyframes float {
          0%, 100% {
              transform: translateY(0);
          }
          50% {
              transform: translateY(-20px);
          }
      }

      /* --- Features Section --- */
      .section {
          padding: 120px 0;
      }

      .section-light {
          background-color: var(--bg-soft);
      }

      .container {
          width: 90%;
          max-width: var(--container-width);
          margin: 0 auto;
      }

      .feature-card {
          display: flex;
          align-items: center;
          gap: 80px;
          margin-bottom: 120px;
      }

      .feature-card:nth-child(even) {
          flex-direction: row-reverse;
      }

      .feature-card:last-child {
          margin-bottom: 0;
      }

      .feature-text {
          flex: 1;
      }

      .feature-image {
        /*flex: 1;*/
        width: 450px;
        background: white;
        padding: 20px 100px;
        border-radius: 24px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
        transition: var(--transition);
        text-align: center;
      }

      .feature-card:hover .feature-image {
          transform: scale(1.02);
          box-shadow: 0 30px 60px rgba(0, 0, 0, 0.08);
      }

      .feature-image img {
          width: 100%;
          border-radius: 16px;
      }

      .feature-title {
          font-size: 32px;
          font-weight: 700;
          margin-bottom: 20px;
          position: relative;
      }

      .feature-title::after {
          content: '';
          display: block;
          width: 50px;
          height: 4px;
          background: var(--primary-color);
          margin-top: 15px;
          border-radius: 2px;
      }

      .feature-desc {
          font-size: 16px;
          color: var(--text-muted);
          line-height: 1.8;
      }

      /* --- Stats/Trust Section --- */
      .stats {
          background: var(--text-main);
          color: white;
          padding: 80px 0;
          text-align: center;
      }

      .stats-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 40px;
      }

      .stat-item h3 {
          font-size: 40px;
          margin-bottom: 10px;
      }

      .stat-item p {
          color: #94a3b8;
          font-size: 14px;
          text-transform: uppercase;
          letter-spacing: 1px;
      }

      /* --- Footer --- */
      footer {
          padding: 80px 0 40px;
          background: #0f172a;
          color: white;
      }

      .footer-grid {
          display: grid;
          grid-template-columns: 2fr 1fr 1fr;
          gap: 60px;
          margin-bottom: 60px;
      }

      .footer-brand .logo {
          margin-bottom: 20px;
          display: inline-block;
      }

      .footer-brand p {
          color: #94a3b8;
          font-size: 14px;
          max-width: 300px;
      }

      .footer-links h4 {
          margin-bottom: 24px;
          font-size: 16px;
      }

      .footer-links ul {
          list-style: none;
      }

      .footer-links li {
          margin-bottom: 12px;
      }

      .footer-links a {
          color: #94a3b8;
          font-size: 14px;
      }

      .footer-links a:hover {
          color: white;
      }

      .copyright {
          padding-top: 40px;
          border-top: 1px solid rgba(255, 255, 255, 0.05);
          text-align: center;
          color: #64748b;
          font-size: 14px;
      }

      /* --- Animations --- */
      [data-reveal] {
          opacity: 0;
          transform: translateY(30px);
          transition: var(--transition);
      }

      [data-reveal].active {
          opacity: 1;
          transform: translateY(0);
      }

      /* --- Mobile Responsive --- */
      @media (max-width: 968px) {
          .hero-container {
              flex-direction: column;
              text-align: center;
          }

          .hero-text {
              order: 2;
          }

          .hero-image {
              order: 1;
              margin-bottom: 40px;
          }

          .feature-card, .feature-card:nth-child(even) {
              flex-direction: column;
              gap: 40px;
              text-align: center;
          }

          .nav-links {
              display: none; /* 简化演示，隐藏移动端导航 */
          }

          .footer-grid {
              grid-template-columns: 1fr;
              text-align: center;
          }

          .footer-brand p {
              margin: 0 auto;
          }
      }
	</style>
</head>
<body>

<!-- Header -->
<header>
	<div class="nav-container">
		<a href="#" class="logo">安徽爱软网络科技有限公司</a>
		<ul class="nav-links">
			<li class="nav-item"><a href="#" class="nav-link">首页</a></li>
			<li class="nav-item">
				<a href="#" class="nav-link">核心产品 ▾</a>
				<ul class="dropdown">
					<li><a href="https://driver.airuan.net/" target="_blank">🚀 软大师驱动修复</a></li>
<!--					<li><a href="#">🛠️ 系统盘分装工具</a></li>-->
<!--					<li><a href="#">🌐 数字化转型咨询</a></li>-->
				</ul>
			</li>
<!--			<li class="nav-item"><a href="#" class="nav-link">解决方案</a></li>-->
			<li class="nav-item"><a href="#about" class="nav-link">关于我们</a></li>
		</ul>
	</div>
</header>

<!-- Hero Section -->
<section class="hero">
	<div class="hero-container">
		<div class="hero-text">
			<span class="badge">数字化转型领先合作伙伴</span>
			<h1 class="hero-title">PC工具软件定制开发</h1>
			<p class="hero-desc">安徽爱软网络科技有限公司，专注于PC工具软件定制开发。我们致力于为各行业客户提供高效、安全、灵活的整体解决方案，助力企业简化
				IT 管理。</p>
<!--			<div class="hero-btns">-->
<!--				<a href="#" class="btn">立即咨询方案</a>-->
<!--			</div>-->
		</div>
		<div class="hero-image">
			<!-- 模拟原有的 r-img.png 效果 -->
			<img src="./images/t.png" alt=""
			     onerror="this.src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAwIiBoZWlnaHQ9IjUwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSIjZThmMmZmIi8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtc2l6ZT0iNDAiIGZpbGw9IiMyNTYzZWIiIHRleHQtYW5jaG9yPSJtaWRkbGUiIGZvbnQtZmFtaWx5PSJzYW5zLXNlcmlmIj5BSSBSVUFOIFRFQ0g8L3RleHQ+PC9zdmc+'">
		</div>
	</div>
</section>

<!-- Stats -->
<section class="stats">
	<div class="container">
		<div class="stats-grid">
			<div class="stat-item">
				<h3>99%</h3>
				<p>部署成功率</p>
			</div>
			<div class="stat-item">
				<h3>50%</h3>
				<p>运营成本降低</p>
			</div>
			<div class="stat-item">
				<h3>24/7</h3>
				<p>全天候技术支持</p>
			</div>
		</div>
	</div>
</section>

<!-- Features Section -->
<section class="section section-light" id="about">
	<div class="container">

		<div class="feature-card" data-reveal>
			<div class="feature-text">
				<h2 class="feature-title">定制化分装方案</h2>
				<p class="feature-desc">基于 Windows、Linux
					等主流操作系统，结合客户业务场景，提供系统盘分区规划、逻辑卷配置、多系统共存等定制化服务。适配服务器、工作站、虚拟机及云环境等多元部署场景。</p>
			</div>
			<div class="feature-image">
        <img src="./images/1.png" alt="定制化分装方案">
			</div>
		</div>

		<div class="feature-card" data-reveal>
			<div class="feature-text">
				<h2 class="feature-title">全流程技术支持</h2>
				<p class="feature-desc">
					覆盖从需求评估、方案设计、技术实施到后期运维的全链条服务。包括系统盘克隆、数据迁移、分区扩容、故障排查与应急响应，确保客户业务系统持续稳定运行。</p>
			</div>
			<div class="feature-image">
        <img src="./images/2.png" alt="全流程技术支持">
			</div>
		</div>

		<div class="feature-card" data-reveal>
			<div class="feature-text">
				<h2 class="feature-title">智能化运维管理</h2>
				<p class="feature-desc">引入自动化工具与管理平台，实现对大规模系统盘分装任务的集中管控、远程分发与实时监控。大幅提升
					IT 部门工作效率，降低人工操作风险，为企业数字化发展筑牢底层基石。</p>
			</div>
			<div class="feature-image">
				<img src="./images/3.png" alt="智能化运维">
			</div>
		</div>

	</div>
</section>

<!-- Footer -->
<footer>
	<div class="container">
		<div class="footer-grid">
			<div class="footer-brand">
				<a href="#" class="logo" style="color: white; -webkit-text-fill-color: white;">安徽爱软网络科技有限公司</a>
				<p>专注于PC工具软件定制开发，深耕数字化转型背景下的系统部署与运维服务领域。</p>
			</div>
			<div class="footer-links">
				<h4>产品中心</h4>
				<ul>
					<li><a href="https://driver.airuan.net/" target="_blank">软大师驱动修复</a></li>
<!--					<li><a href="#">系统分装工具</a></li>-->
<!--					<li><a href="#">技术文档</a></li>-->
				</ul>
			</div>
			<div class="footer-links">
				<h4>联系我们</h4>
				<ul>
					<li><a href="javascript:;">service@airuan.net</a></li>
				</ul>
			</div>
		</div>
		<div class="copyright">
			&copy; 2026 安徽爱软网络科技有限公司. <a href="https://beian.miit.gov.cn/"
			                                         target="_blank">皖ICP备2026005616号-1</a>
		</div>
	</div>
</footer>

<script>
	// 简单的滚动揭示动画实现
	const revealElements = document.querySelectorAll('[data-reveal]');

	const scrollReveal = function () {
		for (let i = 0; i < revealElements.length; i++) {
			const elementTop = revealElements[i].getBoundingClientRect().top;
			const revealPoint = 150;

			if (elementTop < window.innerHeight - revealPoint) {
				revealElements[i].classList.add('active');
			}
		}
	}

	window.addEventListener('scroll', scrollReveal);
	window.addEventListener('load', scrollReveal);
</script>
</body>
</html>
