/* ============================================================
   海吧洗车 HiWash — 珊瑚橙·活力暖阳 (Coral Warm)
   Mobile-first WAP · 480px max
   温暖活力风格 · 橙色主题
   ============================================================ */

/* ---------- Design Tokens ---------- */
:root {
    /* 品牌色系 - 珊瑚橙 */
    --c-primary: #FF6D00;
    --c-primary-dark: #E65100;
    --c-primary-light: #FFF3E0;
    --c-primary-50: #FFFAF5;
    --c-primary-gradient: linear-gradient(135deg, #E65100 0%, #FF9100 100%);

    /* 辅助色 */
    --c-accent: #FF4081;
    --c-accent-light: #FCE4EC;

    /* 状态色 */
    --c-success: #00C853;
    --c-success-light: #E8F5E9;
    --c-warning: #FFD600;
    --c-warning-light: #FFFDE7;
    --c-danger: #D50000;
    --c-danger-light: #FFEBEE;

    /* 文本色 */
    --c-text: #3E2723;
    --c-text-2: #6D4C41;
    --c-text-3: #A1887F;
    --c-text-4: #BCAAA4;

    /* 背景 */
    --c-bg: #FBF5F0;
    --c-surface: #FFFFFF;
    --c-line: #F0E6DE;
    --c-line-dark: #E0D2C8;

    /* 圆角 - 更圆润 */
    --r: 16px;
    --r-lg: 28px;
    --r-full: 999px;

    /* 阴影 */
    --shadow-xs: 0 1px 3px rgba(255,109,0,.06);
    --shadow: 0 2px 12px rgba(255,109,0,.08);
    --shadow-lg: 0 8px 32px rgba(255,109,0,.12);
    --shadow-card: 0 2px 10px rgba(62,39,35,.05);

    /* 导航高度 */
    --nav-h: 62px;
    --topbar-h: 50px;

    /* 字体 */
    --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

/* ---------- 覆盖特定组件的渐变和颜色 ---------- */

/* 首页头部 */
.u-header{background:linear-gradient(135deg, #E65100 0%, #FF6D00 40%, #FF9100 100%);border-radius:0 0 28px 28px}
.u-header::before{background:rgba(255,255,255,.08)}
.u-header::after{background:rgba(255,255,255,.05)}
.u-balance{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.15)}
.u-bal-btn{background:#fff;color:var(--c-primary)}

/* 扫码按钮 */
.nav-scan-circle{background:linear-gradient(135deg, #FF9100 0%, #FF6D00 50%, #E65100 100%) !important;box-shadow:0 4px 20px rgba(255,109,0,.45), 0 2px 8px rgba(230,81,0,.3) !important}
.nav-item.scan-btn span:last-child{color:var(--c-primary) !important}
@keyframes scan-pulse{0%,100%{box-shadow:0 4px 20px rgba(255,109,0,.45), 0 2px 8px rgba(230,81,0,.3)}50%{box-shadow:0 4px 24px rgba(255,109,0,.6), 0 2px 12px rgba(230,81,0,.4)}}

/* 按钮 */
.btn-primary{background:var(--c-primary-gradient);box-shadow:0 2px 8px rgba(255,109,0,.25)}
.btn-outline{border-color:var(--c-primary);color:var(--c-primary)}
.btn-ghost{color:var(--c-primary)}
.btn-white{color:var(--c-primary)}

/* 门户页 */
.index-page{background:linear-gradient(160deg,#BF360C 0%,#E65100 40%,#FF9100 100%)}
.idx-card-icon.c-blue{background:var(--c-primary-gradient)}
.idx-card-icon.c-green{background:linear-gradient(135deg,#00C853,#69F0AE)}
.idx-card-icon.c-purple{background:linear-gradient(135deg,#FF4081,#FF80AB)}

/* 登录 */
.login-icon.c-blue{background:var(--c-primary-gradient)}
.login-icon.c-green{background:linear-gradient(135deg,#00C853,#69F0AE)}
.login-icon.c-purple{background:linear-gradient(135deg,#FF4081,#FF80AB)}

/* 仪表盘 */
.dash-hd.store{background:linear-gradient(135deg,#00C853,#69F0AE)}
.dash-hd.admin{background:linear-gradient(135deg,#E65100,#FF6D00)}

/* 洗车进度 */
.wash-page{background:linear-gradient(180deg,#BF360C 0%,#E65100 50%,#FF9100 100%)}

/* 钱包 */
.wallet-hd{background:var(--c-primary-gradient)}

/* 添加车辆按钮 */
.add-vehicle-btn{background:var(--c-primary-gradient);box-shadow:0 4px 16px rgba(255,109,0,.3)}

/* 浮动充值 */
.float-recharge{background:var(--c-primary-gradient);box-shadow:0 4px 16px rgba(255,109,0,.35)}

/* 选中状态 */
.dev-card.selected{border-color:var(--c-primary);background:var(--c-primary-50);box-shadow:0 0 0 3px var(--c-primary-light)}
.rch-opt.selected{border-color:var(--c-primary);background:var(--c-primary-50);box-shadow:0 0 0 3px var(--c-primary-light)}
.mode-card.selected{border-color:var(--c-primary);background:var(--c-primary-50);box-shadow:0 0 0 3px var(--c-primary-light)}

/* 步骤 */
.step-num{background:var(--c-primary)}
.tip-list li::before{background:var(--c-primary)}

/* 图表 */
.chart-bar .bar-fill{background:var(--c-primary)}

/* 筛选 */
.filter-btn.active{background:var(--c-primary);border-color:var(--c-primary)}

/* 分页 */
.pagination span.current{background:var(--c-primary);border-color:var(--c-primary)}

/* 加载 */
.loading-spinner{border-top-color:var(--c-primary)}

/* 头像 */
.profile-avatar{background:var(--c-primary-light);color:var(--c-primary)}
.icon-avatar{background:var(--c-primary-light);color:var(--c-primary)}

/* 信息面板 */
.info-panel{background:var(--c-primary-50);border-color:var(--c-primary-light)}
.info-panel .card-title{color:var(--c-primary)}

/* 车辆 */
.vehicle-card.default{border-left-color:var(--c-primary)}
.vehicle-icon{background:var(--c-primary-light);color:var(--c-primary)}
.vehicle-default-tag{background:var(--c-primary-light);color:var(--c-primary)}

/* 价格色 */
.mode-price{color:var(--c-danger)}