/* Chatrix 官網樣式（C Bloom）：顏色、間距、圓角、陰影都來自 tokens.css。完整官網依全畫面畫布 W01 製作。 */
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-xxl);
  padding: var(--space-xxxl) var(--space-lg);
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-rounded);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
.card {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 560px;
  padding: var(--space-huge) var(--space-xxxl);
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: var(--radius-xxl);
  box-shadow: var(--shadow-card);
  text-align: center;
}
.card::before, .card::after { content: ""; position: absolute; border-radius: 50%; }
.card::before { width: 112px; height: 112px; right: -40px; top: -40px; background: var(--peach); }
.card::after { width: 36px; height: 36px; right: 64px; top: 20px; background: var(--lavender); }
.card > * { position: relative; z-index: 1; }
.mark { display: block; margin: 0 auto var(--space-lg); width: 88px; height: 88px; }
h1 { margin: 0 0 var(--space-sm); font-size: 2.25rem; font-weight: 800; letter-spacing: -0.01em; }
.tagline { margin: 0 0 var(--space-xs); font-size: 1.25rem; font-weight: 700; color: var(--primaryText); }
.lead, .note { margin: var(--space-sm) 0 0; color: var(--inkSoft); }
.status {
  display: inline-block;
  margin: var(--space-lg) 0 0;
  padding: var(--space-xs) var(--space-lg);
  border-radius: var(--radius-pill);
  background: var(--primarySoft);
  color: var(--onPrimarySoft);
  font-weight: 700;
}
a { color: var(--primaryText); }
.footer { text-align: center; font-size: 0.875rem; color: var(--inkSoft); }
.footer p { margin: var(--space-xs) 0; }
.langs a { margin: 0 var(--space-sm); }
.langs a[aria-current="page"] { color: var(--ink); text-decoration: none; font-weight: 700; }