/* 锐刻健身官网。视觉沿用 DESIGN_STYLE.md：只有黑白灰，不引入第二个颜色。 */
:root {
  --paper: #f4f3f1;   /* 与 App 首页同一个浅底 */
  --ink: #0b0b0b;
  --ink-soft: rgba(11, 11, 11, 0.68);
  --line: rgba(11, 11, 11, 0.12);
  --card: rgba(255, 255, 255, 0.72);
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font: 400 17px/1.72 -apple-system, BlinkMacSystemFont, "PingFang SC",
        "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
}
.wrap { max-width: 720px; margin: 0 auto; padding: 56px 22px 96px; }
a { color: var(--ink); text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }

.brand { font-size: 15px; font-weight: 700; letter-spacing: .02em; margin-bottom: 40px; }
.brand a { text-decoration: none; }

h1 { font-size: 34px; font-weight: 800; letter-spacing: -.02em; line-height: 1.2; margin: 0 0 8px; }
.sub { color: var(--ink-soft); font-size: 15px; margin: 0 0 40px; }
h2 { font-size: 20px; font-weight: 700; margin: 40px 0 10px; }
h3 { font-size: 16px; font-weight: 700; margin: 26px 0 6px; }
p, li { color: var(--ink-soft); }
p { margin: 0 0 14px; }
ul { margin: 0 0 14px; padding-left: 22px; }
li { margin-bottom: 7px; }
strong { color: var(--ink); font-weight: 700; }

.card {
  background: var(--card);
  border-radius: 18px;
  padding: 22px 24px;
  margin: 0 0 22px;
}
.card p:last-child, .card ul:last-child { margin-bottom: 0; }

hr { border: 0; border-top: 1px solid var(--line); margin: 56px 0 40px; }

.meta { font-size: 13px; color: var(--ink-soft); }
footer { margin-top: 64px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 13px; color: var(--ink-soft); }
footer a { margin-right: 16px; }

/* 英文段落整体稍降一档，中文是主文案 */
.en { font-size: 15px; }
.en h1 { font-size: 26px; }
.en h2 { font-size: 18px; }

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0d0d0d;
    --ink: #f5f5f5;
    --ink-soft: rgba(245, 245, 245, 0.72);
    --line: rgba(245, 245, 245, 0.14);
    --card: rgba(255, 255, 255, 0.06);
  }
}
