/* 拍立姿 · 奶油日系（与 App 内 Design/Theme.swift 同色板） */
:root {
  --cream: #FFF8F1;
  --cream-deep: #F6EADF;
  --blush: #FFE3E8;
  --peach: #F26B8A;
  --cocoa: #5B3A2E;
  --caramel: #8A5A44;
  --milk-tea: #C9A68E;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--cream);
  color: var(--cocoa);
  font: 16px/1.75 ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "PingFang SC", "PingFang TC",
        "Hiragino Sans", "Helvetica Neue", sans-serif;
}
main { max-width: 720px; margin: 0 auto; padding: 40px 22px 64px; }
header.brand { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
header.brand img { width: 56px; height: 56px; border-radius: 13px; box-shadow: 0 6px 16px rgba(138, 90, 68, .18); }
header.brand .name { font-size: 22px; font-weight: 700; }
header.brand .sub { font-size: 14px; color: var(--caramel); }
nav.lang { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 28px; }
nav.lang button {
  border: 0; border-radius: 999px; padding: 6px 14px; cursor: pointer;
  background: var(--blush); color: var(--cocoa); font: inherit; font-size: 14px;
}
nav.lang button[aria-pressed="true"] { background: var(--peach); color: #fff; font-weight: 600; }
h1 { font-size: 28px; line-height: 1.3; margin: 0 0 6px; }
h2 { font-size: 18px; margin: 30px 0 6px; }
p, li { color: var(--cocoa); }
.meta { color: var(--caramel); font-size: 14px; margin-bottom: 22px; }
.card {
  background: #fff; border-radius: 20px; padding: 18px 20px; margin: 18px 0;
  box-shadow: 0 3px 10px rgba(138, 90, 68, .08);
}
.card strong { color: var(--peach); }
a { color: var(--peach); }
footer { margin-top: 48px; font-size: 13px; color: var(--milk-tea); }
section[lang] { display: none; }
section[lang].active { display: block; }
noscript section[lang], .no-js section[lang] { display: block; }