<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>项目交付公示 | Official Project Delivery Notice</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <style>
    body {
      margin: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                   Roboto, "Helvetica Neue", Arial,
                   "PingFang SC", "Hiragino Sans GB",
                   "Microsoft YaHei", sans-serif;
      background-color: #f2f4f8;
      color: #1a1a1a;
    }

    .page {
      max-width: 980px;
      margin: 90px auto;
      background: #ffffff;
      padding: 80px 70px;
      border-radius: 16px;
      box-shadow: 0 16px 50px rgba(0,0,0,0.08);
    }

    h1 {
      text-align: center;
      font-size: 32px;
      letter-spacing: 3px;
      margin-bottom: 14px;
    }

    .subtitle {
      text-align: center;
      font-size: 14px;
      color: #6b7280;
      margin-bottom: 70px;
    }

    .section {
      margin-bottom: 56px;
    }

    .section-title {
      font-size: 18px;
      font-weight: 600;
      margin-bottom: 26px;
      padding-left: 14px;
      border-left: 4px solid #1e3a8a;
      color: #111827;
    }

    .info-list {
      display: grid;
      grid-template-columns: 240px 1fr;
      row-gap: 26px;
      column-gap: 36px;
      font-size: 15px;
      line-height: 1.9;
    }

    .label {
      text-align: right;
      color: #6b7280;
      font-weight: 500;
    }

    .value {
      color: #111827;
      font-weight: 500;
    }

    .value strong {
      font-weight: 600;
    }

    .notice {
      background: #f8fafc;
      border-left: 4px solid #2563eb;
      padding: 26px 28px;
      font-size: 14px;
      line-height: 1.9;
      color: #374151;
      border-radius: 8px;
    }

    .divider {
      height: 1px;
      background: linear-gradient(to right, transparent, #d1d5db, transparent);
      margin: 70px 0;
    }

    .footer {
      text-align: center;
      font-size: 13px;
      color: #6b7280;
      line-height: 2;
    }

    .footer strong {
      color: #111827;
      font-weight: 600;
    }

    @media (max-width: 768px) {
      .page {
        margin: 30px 15px;
        padding: 50px 28px;
      }

      .info-list {
        grid-template-columns: 1fr;
      }

      .label {
        text-align: left;
        font-size: 13px;
      }
    }
  </style>
</head>

<body>

  <div class="page">
    <h1>项目交付公示</h1>
    <div class="subtitle">Official Project Delivery Notice</div>

    <div class="section">
      <div class="section-title">一、项目基本信息</div>
      <div class="info-list">
        <div class="label">项目名称</div>
        <div class="value">企业官方网站建设与部署项目</div>

        <div class="label">项目建设单位</div>
        <div class="value">
          <strong>济南锋芒网络技术有限公司</strong>
        </div>

        <div class="label">项目服务范围</div>
        <div class="value">
          网站整体规划与系统架构设计、页面视觉设计、系统开发与部署、
          上线测试、技术支持及后期维护服务
        </div>
      </div>
    </div>

    <div class="section">
      <div class="section-title">二、项目计划与交付节点</div>
      <div class="info-list">
        <div class="label">项目计划最晚上线时间</div>
        <div class="value">
          <strong>不晚于 2025 年 1 月 2 日</strong><br>
          <span style="font-size:13px;color:#6b7280;">
            No later than January 2, 2025
          </span>
        </div>

        <div class="label">交付标准说明</div>
        <div class="value">
          项目严格按照既定技术规范与实施流程推进，
          在正式上线前完成系统测试与功能验收，
          确保网站稳定性、安全性及长期可维护性。
        </div>
      </div>
    </div>

    <div class="section">
      <div class="section-title">三、技术与合规说明</div>
      <div class="notice">
        本项目建设、交付及后续技术支持过程，
        均遵循行业通行的技术标准与信息安全规范，
        满足企业级官方网站长期运行及合规管理要求。
      </div>
    </div>

    <div class="divider"></div>

    <div class="footer">
      This notice constitutes an official project delivery record.<br>
      Developed, delivered and supported by
      <strong>Jinan Fengmang Network Technology Co., Ltd.</strong>
    </div>
  </div>

</body>
</html>