/* ==========================================================================
   甜薯拆卡 · 亲签收藏馆 —— 设计令牌 (Design Tokens)
   全部数值实测自 Ardot 设计稿 file/734131721708350
   本文件是 Web 与微信小程序两端视觉的唯一来源，改动请同步 miniprogram/app.wxss
   ========================================================================== */

:root {
  /* ---------- 品牌色 ---------- */
  --lime:        #C8F81E;   /* 主色 · 荧光绿（激活态 / 主按钮 / 积分标签） */
  --lime-soft:   #E9FAC6;   /* 浅绿（选中底 / 侧边栏激活 / 装饰圆） */
  --lime-bg:     #F5FBE8;   /* 浅绿底（主张横幅 / 提示卡 / 批量操作条） */
  --lime-pale:   #FBFFEF;   /* 极浅绿 */

  /* ---------- 文字 ---------- */
  --ink:         #14161A;   /* 主文字 */
  --ink-2:       #4B5563;   /* 次强文字 */
  --ink-3:       #6B7280;   /* 次要文字 */
  --ink-4:       #8A9099;   /* 弱化文字 */
  --ink-5:       #9CA3AF;   /* 占位 / 三级说明 */
  --ink-6:       #B4BAC1;   /* 最弱（提示小字） */

  /* ---------- 功能色 ---------- */
  --heart:       #FF4D6D;   /* 点赞爱心 */
  --danger:      #C0392B;   /* 危险操作 */

  /* ---------- 深绿（横幅副文案等） ---------- */
  --deep:        #5A6B1E;
  --deep-2:      #7C8B3E;

  /* ---------- 线条与背景 ---------- */
  --line:        #EFF1F4;   /* 分割线 */
  --line-2:      #E5E7EB;   /* 描边按钮边框 */
  --field:       #F3F4F6;   /* 输入框 / 浅灰胶囊底 */
  --bg:          #F6F7F8;   /* 页面底 / 表格斑马底 */
  --white:       #FFFFFF;

  /* ---------- 圆角 ---------- */
  --r-xs:        6px;       /* 积分标签 */
  --r-sm:        7px;       /* 卡片状态角标 */
  --r-md:        8px;       /* 后台输入框 / 按钮 */
  --r-nav:       10px;      /* 缩略图 / 弹性提示条 */
  --r-card:      12px;      /* 后台内容卡 */
  --r-cover:     14px;      /* 物料封面 */
  --r-lg:        16px;      /* 前台内容卡 / 弹窗 / 登录卡 */
  --r-xl:        20px;      /* 主张横幅 */
  --r-pill:      999px;     /* 胶囊 */

  /* ---------- 间距节奏（4 的倍数） ---------- */
  --sp-1: 4px;  --sp-2: 6px;  --sp-3: 8px;  --sp-4: 10px;
  --sp-5: 12px; --sp-6: 14px; --sp-7: 16px; --sp-8: 20px;
  --sp-9: 24px; --sp-10: 28px; --sp-11: 32px; --sp-12: 40px;

  /* ---------- 字体 ---------- */
  --font: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
          system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-num: Inter, "Noto Sans SC", system-ui, sans-serif;

  /* ---------- 阴影 ---------- */
  --sh-card:  0 1px 2px rgba(20, 22, 26, .04), 0 8px 24px rgba(20, 22, 26, .06);
  --sh-phone: 0 24px 64px rgba(20, 22, 26, .18);
  --sh-modal: 0 16px 48px rgba(20, 22, 26, .24);
}

/* ---------- 基础重置 ---------- */
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

html, body { margin: 0; padding: 0; }

body {
  font-family: var(--font);
  color: var(--ink);
  font-size: 14px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, p, ul, ol, li, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; color: inherit; }
button { border: 0; background: none; cursor: pointer; }
img { display: block; max-width: 100%; }

/* 数字统一用等宽风格，避免跳动 */
.num { font-family: var(--font-num); font-variant-numeric: tabular-nums; }

/* 屏幕阅读器专用 */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}