<!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="上海域联贸易有限公司官方网站正在建设中。">
<meta name="robots" content="noindex">
<style>
  :root {
    --ink: #1f2937;
    --muted: #6b7280;
    --line: #e5e7eb;
    --bg: #ffffff;
    --accent: #15803d;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --ink: #e5e7eb;
      --muted: #9ca3af;
      --line: #374151;
      --bg: #111827;
      --accent: #4ade80;
    }
  }
  * { box-sizing: border-box; }
  html, body { height: 100%; }
  body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
                 "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    line-height: 1.7;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
  }
  main {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 24px;
  }
  .card { max-width: 560px; width: 100%; text-align: center; }
  .mark { color: var(--accent); margin-bottom: 28px; }
  h1 {
    font-size: clamp(20px, 4.5vw, 26px);
    font-weight: 600;
    letter-spacing: 0.02em;
    margin: 0 0 10px;
  }
  .tagline {
    color: var(--muted);
    font-size: 15px;
    margin: 0 0 32px;
  }
  .divider {
    height: 1px;
    background: var(--line);
    border: 0;
    margin: 0 auto 32px;
    max-width: 120px;
  }
  h2 {
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 12px;
  }
  p.note {
    color: var(--muted);
    font-size: 15px;
    margin: 0 auto;
    max-width: 420px;
  }
  footer {
    flex-shrink: 0;
    border-top: 1px solid var(--line);
    padding: 20px 24px 28px;
    text-align: center;
    color: var(--muted);
    font-size: 13px;
  }
  footer a { color: inherit; text-decoration: none; }
  footer a:hover { text-decoration: underline; }
  .filing { margin-top: 6px; }
  .filing span { white-space: nowrap; }
  .sep { padding: 0 8px; opacity: 0.5; }
  @media (max-width: 480px) {
    .sep { display: block; height: 0; overflow: hidden; }
  }
</style>
</head>
<body>
<main>
  <div class="card">
    <div class="mark" aria-hidden="true">
      <svg width="40" height="40" viewBox="0 0 24 24" fill="none"
           stroke="currentColor" stroke-width="1.5"
           stroke-linecap="round" stroke-linejoin="round">
        <path d="M12 3c-4.5 3-6.5 6.5-6.5 10a6.5 6.5 0 0 0 13 0c0-3.5-2-7-6.5-10z"></path>
        <path d="M12 21v-8"></path>
      </svg>
    </div>

    <h1>上海域联贸易有限公司</h1>
    <p class="tagline">热情传递健康，美味联结城乡。</p>

    <hr class="divider">

    <h2>网站建设中</h2>
    <p class="note">我们正在完善网站内容，请稍后再访问。感谢您的关注与耐心等待。</p>
  </div>
</main>

<footer>
  <div>&copy; 2026 上海域联贸易有限公司 版权所有</div>
  <div class="filing">
    <span><a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">沪ICP备2023004408号-1</a></span>
    <span class="sep">|</span>
    <span><a href="http://beian.mps.gov.cn/" target="_blank" rel="noopener noreferrer">沪公网安备31010702009754号</a></span>
  </div>
</footer>
</body>
</html>
