/* ==========================================================
   查款相册 H5 · 设计令牌（视觉规范见 REQUIREMENTS.md 第七节）
   主色粉、辅色蓝、淡粉白底、圆角胶囊、柔和留白
   ========================================================== */
:root {
  /* 主色 */
  --pink:        #FF6F9C;
  --pink-light:  #FF8FB1;
  --pink-deep:   #F4557F;
  --pink-grad:   linear-gradient(135deg, #FF8FB1 0%, #FF6F9C 100%);
  --pink-grad-soft: linear-gradient(135deg, #FFAFC8 0%, #FF8FB1 100%);
  --pink-wash:   #FFEDF2;
  --pink-wash-2: #FFF0F4;

  /* 辅助色 */
  --blue:        #5AA9F7;
  --blue-light:  #8FC6FB;
  --blue-grad:   linear-gradient(135deg, #7CBAFA 0%, #5AA9F7 100%);
  --blue-wash:   #EAF4FE;
  --blue-text:   #3D8FE0;

  /* 状态色 */
  --green:       #38C793;
  --green-wash:  #E6F8F1;
  --orange:      #FFA53C;
  --red:         #FF5B5B;
  --gray-wash:   #F2F3F5;

  /* 中性 */
  --bg:          #FFF5F7;
  --bg-card:     #FFFFFF;
  --line:        #F3E6EB;
  --line-soft:   #F7F0F3;
  --text:        #333333;
  --text-2:      #666666;
  --text-3:      #999999;
  --text-4:      #C4C4C4;

  /* 圆角 */
  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  16px;
  --r-xl:  20px;
  --r-pill: 999px;

  /* 阴影 */
  --sh-1: 0 1px 6px rgba(255, 143, 177, .10);
  --sh-2: 0 4px 16px rgba(255, 143, 177, .16);
  --sh-3: 0 8px 28px rgba(0, 0, 0, .10);

  /* 尺寸 */
  --nav-h: 56px;
  --tab-h: 56px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);

  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
          "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

html, body {
  margin: 0; padding: 0;
  height: 100%;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overscroll-behavior-y: none;
  touch-action: manipulation;
}

body { display: flex; justify-content: center; }

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

/* 滚动条（PC） */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: #F0D8E0; border-radius: 3px; }
::-webkit-scrollbar-track { background: transparent; }