/*!
 * @name 晴空蓝紫
 * @desc 浅色底 + 蓝紫渐变头部 + 粉色价格，清爽年轻化陪玩 App 风
 * @colors #f7f0e8,#4a5cff,#7b5ae6,#ff5c8a
 * @themecolor #f7f0e8
 */
:root {
  --dark: #f7f0e8;
  --dark-2: #ffffff;
  --card: #ffffff;
  --card-2: #fdf9f4;

  --green: #4a5cff;
  --green-2: #4a5cff;
  --cyan: #6a5ae0;
  --purple: #4a5cff;
  --pink: #ff5c8a;

  --muted: #8b8377;
  --ink: #2b241c;
  --ink-2: #55493c;
  --dim: #b0a897;
  --dim-2: #ada495;

  --line: rgba(76, 56, 32, .1);
  --line-2: rgba(74, 92, 255, .3);
  --shadow: 0 8px 24px rgba(96, 74, 44, .1);
  --glow: 0 6px 20px rgba(74, 92, 255, .22);

  --grad: linear-gradient(90deg, #ffffff, #e9e4ff);
  --grad-green: linear-gradient(135deg, #4a5cff, #7b5ae6);
  --grad-gold: linear-gradient(90deg, #ff4d7d, #ff7aa2);
  --on-brand: #fff;
  --radius: 18px;

  --fill-1: rgba(76, 56, 32, .04);
  --fill-2: rgba(76, 56, 32, .06);
  --glow-a: rgba(74, 92, 255, .26);
  --glow-b: rgba(150, 110, 240, .2);
  --glow-mark: 0 4px 14px rgba(74, 92, 255, .34);
  --glow-btn: 0 6px 18px rgba(74, 92, 255, .3);
  --glow-soft: 0 8px 24px rgba(96, 74, 44, .12);

  /* 头部：蓝紫渐变，内部文字转白 */
  --hero-bg: linear-gradient(150deg, #4a5cff 0%, #6a5ae0 52%, #8f63e8 100%);
  --hero-ink: #fff;
  --hero-muted: rgba(255, 255, 255, .86);
  --hero-chip-bg: rgba(255, 255, 255, .18);
  --hero-pill-ink: #fff;
  --hero-pill-bg: rgba(255, 255, 255, .22);
  --hero-pill-line: rgba(255, 255, 255, .42);

  --pink-soft: rgba(255, 92, 138, .12);
  --pink-line: rgba(255, 92, 138, .32);
  --brand-soft: rgba(74, 92, 255, .08);
  --brand-soft-2: rgba(74, 92, 255, .12);
  --brand-ring: rgba(74, 92, 255, .16);
  --brand-ring-2: rgba(74, 92, 255, .24);
  --thumb-bg: linear-gradient(135deg, #f4ede3, #ebdfd0);

  /* 分类栏与页面底色同色融合，靠吸顶阴影分层，避免出现"白色膏药条" */
  --cats-bg: #f7f0e8;
  --cats-line: transparent;
  --cats-stuck-shadow: 0 14px 22px -16px rgba(96, 74, 44, .5);
  /* 胶囊：暖调玻璃白 + 内高光，和页面米底拉开"轻"的层次而不是"白块" */
  --chip-bg: linear-gradient(180deg, rgba(255, 255, 255, .92) 0%, rgba(255, 255, 255, .68) 100%);
  --chip-line: rgba(76, 56, 32, .1);
  --chip-ink: #6f6455;
  --chip-shadow: 0 1px 2px rgba(96, 74, 44, .06), inset 0 1px 0 rgba(255, 255, 255, .9);
  --chip-active-shadow: 0 6px 16px rgba(74, 92, 255, .32), inset 0 1px 0 rgba(255, 255, 255, .34);
  --field-bg: rgba(255, 255, 255, .78);

  --tabbar-bg: rgba(252, 248, 242, .97);
  --toast-bg: rgba(43, 36, 28, .94);
  --toast-ink: #fff;
  --close-bg: rgba(0, 0, 0, .32);
  --mask-bg: rgba(15, 18, 40, .5);
  --sheet-bg: #fffdfa;
  --wx-tip-bg: linear-gradient(135deg, rgba(74, 92, 255, .1), rgba(160, 110, 240, .08));
}

/* 亮色主题的风格微调（变量之外） */
.app::before { display: none; }
.hero {
  border-bottom: none;
  border-radius: 0 0 22px 22px;
  box-shadow: 0 10px 24px rgba(74, 92, 255, .14);
}
.hero-chips span { border-color: rgba(255, 255, 255, .3); }
.card { box-shadow: 0 6px 18px rgba(30, 40, 90, .07); }
.tabbar { box-shadow: 0 -2px 18px rgba(30, 40, 90, .07); }
.banner { border-color: rgba(74, 92, 255, .16); }
.desc, .spec, .field input, .field textarea, .field select { background: #fff; }