/* 壳的基础样式。真正的入口页与节目页样式随前端一起补上，这里只保证
   现在这版占位页在 iPhone 上不至于难看到看不出服务是活着的。 */

:root {
  color-scheme: light dark;
  --fg: #1a1a1a;
  --muted: #666;
  --bg: #fff;
}

@media (prefers-color-scheme: dark) {
  :root { --fg: #eee; --muted: #9a9a9a; --bg: #141414; }
}

* { box-sizing: border-box; }

body {
  margin: 0;
  padding: env(safe-area-inset-top) env(safe-area-inset-right)
           env(safe-area-inset-bottom) env(safe-area-inset-left);
  background: var(--bg);
  color: var(--fg);
  font: 16px/1.7 -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
}

.shell { max-width: 720px; margin: 0 auto; padding: 24px 20px 48px; }

h1 { font-size: 22px; margin: 8px 0 20px; }

.note { color: var(--muted); margin: 8px 0; }

a { color: inherit; }