/* 首页首屏关键样式（可内联，其余走 style.css 异步） */
:root {
  --primary: #d32f2f;
  --primary-dark: #b71c1c;
  --primary-light: #ffebee;
  --text-dark: #1a1a1a;
  --text-mid: #4a5568;
  --border: #e0e0e0;
  --radius: 8px;
}
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; color: var(--text-dark); line-height: 1.6; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
header { background: #fff; border-bottom: 1px solid var(--border); position: sticky; top: 0; z-index: 100; }
.nav-inner { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; gap: 16px; }
.nav-logo { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--text-dark); font-weight: 700; font-size: 1.2rem; }
.nav-logo img { width: 40px; height: 40px; }
.nav-links { display: flex; align-items: center; gap: 5px; }
.nav-links a { margin-left: 15px; text-decoration: none; color: var(--text-mid); font-weight: 500; padding: 8px 12px; border-radius: 6px; transition: all 0.2s; font-size: 0.95rem; }
.nav-links a:hover,
.nav-links a.active,
.nav-links a[aria-current="page"] { color: var(--primary); background: var(--primary-light); }
.btn-primary { display: inline-flex; align-items: center; gap: 8px; background: var(--primary); color: #fff; padding: 10px 20px; border-radius: var(--radius); text-decoration: none; font-weight: 600; border: none; }
.btn-secondary { display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #fff; border: 2px solid rgba(255,255,255,.35); padding: 10px 18px; border-radius: var(--radius); font-weight: 600; }
.hero--home { background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); color: #fff; padding: 40px 0 32px; text-align: left; }
.hero-home { display: grid; grid-template-columns: 1fr minmax(160px, 260px); gap: 20px 28px; align-items: center; }
.hero--home h1 { font-size: clamp(1.35rem, 3.8vw, 2rem); margin: 0 0 14px; line-height: 1.35; }
.hero-badges { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 0 0 18px; }
.hero-badges li { font-size: 0.82rem; padding: 6px 11px; border-radius: 6px; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.22); }
.hero-cta { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 768px) {
  .nav-links { display: none; }
  .hero-home { grid-template-columns: 1fr; text-align: center; }
  .hero-badges { justify-content: center; }
  .hero-cta { flex-direction: column; max-width: 320px; margin: 0 auto; }
}