:root {
  --bg: #fff9f1;
  --ink: #201c30;
  --muted: #6c6579;
  --card: #fff;
  --border: #eee3d3;
  --dash: #e3d7c5;
  --edge: #201c30;
  --coral: #ff5b3d;
  --coral-strong: #d23a1c;
  --coral-soft: #ffe3db;
  --sun: #ffc93e;
  --mint: #d8f3e5;
  --lilac: #ece5ff;
  --sky: #dcefff;
  --butter: #fff0c2;
  --peach: #ffe4d6;
  --slate: #eeedf2;
  --header: #fff9f1d9;
  --radius: 22px;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --round: "Nunito", "Arial Rounded MT Bold", var(--font);
}
:root[data-theme="dark"] {
  --bg: #16131d;
  --ink: #f6efe4;
  --muted: #a49cb2;
  --card: #211d2a;
  --border: #322c3d;
  --dash: #3d3648;
  --edge: #f6efe4;
  --coral-soft: #4a2a22;
  --mint: #1d3a2d;
  --lilac: #2b2546;
  --sky: #1c3044;
  --butter: #3a3120;
  --peach: #3e2a21;
  --slate: #27242f;
  --header: #16131dd9;
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  transition: background .25s, color .25s;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; border: 0; background: none; cursor: pointer; }
.wrap { max-width: 1160px; margin: 0 auto; padding: 0 20px; }

/* 贴纸风格：深墨描边 + 下方实色阴影 */
.sticker {
  background: var(--card);
  border: 2px solid var(--edge);
  border-radius: 18px;
  box-shadow: 0 4px 0 var(--edge);
}
.btn-ink {
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--ink); color: var(--bg);
  padding: 10px 18px; border-radius: 999px;
  font-weight: 700; font-size: 14px;
  transition: transform .15s;
}
.btn-ink:hover { transform: translateY(-1px); }
.btn-coral {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--coral-strong); color: #fff;
  padding: 12px 22px; border-radius: 999px;
  font-weight: 700; border: 2px solid var(--edge);
  box-shadow: 0 3px 0 var(--edge);
  transition: transform .15s, box-shadow .15s;
}
.btn-coral:hover { transform: translateY(1px); box-shadow: 0 2px 0 var(--edge); }
.price { color: var(--coral-strong); font-weight: 800; }
:root[data-theme="dark"] .price { color: var(--coral); }