app.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* Glacier 基础样式(P2) */
  2. :root {
  3. --brand: #0b7a5f;
  4. --text: #333;
  5. --muted: #777;
  6. --bg: #f7f7f5;
  7. --border: #e2e2dd;
  8. }
  9. * { box-sizing: border-box; }
  10. body {
  11. margin: 0;
  12. font-family: system-ui, "Microsoft YaHei", "PingFang SC", sans-serif;
  13. color: var(--text);
  14. background: var(--bg);
  15. line-height: 1.6;
  16. }
  17. .container { max-width: 900px; margin: 0 auto; padding: 0 16px; }
  18. .site-header {
  19. background: #fff;
  20. border-bottom: 1px solid var(--border);
  21. padding: 14px 0;
  22. }
  23. .brand {
  24. font-size: 18px;
  25. font-weight: 700;
  26. color: var(--brand);
  27. text-decoration: none;
  28. }
  29. .site-footer {
  30. margin-top: 48px;
  31. padding: 16px 0;
  32. border-top: 1px solid var(--border);
  33. color: var(--muted);
  34. font-size: 13px;
  35. }
  36. .hero { padding: 48px 0; }
  37. .hero h1 { color: var(--brand); border-bottom: 2px solid var(--brand); padding-bottom: 12px; }
  38. .muted { color: var(--muted); }
  39. code { background: #eee; padding: 2px 6px; border-radius: 4px; }
  40. a { color: var(--brand); }