:root {
  --bg-page: #eef2f7;
  --bg-card: #ffffff;
  --text-main: #1f2937;
  --text-muted: #6b7280;
  --border: #e5e7eb;
  --blue: #2563eb;
  --green: #059669;
  --orange: #d97706;
  --purple: #7c3aed;
  --red: #dc2626;
  --cyan: #0891b2;
  --sidebar-bg: #1e293b;
  --sidebar-text: #e2e8f0;
}

body {
  font-family: "Segoe UI", "Microsoft YaHei", Arial, sans-serif;
}

.module-card {
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 14px;
  margin-bottom: 12px;
}

.module-card > h2,
.module-card > h3 {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
}

.module-status { border-left: 4px solid var(--blue); }
.module-info { border-left: 4px solid var(--cyan); }
.module-listing { border-left: 4px solid var(--orange); }
.module-speed { border-left: 4px solid var(--purple); }
.module-erp { border-left: 4px solid var(--green); }
.module-sheet { border-left: 4px solid var(--blue); }
.module-export { border-left: 4px solid var(--text-muted); }

.module-tag {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: 999px;
  color: #fff;
  margin-bottom: 8px;
}

.tag-blue { background: var(--blue); }
.tag-green { background: var(--green); }
.tag-orange { background: var(--orange); }
.tag-purple { background: var(--purple); }
.tag-cyan { background: var(--cyan); }
.tag-gray { background: #64748b; }

.formula-bar {
  margin: 0 0 12px;
  padding: 10px 12px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
  font-size: 12px;
  color: #1e40af;
  line-height: 1.5;
}

.formula-bar a {
  color: #1d4ed8;
}