:root {
  /* 糖果配色 */
  --coral: #FF6B88;   --coral-lt: #FFB0BE;  --coral-dk: #C24A60;
  --mint: #3DCBA8;    --mint-lt: #9AF0D6;   --mint-dk: #1E9C7E;
  --yellow: #FFC233;  --yellow-lt: #FFE49A; --yellow-dk: #D49000;
  --sky: #5E97FF;     --sky-lt: #B9D4FF;    --sky-dk: #3A6BC4;
  --grape: #A56BFF;   --grape-lt: #E2BCFF;  --grape-dk: #7B3FCC;

  /* 中性 */
  --cream: #FFFDF8;   --cream-2: #F2EADF;
  --ink: #5A4A42;     --ink-soft: #9a8a7f;

  /* 形状 */
  --r-card: 24px;  --r-pill: 14px;  --r-icon: 30px;
  --shadow-card: 0 8px 24px rgba(180,150,120,0.12);
  --shadow-card-hover: 0 16px 32px rgba(180,150,120,0.2);
}

* { box-sizing: border-box; }
body {
  margin: 0; font-family: system-ui, -apple-system, "PingFang SC", sans-serif;
  background: var(--cream); color: var(--ink);
}

/* 粘土质感卡片 */
.clay {
  background: var(--cream); border-radius: var(--r-card);
  box-shadow: var(--shadow-card); transition: transform .2s, box-shadow .2s;
}
.clay:hover { transform: translateY(-6px); box-shadow: var(--shadow-card-hover); }

/* 糖果胶囊按钮 */
.pill {
  border: none; cursor: pointer; font-weight: 700; font-size: 13px;
  padding: 8px 16px; border-radius: var(--r-pill); color: #fff;
  background: linear-gradient(145deg, var(--coral-lt), var(--coral));
  box-shadow: 0 4px 10px rgba(194,74,96,0.2);
}
.pill.is-active { filter: brightness(0.95); transform: scale(0.97); }