/* ==========================================================
   英伦出行（UK Ride）· 英国华人出行平台 高保真原型
   全局设计 tokens（设计契约的代码形态，冻结版）
   乘客端：暖橙亲和系（微信小程序）
   司机端：专业深蓝系（原生 APP，通过 body[data-app="driver"] 覆盖主色）
   管理端：沉稳蓝灰后台风（Ant Design 视觉规范）
   ========================================================== */

:root {
  /* ---- 乘客端主色（暖橙亲和） ---- */
  --c-primary: #FF6B35;          /* 主橙 */
  --c-primary-deep: #F04E0E;     /* 深橙（按压/强调） */
  --c-primary-soft: #FFEDE3;     /* 浅橙底（选中/标签底） */
  --c-accent: #FFB800;           /* 辅助金（优惠券/星标） */

  /* ---- 中性色 ---- */
  --c-bg: #FFF8F3;               /* 页面暖白底 */
  --c-surface: #FFFFFF;          /* 卡片面 */
  --c-border: #F0E4DB;           /* 暖调分割线 */
  --c-text: #2B2118;             /* 正文暖黑 */
  --c-text-sub: #8C7A6B;         /* 次要文字 */
  --c-text-faint: #B8A99A;       /* 弱提示 */

  /* ---- 功能色 ---- */
  --c-success: #16A34A;
  --c-warning: #E8A23D;
  --c-danger: #E5484D;
  --c-info: #3E7BFA;

  /* ---- 金额色（价格统一规范：£ + 两位小数，一律红色系） ---- */
  --c-price: #E5484D;
  --c-profit: #16A34A;           /* 收益/到手绿 */

  /* ---- 字体阶梯（PingFang SC 系统栈） ---- */
  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px;
  --fs-18: 18px; --fs-22: 22px; --fs-28: 28px;
  --font-body: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;

  /* ---- 圆角 / 阴影 / 间距（4px 基） ---- */
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px;
  --shadow-sm: 0 1px 4px rgba(43, 33, 24, .06);
  --shadow-md: 0 4px 16px rgba(43, 33, 24, .10);
  --shadow-lg: 0 8px 28px rgba(43, 33, 24, .16);
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px;

  /* ---- 手机壳尺寸（375 × 667，微信小程序/APP 演示基准） ---- */
  --phone-w: 375px;
  --phone-h: 667px;
}

/* ---------- 司机端主色覆盖：专业深蓝（D 端所有页面 body 加 data-app="driver"） ---------- */
body[data-app="driver"] {
  --c-primary: #2563EB;
  --c-primary-deep: #1D4ED8;
  --c-primary-soft: #EAF1FE;
  --c-bg: #F5F8FE;
  --c-border: #E3E9F4;
  --c-text: #16233B;
  --c-text-sub: #64748B;
  --c-text-faint: #94A3B8;
  --shadow-sm: 0 1px 4px rgba(22, 35, 59, .06);
  --shadow-md: 0 4px 16px rgba(22, 35, 59, .10);
  --shadow-lg: 0 8px 28px rgba(22, 35, 59, .16);
}

/* ---------- Web 后台 tokens（管理端，Ant Design 视觉规范） ---------- */
:root {
  --web-primary: #1F3A5F;        /* 后台沉稳蓝 */
  --web-primary-hover: #2C4E7A;
  --web-sidebar-bg: #1E293B;    /* 侧边栏深蓝灰 */
  --web-sidebar-active: #FF6B35; /* 侧边栏激活项（与乘客端主橙呼应） */
  --web-bg: #F5F7FA;
  --web-surface: #FFFFFF;
  --web-border: #E5E9F0;
  --web-text: #1F2937;
  --web-text-sub: #6B7280;
  --web-font: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

/* ---------- 全局 reset ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: var(--font-body); color: var(--c-text); background: #ECE5DE; }
button { font-family: inherit; border: none; cursor: pointer; background: none; }
input, select, textarea { font-family: inherit; outline: none; }
a { color: inherit; text-decoration: none; }
img { display: block; }

/* ---------- 金额排版规范：货币符号 + 两位小数，一律红色系 ---------- */
.price { color: var(--c-price); font-weight: 600; }
.price .cur { font-size: .72em; margin-right: 1px; }

/* 数字滚动进入动画（经营数据"有经营感"） */
@keyframes riseIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.rise { animation: riseIn .45s ease both; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }