/* ============================================================
   起航电竞 · 手机端极简皮肤（C 方案）mobile-skin.css ?v=20261104a
   仅窄屏生效（max-width:820px），电脑端完全不受影响。
   原则：白底、黑大字、绿色强调、大按钮、去杂色，不改 DOM 不改布局逻辑。
   ============================================================ */
@media (max-width: 820px) {

  /* ---------- 整体：纯白底 ---------- */
  body,
  .customer-content,
  .customer-page { background: #fff !important; background-image: none !important; }

  /* ---------- 顶部图标导航条 ---------- */
  .customer-sidebar {
    background: #fff !important;
    border-bottom: 1px solid #eef0f4 !important;
    box-shadow: none !important;
    padding: 6px 10px calc(6px + env(safe-area-inset-bottom)) !important;
  }
  .customer-brand { padding: 2px 4px 6px !important; }
  .customer-brand strong { font-size: 15px !important; letter-spacing: 1px !important; color: #172233 !important; }
  .customer-brand .bell { background: transparent !important; border: 0 !important; }
  .customer-sidebar nav { gap: 6px !important; justify-content: space-around !important; }
  .customer-nav-item {
    background: transparent !important;
    border: 0 !important;
    border-radius: 14px !important;
    padding: 8px 12px !important;
    color: #9aa3b2 !important;
    min-width: 56px !important;
  }
  .customer-nav-item .customer-nav-icon { width: 24px !important; height: 24px !important; }
  .customer-nav-item svg { width: 22px !important; height: 22px !important; }
  .customer-nav-item.router-link-active,
  .customer-nav-item.router-link-exact-active {
    background: #172233 !important;
    color: #fff !important;
  }
  .customer-nav-item span:not(.customer-nav-icon) { font-size: 11px !important; font-weight: 700 !important; }

  /* ---------- 页头：大标题黑字，统计弱化 ---------- */
  .page-head { border-bottom: 0 !important; padding-bottom: 4px !important; }
  .page-head h1 {
    font-size: 26px !important;
    font-weight: 900 !important;
    color: #172233 !important;
    letter-spacing: -.5px !important;
  }
  .count-chip {
    background: #f5f6f9 !important;
    border: 0 !important;
    color: #8a94a6 !important;
    font-size: 12px !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
  }
  .count-chip b { color: #172233 !important; font-size: 13px !important; }
  .bell-btn {
    background: #f5f6f9 !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #5a6577 !important;
    width: auto !important;
    height: 40px !important;
    padding: 0 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
  }
  .bell-btn span { white-space: nowrap !important; font-size: 12px !important; font-weight: 600 !important; }

  /* 页头工具行允许换行，不再挤压 */
  .page-head .actions { flex-wrap: wrap !important; gap: 8px !important; }

  /* ---------- 大厅 / 列表卡片 ---------- */
  .hall-grid { gap: 12px !important; padding: 4px 2px 12px !important; }
  .hall-card, .order-card {
    background: #fff !important;
    border: 1px solid #eef0f4 !important;
    border-radius: 18px !important;
    box-shadow: 0 2px 10px rgba(23,34,51,.04) !important;
    padding: 16px !important;
  }
  .hall-card .card-top h3,
  .order-card h3 {
    font-size: 17.5px !important;
    font-weight: 800 !important;
    color: #172233 !important;
  }
  .hall-card .card-top strong,
  .order-card strong[class*="price"], .order-card .price {
    font-size: 21px !important;
    font-weight: 900 !important;
    color: #16a34a !important;
    letter-spacing: -.3px !important;
  }
  .hall-card > p {
    font-size: 13px !important;
    color: #5a6577 !important;
    margin-top: 6px !important;
    line-height: 1.6 !important;
  }
  /* 标签统一浅灰；隐私单保留淡橙提示 */
  .hall-card .tags, .order-card .tags { gap: 6px !important; margin-top: 10px !important; }
  .hall-card .tags span, .order-card .tags span {
    background: #f5f6f9 !important;
    border: 0 !important;
    color: #5a6577 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    padding: 4px 9px !important;
  }
  .hall-card .tags .t-lock {
    background: #fff7ed !important;
    color: #c2691a !important;
    font-weight: 700 !important;
  }
  .creator-tag { border: 0 !important; }

  /* ---------- 今日接单条 ---------- */
  .today-bar {
    background: #f5f6f9 !important;
    border: 0 !important;
    border-radius: 14px !important;
    color: #5a6577 !important;
    font-size: 13px !important;
    padding: 12px 16px !important;
  }
  .today-bar b { color: #172233 !important; }
  .today-bar em { color: #16a34a !important; font-style: normal !important; font-weight: 800 !important; }

  /* ---------- 通用按钮：黑底白字大按钮 ---------- */
  .refresh-btn {
    background: #172233 !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 12px !important;
    font-weight: 800 !important;
    height: 40px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
  }
  .refresh-btn svg, .refresh-btn svg * { color: #fff !important; fill: #fff !important; stroke: #fff !important; }
  .refresh-btn:active { opacity: .85; }
  .page-head .actions button:not(.bell-btn):not(.refresh-btn) {
    background: #f5f6f9 !important;
    border: 0 !important;
    color: #5a6577 !important;
    border-radius: 12px !important;
    height: 40px !important;
    font-weight: 700 !important;
  }

  /* ---------- 订单卡按钮区（配合售后按钮脚本） ---------- */
  .order-card footer { gap: 8px !important; padding-top: 10px !important; }
  .order-card footer button {
    height: 34px !important;
    font-size: 12.5px !important;
    border-radius: 10px !important;
    white-space: normal !important;
  }

  /* ---------- element 弹窗抽屉保持原样（不覆盖） ---------- */
}