<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>寻找母星 — 专注互联网技术研发</title>
  <meta name="description" content="寻找母星 — 专注互联网技术研发，iOS APP 开发，网络营销网站开发。联系邮箱：chenjianzhen@16pinpin.com">
  <style>
    :root{
      --bg:#ffffff;
      --card:#f7f7f8;
      --text:#0f1720;
      --muted:#6b7280;
      --accent:#111827;
      --radius:14px;
      color-scheme: light dark;
    }
    @media (prefers-color-scheme: dark){
      :root{
        --bg:#0b1020;
        --card:#06101a;
        --text:#e6eef8;
        --muted:#94a3b8;
        --accent:#e6eef8;
      }
    }
    html,body{height:100%;}
    body{
      margin:0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      background:var(--bg);
      color:var(--text);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      display:grid;
      place-items:center;
      padding:24px;
    }
    .container{
      width:min(880px,100%);
      background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);
      border-radius:var(--radius);
      padding:48px 56px;
      box-shadow: 0 6px 30px rgba(2,6,23,0.08);
      text-align:center;
    }
    h1{
      margin:0 0 8px 0;
      font-size:28px;
      letter-spacing:0.2px;
      color:var(--accent);
    }
    p.lead{
      margin:0 0 20px 0;
      color:var(--muted);
      font-size:15px;
      line-height:1.6;
    }
    .meta{
      display:flex;
      gap:18px;
      justify-content:center;
      flex-wrap:wrap;
      margin-top:22px;
    }
    .meta a{
      text-decoration:none;
      color:var(--accent);
      border:1px solid rgba(0,0,0,0.04);
      padding:10px 14px;
      border-radius:10px;
      background:var(--card);
      font-size:14px;
    }
    .meta a:hover{opacity:0.95; transform:translateY(-2px); transition:all 160ms ease}
    footer{
      margin-top:28px;
      font-size:12px;
      color:var(--muted);
    }
    .logo{
      width:64px;height:64px;border-radius:12px;margin:0 auto 18px auto;background:linear-gradient(135deg,#e6eef8,#dbeafe);
      display:grid;place-items:center;color:#0b1220;font-weight:700;font-size:18px;
    }
    @media (max-width:520px){
      .container{padding:28px 20px;border-radius:12px}
      h1{font-size:22px}
    }
  </style>
</head>
<body>
  <main class="container" role="main">
    <div class="logo" aria-hidden="true">寻</div>
    <h1>寻找母星</h1>
    <p class="lead">专注互联网技术研发，提供 iOS APP 开发与网络营销网站开发服务。我们将技术与产品设计结合，帮助企业与团队快速上线高质量产品。</p>

    <div class="meta" aria-label="联系方式与备案">
      <a href="mailto:chenjianzhen@16pinpin.com" aria-label="发送邮件">✉️ 联系邮箱：chenjianzhen@16pinpin.com</a>
      <a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" aria-label="工信部备案查询">备案：粤ICP备18078274号</a>
    </div>

    <footer>
      &copy; <span id="year"></span> 寻找母星 — 保留所有权利。
    </footer>
  </main>

  <script>
    // 设置当前年份
    document.getElementById('year').textContent = new Date().getFullYear();
  </script>
</body>
</html>

