<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>丰华生物</title>
  <style>
    * { margin: 0; padding: 0; box-sizing: border-box; }

    :root {
      --bg: #f9fafb;
      --card: #ffffff;
      --text: #1f2937;
      --muted: #6b7280;
      --emerald: #10b981;
      --emerald-dark: #047857;
      --blue: #3b82f6;
      --blue-dark: #1d4ed8;
      --amber: #f59e0b;
      --amber-dark: #b45309;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
      background: var(--bg);
      color: var(--text);
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 2rem 1rem;
    }

    .logo {
      height: 64px;
      width: auto;
      object-fit: contain;
      margin-bottom: 2.5rem;
    }

    .cards {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
      width: 100%;
      max-width: 900px;
    }

    @media (max-width: 768px) {
      .cards {
        grid-template-columns: 1fr;
        max-width: 360px;
      }
    }

    .card {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      background: var(--card);
      border-radius: 1rem;
      padding: 2.5rem 1.5rem;
      text-decoration: none;
      color: inherit;
      box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
      transition: all 0.2s ease;
      border: 1px solid rgba(0,0,0,0.04);
    }

    .card:hover {
      transform: translateY(-3px);
      box-shadow: 0 10px 25px -5px rgba(0,0,0,0.08), 0 4px 10px -2px rgba(0,0,0,0.04);
    }

    .card.workspace:hover { ring: 2px solid var(--emerald); }
    .card.erp:hover { ring: 2px solid var(--blue); }
    .card.production:hover { ring: 2px solid var(--amber); }

    .icon {
      width: 72px;
      height: 72px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.25rem;
    }

    .icon svg {
      width: 34px;
      height: 34px;
    }

    .workspace .icon { background: #d1fae5; color: var(--emerald-dark); }
    .erp .icon { background: #dbeafe; color: var(--blue-dark); }
    .production .icon { background: #fef3c7; color: var(--amber-dark); }

    .card h2 {
      font-size: 1.25rem;
      font-weight: 600;
      margin-bottom: 0.5rem;
    }

    .card p {
      font-size: 0.875rem;
      color: var(--muted);
      line-height: 1.5;
    }

    .footer {
      margin-top: 3rem;
      font-size: 0.8rem;
      color: #9ca3af;
    }
  </style>
</head>
<body>

  <img src="/workspace/company/logo.png" alt="丰华生物" class="logo" onerror="this.style.display='none'">

  <div class="cards">
    <a href="/workspace" class="card workspace">
      <div class="icon">
        <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
          <rect x="3" y="3" width="7" height="7" rx="1.5"></rect>
          <rect x="14" y="3" width="7" height="7" rx="1.5"></rect>
          <rect x="14" y="14" width="7" height="7" rx="1.5"></rect>
          <rect x="3" y="14" width="7" height="7" rx="1.5"></rect>
        </svg>
      </div>
      <h2>工作台</h2>
      <p>企业内部工作管理平台</p>
    </a>

    <a href="/erp/" class="card erp">
      <div class="icon">
        <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
          <path d="M3 21h18M5 21V7l8-4 8 4v14M8 21v-9a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v9"></path>
        </svg>
      </div>
      <h2>ERP</h2>
      <p>企业资源计划系统</p>
    </a>

    <a href="/ops/" class="card production">
      <div class="icon">
        <svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
          <path d="M2 20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8l-7 5V8l-7 5V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v16z"></path>
          <path d="M17 8v1"></path>
          <path d="M14 8v1"></path>
        </svg>
      </div>
      <h2>生产系统</h2>
      <p>药物 QC 与生产管理</p>
    </a>
  </div>

  <div class="footer">© 丰华生物</div>

</body>
</html>
