/* 航延保障 · 服务商端 H5 共享样式（现代移动轻设计） */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
:root{--blue:#1D6AE5;--blue-d:#1556bd;--bg:#f2f6fc;--card:#fff;--line:#e5ebf4;--ink:#1b2a41;--sub:#71809b;--ok:#16a34a;--warn:#d97706;--err:#dc2626;--r:14px}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}
.top{position:sticky;top:0;z-index:5;background:var(--blue);color:#fff;padding:14px 16px 12px;display:flex;align-items:center;gap:10px}
.top .t1{font-size:17px;font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top a{color:#fff;text-decoration:none;font-size:14px}
.wrap{max-width:520px;margin:0 auto;padding:14px}
.card{background:var(--card);border-radius:var(--r);padding:16px;margin-bottom:12px;box-shadow:0 2px 10px rgba(27,42,65,.05)}
.row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.h2{font-size:15px;font-weight:700;margin-bottom:6px}
.sub{font-size:12px;color:var(--sub)}
.tag{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px}
.tag.hotel{background:#e8f1ff;color:#1D6AE5}.tag.food{background:#fff3e0;color:#b45309}.tag.car{background:#e6f7ee;color:#15803d}
.chip{padding:2px 8px;border-radius:20px;font-size:11px;background:#eef2f9;color:#5b6b84}
.chip.pending{background:#fff7e6;color:#b45309}.chip.serving{background:#e8f1ff;color:#1D6AE5}.chip.completed{background:#e6f7ee;color:#15803d}
.btn{display:block;width:100%;margin-top:12px;padding:13px;border:none;border-radius:12px;font-size:16px;font-weight:600;background:var(--blue);color:#fff;cursor:pointer}
.btn.ghost{background:#fff;color:var(--blue);border:1px solid var(--blue)}
.btn:disabled{opacity:.5}
.btn.small{width:auto;margin:0;padding:8px 14px;font-size:14px;border-radius:10px}
.field{margin-top:10px}
.field label{display:block;font-size:13px;color:var(--sub);margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:15px;background:#fff}
.actions{display:flex;gap:10px;margin-top:12px}
.actions .btn{margin:0}
.msg{position:fixed;left:50%;top:16%;transform:translateX(-50%);background:#333;color:#fff;padding:10px 18px;border-radius:10px;font-size:14px;z-index:99;opacity:0;transition:.25s;pointer-events:none;max-width:80%;text-align:center}
.msg.show{opacity:1}
.empty{text-align:center;color:var(--sub);padding:34px 0;font-size:14px}
.meta-line{font-size:13px;color:var(--ink);line-height:1.9}
.meta-line b{color:var(--blue)}
.sec-title{font-size:13px;color:var(--sub);margin:6px 0 8px;display:flex;justify-content:space-between;align-items:center}
.pill-btn{font-size:12px;color:var(--blue);background:#eef4ff;border:none;padding:5px 10px;border-radius:14px}
.note{font-size:11px;color:#9aa7bd;line-height:1.6;margin-top:8px}
/* ===== 状态色（覆盖全部业务状态，避免未映射状态落到默认灰） ===== */
.chip.abnormal{background:#fdecec;color:#dc2626}
.chip.cancelled{background:#f1f3f7;color:#6b7c96}
.chip.timeout{background:#fdecec;color:#dc2626}
.chip.closed{background:#eef2f9;color:#5b6b84}
.chip.unfulfilled{background:#fdecec;color:#dc2626}
.chip.serving{background:#e0f2fe;color:#0369a1}
.chip.dispatched{background:#dbeafe;color:#1d4ed8}
.chip.evaluated{background:#e6f7ee;color:#15803d}
.chip.dispatched{background:#e8f1ff;color:#1D6AE5}
.chip.responding{background:#fff7e6;color:#b45309}
.chip.selected{background:#e6f7ee;color:#15803d}
.chip.rejected{background:#f1f3f7;color:#6b7c96}
.chip.expired{background:#f1f3f7;color:#6b7c96}
.chip.confirmed{background:#e6f7ee;color:#15803d}
.chip.waiting{background:#fff7e6;color:#b45309}
/* ===== 可点卡片 / 按钮 / Tab ===== */
.order-card{cursor:pointer;transition:.15s;border:1px solid transparent}
.order-card:active{transform:scale(.995);background:#fafcff;border-color:#e2ecff}
.act{min-height:36px}
.tab{transition:.2s;min-height:40px;line-height:1.1}
/* ===== 我的评分：评分总览 + 维度条 + 评价卡片 ===== */
.rate-hero{display:flex;align-items:center;gap:14px}
.rate-score{font-size:34px;font-weight:800;color:var(--blue);line-height:1}
.rate-stars{font-size:15px;color:#f7b500;letter-spacing:2px}
.rate-count{font-size:12px;color:var(--sub);margin-top:5px}
.dim-row{margin-top:11px}
.dim-top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}
.dim-top b{color:var(--blue)}
.dim-bar{height:6px;border-radius:6px;background:#eef2f9;overflow:hidden}
.dim-bar > i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#5b95f7,#1D6AE5)}
.review{border-left:3px solid #dbe7fb;padding:2px 0 2px 10px;margin-top:14px}
.review .txt{font-size:14px;color:var(--ink);line-height:1.65;word-break:break-word}
.review .meta{font-size:11px;color:var(--sub);margin-top:6px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.review .meta .stars{color:#f7b500;letter-spacing:1px}
/* ===== 账单 ===== */
.bill-amount{font-size:22px;font-weight:800;color:var(--blue);line-height:1.2}
.bill-amount span{font-size:12px;font-weight:400;color:var(--sub);margin-left:4px}
.kv{display:flex;justify-content:space-between;font-size:13px;color:var(--ink);margin-top:6px}
.kv .k{color:var(--sub)}
.unit{color:var(--sub);font-size:12px}
.muted{color:#9aa7bd}