/* ===== base.css — reset + 变量 ===== */

:root {
  /* 配色（PRD §5.1） */
  --color-bg: #FFFFFF;
  --color-text: #191919;
  --color-text-sub: #888888;
  --color-text-mute: #B0B0B0;
  --color-card: #F7F7F7;
  --color-divider: #EDEDED;
  --color-soft: #FAFAFA;

  --color-account-green: #07C160;
  --color-account-yellow: #FA9D3B;
  --color-account-red: #FA5151;

  --color-primary: #5C2A28;            /* 酒红（按钮主色） */
  --color-primary-hover: #7A3A38;      /* 酒红 hover */
  --color-accent: #5C2A28;             /* 酒红（"圈"字、下划线、强调） */
  --color-overlay: rgba(0, 0, 0, 0.45);

  --color-event-tag: #FA5151;
  --color-event-bg: #FFF1F0;

  /* 字体 */
  --font-sans: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-num: "DIN Alternate", "Source Han Sans SC", "PingFang SC", sans-serif;

  /* 尺寸 */
  --phone-w: 390px;
  --phone-h: 760px;
  --phone-radius: 36px;
  --phone-bezel: 12px;
  --header-h: 44px;
  --account-h: 36px;
  --statusbar-h: 24px;

  /* 动画 */
  --ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 180ms;
  --duration-mid: 320ms;
  --duration-slow: 600ms;

  /* 阴影 */
  --shadow-card: 0 1px 2px rgba(0,0,0,0.04);
  --shadow-modal: 0 -4px 24px rgba(0,0,0,0.12);
  --shadow-phone: 0 24px 80px rgba(0,0,0,0.18);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

html, body {
  height: 100%;
  background: #F0F0F2;
  font-family: var(--font-sans);
  color: var(--color-text);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
}

button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
}

textarea, input {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border: none;
  outline: none;
  background: none;
}

textarea {
  resize: none;
}

[hidden] {
  display: none !important;
}