/* ===== 订单记录页面 ===== */
.orders-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px }
.orders-title-row { display: flex; align-items: center; gap: 12px; margin-bottom: 4px }
.orders-title-icon { width: 28px; height: 28px; border-radius: 4px; background: rgba(77, 166, 255, .08); border: 1px solid rgba(77, 166, 255, .2); display: flex; align-items: center; justify-content: center; overflow: hidden }
[data-theme="light"] .orders-title-icon { background: rgba(250, 113, 46, .08); border-color: rgba(250, 113, 46, .2) }
.orders-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 24px }
.orders-stat-card { text-align: center; padding: 14px 10px; border-radius: 5px; background: rgba(50, 50, 50, .35); border: 1px solid rgba(128, 128, 128, .08); position: relative; overflow: hidden }
.orders-stat-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: rgba(128, 128, 128, .15) }
.orders-stat-card.orders-stat-pending::before { background: rgba(251, 191, 36, .5) }
.orders-stat-card.orders-stat-progress::before { background: rgba(77, 166, 255, .5) }
.orders-stat-card.orders-stat-done::before { background: rgba(110, 231, 183, .5) }
.orders-stat-num { font-family: 'Chakra Petch', monospace; font-size: 22px; font-weight: 700; color: var(--text-main); margin-bottom: 2px }
.orders-stat-card.orders-stat-pending .orders-stat-num { color: #fbbf24 }
.orders-stat-card.orders-stat-progress .orders-stat-num { color: #4da6ff }
.orders-stat-card.orders-stat-done .orders-stat-num { color: #6ee7b7 }
.orders-stat-label { font-size: 9px; color: var(--text-sub); letter-spacing: .1em; text-transform: uppercase; font-family: 'Chakra Petch', sans-serif }
[data-theme="light"] .orders-stat-card { background: rgba(255, 255, 255, .45); border-color: rgba(128, 128, 128, .1) }
[data-theme="light"] .orders-stat-card.orders-stat-pending .orders-stat-num { color: #d2780a }
[data-theme="light"] .orders-stat-card.orders-stat-progress .orders-stat-num { color: #2563eb }
[data-theme="light"] .orders-stat-card.orders-stat-done .orders-stat-num { color: #22a05a }
.orders-stat-income { display: none!important }
.orders-filter-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid rgba(128, 128, 128, .08); gap: 12px }
.orders-filter-tabs { display: flex; gap: 3px; flex-wrap: wrap; flex: 1 }
.orders-filter-tab { font-size: 12px; padding: 5px 14px; border-radius: 4px; cursor: pointer; color: var(--text-sub); background: rgba(128, 128, 128, .04); border: 1px solid transparent; transition: all .2s; font-family: 'Noto Sans SC', sans-serif; font-weight: 500; letter-spacing: .04em; user-select: none }
.orders-filter-tab:hover { background: rgba(128, 128, 128, .08); color: var(--text-main) }
.orders-filter-tab.active { background: rgba(77, 166, 255, .08); color: var(--c-primary-light); border-color: rgba(77, 166, 255, .2) }
[data-theme="light"] .orders-filter-tab.active { background: rgba(250, 113, 46, .08); color: var(--c-primary); border-color: rgba(250, 113, 46, .2) }
.orders-add-btn-dyn { display: inline-flex; align-items: center; gap: 4px; font-size: 11px; padding: 5px 14px; border-radius: 4px; border: 1px solid rgba(77, 166, 255, .2); background: rgba(77, 166, 255, .08); color: var(--c-primary-light); font-family: 'Noto Sans SC', sans-serif; font-weight: 500; letter-spacing: .03em; cursor: pointer; transition: all .2s; white-space: nowrap; flex-shrink: 0 }
.orders-add-btn-dyn:hover { background: rgba(77, 166, 255, .15); border-color: rgba(77, 166, 255, .35) }
[data-theme="light"] .orders-add-btn-dyn { background: rgba(250, 113, 46, .08); border-color: rgba(250, 113, 46, .2); color: var(--c-primary) }
[data-theme="light"] .orders-add-btn-dyn:hover { background: rgba(250, 113, 46, .15); border-color: rgba(250, 113, 46, .35) }
.orders-export-btn { display: inline-flex; align-items: center; gap: 5px; font-size: 11px; padding: 5px 14px; border-radius: 4px; border: 1px solid rgba(110, 231, 183, .2); background: rgba(110, 231, 183, .06); color: #6ee7b7; font-family: 'Noto Sans SC', sans-serif; font-weight: 500; letter-spacing: .03em; cursor: pointer; transition: all .2s; white-space: nowrap; flex-shrink: 0 }
.orders-export-btn:hover { background: rgba(110, 231, 183, .12); border-color: rgba(110, 231, 183, .35) }
[data-theme="light"] .orders-export-btn { background: rgba(34, 160, 90, .06); border-color: rgba(34, 160, 90, .2); color: #22a05a }
[data-theme="light"] .orders-export-btn:hover { background: rgba(34, 160, 90, .12); border-color: rgba(34, 160, 90, .35) }
.orders-add-btn { display: none!important }
.orders-list { display: flex; flex-direction: column; gap: 4px }
.orders-empty { text-align: center; padding: 60px 20px; color: var(--text-sub); font-size: 14px }
.orders-empty-icon { font-size: 36px; margin-bottom: 12px; opacity: .4 }
.order-card { background: rgba(40, 40, 40, .35); border: 1px solid rgba(128, 128, 128, .05); border-radius: 5px; padding: 9px 16px 9px 19px; transition: border-color .2s, background .2s; position: relative; cursor: pointer }
.order-card:hover { border-color: rgba(77, 166, 255, .18); background: rgba(40, 40, 40, .55) }
[data-theme="light"] .order-card { background: rgba(255, 255, 255, .4); border-color: rgba(128, 128, 128, .07) }
[data-theme="light"] .order-card:hover { border-color: rgba(250, 113, 46, .25); background: rgba(255, 255, 255, .6) }
.oc-r1 { display: flex; align-items: center; gap: 6px; margin-bottom: 5px }
.oc-id { font-family: 'Chakra Petch', monospace; font-size: 10px; font-weight: 700; color: var(--c-primary-light); letter-spacing: .05em; flex-shrink: 0; opacity: .8 }
[data-theme="light"] .oc-id { color: var(--c-primary) }
.oc-status { font-size: 9px; padding: 0 6px; border-radius: 2px; font-weight: 600; font-family: 'Chakra Petch', sans-serif; letter-spacing: .05em; white-space: nowrap; flex-shrink: 0; line-height: 16px }
.oc-s-pending { background: rgba(251, 191, 36, .1); color: #fbbf24; border: 1px solid rgba(251, 191, 36, .18) }
.oc-s-in_progress { background: rgba(77, 166, 255, .1); color: #4da6ff; border: 1px solid rgba(77, 166, 255, .18) }
.oc-s-completed { background: rgba(110, 231, 183, .1); color: #6ee7b7; border: 1px solid rgba(110, 231, 183, .18) }
.oc-s-cancelled { background: rgba(255, 77, 79, .06); color: #ff7875; border: 1px solid rgba(255, 77, 79, .12) }
[data-theme="light"] .oc-s-pending { background: rgba(210, 120, 10, .06); color: #d2780a; border-color: rgba(210, 120, 10, .15) }
[data-theme="light"] .oc-s-in_progress { background: rgba(37, 99, 235, .06); color: #2563eb; border-color: rgba(37, 99, 235, .15) }
[data-theme="light"] .oc-s-completed { background: rgba(34, 160, 90, .06); color: #22a05a; border-color: rgba(34, 160, 90, .15) }
[data-theme="light"] .oc-s-cancelled { background: rgba(220, 50, 50, .06); color: #d63031; border-color: rgba(220, 50, 50, .12) }
.oc-game { font-size: 8px; padding: 0 5px; border-radius: 2px; background: rgba(77, 166, 255, .05); color: var(--c-primary-light); border: 1px solid rgba(77, 166, 255, .07); font-family: 'Chakra Petch', sans-serif; letter-spacing: .03em; white-space: nowrap; flex-shrink: 0; line-height: 14px; opacity: .75 }
[data-theme="light"] .oc-game { background: rgba(250, 113, 46, .05); color: var(--c-primary); border-color: rgba(250, 113, 46, .07) }
.oc-time { font-size: 9px; color: var(--text-sub); font-family: 'Chakra Petch', monospace; letter-spacing: .02em; opacity: .35; white-space: nowrap; margin-left: auto; flex-shrink: 0 }
.oc-r2 { display: flex; justify-content: space-between; align-items: center; gap: 12px }
.oc-left { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px }
.oc-core { display: flex; align-items: center; gap: 5px; white-space: nowrap }
.oc-cust { font-size: 13px; font-weight: 700; color: var(--text-main); max-width: 120px; overflow: hidden; text-overflow: ellipsis }
.oc-arrow { font-size: 11px; color: rgba(77, 166, 255, .5); font-weight: 700 }
[data-theme="light"] .oc-arrow { color: rgba(250, 113, 46, .5) }
.oc-op { font-size: 12px; color: var(--text-main); opacity: .75; font-weight: 600; max-width: 80px; overflow: hidden; text-overflow: ellipsis }
.oc-ext { display: flex; align-items: center; gap: 4px; font-size: 11px; line-height: 1.3; color: var(--text-sub); opacity: .7 }
.oc-vehicle { color: var(--c-primary-light); font-weight: 500; white-space: nowrap; opacity: .85 }
[data-theme="light"] .oc-vehicle { color: var(--c-primary) }
.oc-ext-sep { opacity: .3; font-size: 10px }
.oc-detail { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; flex: 1 }
.oc-right { flex-shrink: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; font-family: 'Chakra Petch', monospace }
.oc-price-line { display: flex; align-items: baseline; gap: 2px; white-space: nowrap }
.oc-price { font-size: 14px; font-weight: 700; color: #fbbf24 }
[data-theme="light"] .oc-price { color: #d2780a }
.oc-mslash { font-size: 11px; color: var(--text-sub); opacity: .3; margin: 0 1px }
.oc-paid { font-size: 12px; font-weight: 600; color: rgba(251, 191, 36, .6) }
.oc-paid.paid-full { color: #6ee7b7; font-weight: 700 }
[data-theme="light"] .oc-paid { color: rgba(210, 120, 10, .55) }
[data-theme="light"] .oc-paid.paid-full { color: #22a05a }
.oc-sub-line { font-size: 10px; line-height: 1; white-space: nowrap }
.oc-unpaid { color: #ff7875; font-weight: 700; font-family: 'Chakra Petch', monospace; opacity: .9 }
[data-theme="light"] .oc-unpaid { color: #e53e3e }
.oc-settled { color: #6ee7b7; font-weight: 600; font-size: 9px; letter-spacing: .04em; opacity: .8 }
[data-theme="light"] .oc-settled { color: #22a05a }
.oc-r3 { display: flex; align-items: center; gap: 5px; margin-top: 5px; padding-top: 5px; border-top: 1px dashed rgba(128, 128, 128, .08); flex-wrap: wrap }
.oc-tag { font-size: 9px; padding: 1px 7px; border-radius: 3px; font-family: 'Chakra Petch', sans-serif; font-weight: 600; letter-spacing: .03em; white-space: nowrap; line-height: 16px }
.oc-tag-comm { background: rgba(251, 191, 36, .06); color: rgba(251, 191, 36, .65); border: 1px solid rgba(251, 191, 36, .12) }
[data-theme="light"] .oc-tag-comm { background: rgba(210, 120, 10, .04); color: rgba(210, 120, 10, .55); border-color: rgba(210, 120, 10, .1) }
.oc-tag-payop { background: rgba(77, 166, 255, .06); color: rgba(77, 166, 255, .75); border: 1px solid rgba(77, 166, 255, .12) }
[data-theme="light"] .oc-tag-payop { background: rgba(37, 99, 235, .04); color: rgba(37, 99, 235, .65); border-color: rgba(37, 99, 235, .1) }
.order-card-accent { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; border-radius: 5px 0 0 5px }
.order-card-accent.pending { background: rgba(251, 191, 36, .55) }
.order-card-accent.in_progress { background: rgba(77, 166, 255, .55) }
.order-card-accent.completed { background: rgba(110, 231, 183, .55) }
.order-card-accent.cancelled { background: rgba(255, 77, 79, .35) }
.orders-scanline { position: absolute; top: 0; left: 0; right: 0; height: 1px; background: rgba(77, 166, 255, .06); animation: ordersScan 6s linear infinite; pointer-events: none; z-index: 1 }
@keyframes ordersScan { 0% { top: 0; opacity: 0 } 5% { opacity: 1 } 95% { opacity: 1 } 100% { top: 100%; opacity: 0 } }
.orders-section-scan { position: relative; overflow: hidden }
.orders-section-scan::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(0deg, transparent 0px, transparent 3px, rgba(0, 0, 0, .03) 3px, rgba(0, 0, 0, .03) 4px); pointer-events: none; z-index: 0 }
.order-edit-fab { position: fixed; bottom: 24px; right: 24px; z-index: 90; display: none; flex-direction: column; gap: 8px; align-items: flex-end }
.order-edit-fab.visible { display: flex }
.order-edit-btn { padding: 10px 20px; border-radius: 8px; border: 1px solid rgba(77, 166, 255, .2); background: rgba(77, 166, 255, .08); color: var(--c-primary-light); font-family: 'Chakra Petch', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: .04em; cursor: pointer; transition: all .2s; backdrop-filter: blur(10px) }
.order-edit-btn:hover { background: rgba(77, 166, 255, .15); border-color: rgba(77, 166, 255, .35) }
.order-edit-btn.primary { background: rgba(77, 166, 255, .15); border-color: rgba(77, 166, 255, .3) }
[data-theme="light"] .order-edit-btn { background: rgba(250, 113, 46, .08); border-color: rgba(250, 113, 46, .2); color: var(--c-primary) }
[data-theme="light"] .order-edit-btn:hover { background: rgba(250, 113, 46, .15); border-color: rgba(250, 113, 46, .35) }
.edit-pair { display: flex; gap: 12px }
.edit-pair .edit-row { flex: 1; min-width: 0 }
.edit-readonly { padding: 8px 12px; font-size: 14px; font-weight: 600; min-height: 36px; display: flex; align-items: center }
.dtl-val-gold { font-family: 'Chakra Petch', monospace; font-size: 14px; font-weight: 700; color: #fbbf24 }
.dtl-val-green { font-family: 'Chakra Petch', monospace; font-size: 14px; font-weight: 700; color: #6ee7b7 }
.dtl-val-red { font-family: 'Chakra Petch', monospace; font-size: 14px; font-weight: 700; color: #ff7875 }
.dtl-val-gold-dim { font-family: 'Chakra Petch', monospace; font-size: 14px; font-weight: 700; color: rgba(251, 191, 36, .65) }
.dtl-val-blue { font-family: 'Chakra Petch', monospace; font-size: 14px; font-weight: 700; color: #4da6ff }
[data-theme="light"] .dtl-val-gold { color: #d2780a }
[data-theme="light"] .dtl-val-green { color: #22a05a }
[data-theme="light"] .dtl-val-red { color: #e53e3e }
[data-theme="light"] .dtl-val-gold-dim { color: rgba(210, 120, 10, .55) }
[data-theme="light"] .dtl-val-blue { color: #2563eb }
.op-card-order-badge { font-size: 10px; padding: 1px 6px; border-radius: 3px; background: rgba(77, 166, 255, .08); color: var(--c-primary-light); border: 1px solid rgba(77, 166, 255, .12); font-family: 'Chakra Petch', monospace; letter-spacing: .03em; margin-left: 4px }
[data-theme="light"] .op-card-order-badge { background: rgba(250, 113, 46, .08); color: var(--c-primary); border-color: rgba(250, 113, 46, .12) }
.dtl-orders-section { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(128, 128, 128, .08) }
.dtl-orders-title { font-size: 12px; font-weight: 600; color: var(--text-sub); letter-spacing: .06em; margin-bottom: 10px; text-transform: uppercase; font-family: 'Chakra Petch', sans-serif }
.dtl-order-mini { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 4px; background: rgba(128, 128, 128, .04); margin-bottom: 6px; font-size: 12px }
.dtl-order-mini-id { font-family: 'Chakra Petch', monospace; font-weight: 600; color: var(--c-primary-light); font-size: 11px; min-width: 140px }
[data-theme="light"] .dtl-order-mini-id { color: var(--c-primary) }
.dtl-order-mini-detail { flex: 1; color: var(--text-main); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.dtl-order-mini-price { font-family: 'Chakra Petch', monospace; font-weight: 700; color: #fbbf24; font-size: 12px; flex-shrink: 0 }
[data-theme="light"] .dtl-order-mini-price { color: #d2780a }
.dtl-order-mini-paid { font-family: 'Chakra Petch', monospace; font-weight: 600; font-size: 12px; color: #fbbf24; flex-shrink: 0 }
.dtl-order-mini-paid.paid-full { color: #6ee7b7 }
[data-theme="light"] .dtl-order-mini-paid { color: #d2780a }
[data-theme="light"] .dtl-order-mini-paid.paid-full { color: #22a05a }
.dtl-order-mini-edit, .dtl-order-mini-del { background: none; border: none; cursor: pointer; font-size: 12px; padding: 2px 4px; opacity: .5; transition: opacity .2s; flex-shrink: 0 }
.dtl-order-mini-edit:hover, .dtl-order-mini-del:hover { opacity: 1 }
.dtl-order-mini-edit { color: var(--c-primary-light) }
.dtl-order-mini-del { color: #ff7875 }
[data-theme="light"] .dtl-order-mini-edit { color: var(--c-primary) }
.dtl-order-mini-mask { font-size: 11px; color: var(--text-sub); opacity: .4; letter-spacing: .08em; flex-shrink: 0; user-select: none }
.dtl-orders-summary { display: flex; gap: 16px; flex-wrap: wrap; padding: 8px 12px; margin-bottom: 8px; border-radius: 4px; background: rgba(128, 128, 128, .04); font-size: 11px; color: var(--text-sub); border: 1px solid rgba(128, 128, 128, .06) }
.dtl-orders-summary strong { color: var(--text-main); font-family: 'Chakra Petch', monospace }
.order-card-game-badge { font-size: 10px; padding: 2px 8px; border-radius: 3px; background: rgba(77, 166, 255, .06); color: var(--c-primary-light); border: 1px solid rgba(77, 166, 255, .1); font-family: 'Chakra Petch', sans-serif; letter-spacing: .04em }
[data-theme="light"] .order-card-game-badge { background: rgba(250, 113, 46, .06); color: var(--c-primary); border-color: rgba(250, 113, 46, .1) }

/* ===== 新增：订单详情页专用状态样式（非绝对定位） ===== */
.order-detail-status { display: inline-block; position: static; font-size: 11px; padding: 3px 10px; border-radius: 3px; font-weight: 600; font-family: 'Chakra Petch', sans-serif; letter-spacing: .04em; }
.order-detail-status.order-status-pending { background: rgba(251, 191, 36, .1); color: #fbbf24; border: 1px solid rgba(251, 191, 36, .2); }
.order-detail-status.order-status-in_progress { background: rgba(77, 166, 255, .1); color: #4da6ff; border: 1px solid rgba(77, 166, 255, .2); }
.order-detail-status.order-status-completed { background: rgba(110, 231, 183, .1); color: #6ee7b7; border: 1px solid rgba(110, 231, 183, .2); }
.order-detail-status.order-status-cancelled { background: rgba(255, 77, 79, .08); color: #ff7875; border: 1px solid rgba(255, 77, 79, .15); }
[data-theme="light"] .order-detail-status.order-status-pending { background: rgba(210, 120, 10, .08); color: #d2780a; border-color: rgba(210, 120, 10, .2); }
[data-theme="light"] .order-detail-status.order-status-in_progress { background: rgba(37, 99, 235, .08); color: #2563eb; border-color: rgba(37, 99, 235, .2); }
[data-theme="light"] .order-detail-status.order-status-completed { background: rgba(34, 160, 90, .08); color: #22a05a; border-color: rgba(34, 160, 90, .2); }
[data-theme="light"] .order-detail-status.order-status-cancelled { background: rgba(220, 50, 50, .06); color: #d63031; border-color: rgba(220, 50, 50, .12); }

/* ===== 打手多选样式 ===== */
.order-op-checkbox-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; max-height: 220px; overflow-y: auto; padding: 4px; border: 1px solid var(--border); border-radius: 6px; background: rgba(0,0,0,0.1); }
[data-theme="light"] .order-op-checkbox-grid { background: rgba(0,0,0,0.02); }
.order-op-checkbox-label { display: flex; flex-direction: column; padding: 8px; border-radius: 4px; border: 1px solid rgba(128, 128, 128, 0.15); cursor: pointer; transition: all 0.2s; background: var(--bg-card); }
.order-op-checkbox-label:hover { border-color: var(--c-primary); background: rgba(77, 166, 255, 0.05); }
.order-op-checkbox-label input[type="checkbox"] { display: none; }
.order-op-checkbox-label input[type="checkbox"]:checked + .order-op-checkbox-name::before { content: '✓'; margin-right: 4px; color: #6ee7b7; font-weight: bold; }
.order-op-checkbox-name { font-size: 13px; font-weight: 600; color: var(--text-main); display: flex; align-items: center; padding: 4px 0; }

/* 列表中的打手标签样式 */
.order-card-ops { display: flex; flex-wrap: wrap; gap: 4px; }
.order-card-op-tag { background: rgba(77, 166, 255, 0.15); color: var(--c-primary-light); padding: 2px 6px; border-radius: 3px; font-size: 11px; border: 1px solid rgba(77, 166, 255, 0.2); }
[data-theme="light"] .order-card-op-tag { background: rgba(77, 166, 255, 0.1); color: var(--c-primary); }