/* ===== 订单详情页 ===== */
    .ord-det-page {
      display: flex; flex-direction: column; height: 100%; overflow-y: auto;
      background: #f4f6f8; padding: 0;
    }
    /* 顶部操作栏 */
    .ord-det-topbar {
      display: flex; align-items: center; gap: 10px;
      padding: 12px 20px; background: #fff; border-bottom: 1px solid var(--border);
      flex-shrink: 0;
    }
    .ord-det-back {
      display: flex; align-items: center; gap: 4px;
      padding: 5px 12px; border: 1px solid var(--border); border-radius: var(--radius-sm);
      font-size: 13px; color: var(--text-secondary); cursor: pointer; background: #fff;
    }
    .ord-det-back:hover { border-color: var(--brand); color: var(--brand); }
    .ord-det-topbar-btns { margin-left: auto; display: flex; gap: 8px; }
    .ord-det-topbtn {
      display: flex; align-items: center; gap: 4px;
      padding: 5px 14px; border: 1px solid var(--border); border-radius: var(--radius-sm);
      font-size: 13px; color: var(--text-secondary); cursor: pointer; background: #fff;
    }
    .ord-det-topbtn:hover { border-color: var(--brand); color: var(--brand); }
    .ord-det-topbtn.danger { color: #e53935; border-color: #e5393540; }
    .ord-det-topbtn.danger:hover { background: #fef2f2; border-color: #e53935; }
    /* 主内容区 */
    .ord-det-body { padding: 16px 20px; display: flex; flex-direction: column; gap: 12px; }
    /* 信息卡通用 */
    .ord-det-card {
      background: #fff; border-radius: var(--radius); border: 1px solid var(--border);
      overflow: hidden;
    }
    .ord-det-card-title {
      display: flex; align-items: center; gap: 6px;
      padding: 12px 16px; border-bottom: 1px solid var(--border);
      font-size: 14px; font-weight: 600; color: var(--text-primary);
    }
    .ord-det-card-tip {
      display: flex; align-items: center; gap: 4px;
      font-size: 12px; font-weight: 400; color: var(--brand-dark);
    }
    .ord-det-card-tip svg { flex-shrink: 0; }
    .ord-det-card-title::before {
      content: ''; display: inline-block; width: 3px; height: 14px;
      background: var(--brand); border-radius: 2px;
    }
    /* 订单信息表格（4列） */
    .ord-det-info-grid {
      display: grid; grid-template-columns: repeat(5, 1fr);
      gap: 0;
    }
    .ord-det-info-cell {
      padding: 12px 16px; border-right: 1px solid var(--border);
    }
    .ord-det-info-cell:last-child { border-right: none; }
    .ord-det-info-label { font-size: 12px; color: var(--text-muted); margin-bottom: 6px; }
    .ord-det-info-val { font-size: 13px; color: var(--text-primary); }
    .ord-det-status-done { color: #3a9a6a; font-weight: 500; }
    /* 商品信息表格 */
    .ord-det-goods-table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .ord-det-goods-table th {
      padding: 10px 12px; text-align: left; font-size: 12px; font-weight: 500;
      color: var(--text-secondary); background: #fafbfc;
      border-bottom: 1px solid var(--border); white-space: nowrap;
    }
    .ord-det-profit-head {
      display: inline-flex; align-items: center; gap: 4px;
    }
    .ord-det-profit-toggle {
      display: inline-flex; align-items: center; justify-content: center;
      width: 16px; height: 16px; padding: 0; border: 0; background: transparent;
      color: #8a9199; cursor: pointer;
    }
    .ord-det-profit-toggle:hover { color: var(--brand); }
    .ord-det-profit-toggle svg { display: block; }
    .ord-det-goods-table td {
      padding: 10px 12px; vertical-align: middle;
      border-bottom: 1px solid var(--border-light); color: var(--text-primary);
    }
    .ord-det-goods-table tbody tr:hover { background: #f8faf9; }
    /* 商品图+名称 */
    .ord-det-goods-info { display: flex; align-items: center; gap: 10px; min-width: 200px; }
    .ord-det-goods-img {
      width: 44px; height: 44px; border-radius: 6px; object-fit: cover;
      background: #f0f0f0; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
      font-size: 18px; color: #ccc; border: 1px solid var(--border-light);
    }
    .ord-det-goods-name { font-size: 13px; color: var(--text-primary); line-height: 1.4; }
    .ord-det-goods-spec { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
    /* 券来源标签 */
    .ord-det-coupon-tag {
      display: inline-flex; align-items: center; gap: 3px;
      padding: 1px 6px; border-radius: 4px; font-size: 11px; font-weight: 500;
      margin-left: 6px; vertical-align: middle;
    }
    .ord-det-coupon-tag.meituan { background: #ffe8e8; color: #e53935; }
    .ord-det-coupon-tag.douyin  { background: #1a1a1a; color: #fff; }
    .ord-det-coupon-tag::before {
      content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%;
    }
    .ord-det-coupon-tag.meituan::before { background: #e53935; }
    .ord-det-coupon-tag.douyin::before  { background: #fff; }
    /* 服务信息表格 */
    .ord-det-service-table { width: 100%; border-collapse: collapse; font-size: 13px; }
    .ord-det-service-table th {
      padding: 10px 12px; text-align: left; font-size: 12px; font-weight: 500;
      color: var(--text-secondary); background: #fafbfc;
      border-bottom: 1px solid var(--border); white-space: nowrap;
    }
    .ord-det-service-table td {
      padding: 10px 12px; vertical-align: middle;
      border-bottom: 1px solid var(--border-light); color: var(--text-primary);
    }
    .ord-det-service-table tbody tr:hover { background: #f8faf9; }
    .ord-det-service-info { display: flex; align-items: center; gap: 10px; min-width: 200px; }
    .ord-det-service-img {
      width: 44px; height: 44px; border-radius: 6px; object-fit: cover;
      background: #f5f5f5; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
      font-size: 18px; color: #ccc; border: 1px solid var(--border-light);
    }
    .ord-det-service-name { font-size: 13px; color: var(--text-primary); line-height: 1.4; }
    .ord-det-service-desc { font-size: 11px; color: var(--text-muted); margin-top: 2px; }
    /* 券核销分组 */
    .ord-det-group-head {
      display: flex; align-items: center; gap: 8px;
      padding: 8px 12px; margin-bottom: 0;
      background: #fff8f0; border-radius: 6px 6px 0 0;
      font-size: 13px; font-weight: 500; color: #e53935;
      border: 1px solid #ffe0b2; border-bottom: none;
    }
    .ord-det-group-head svg { flex-shrink: 0; }
    .ord-det-group-head + .ord-det-goods-table,
    .ord-det-group-head + .ord-det-service-table {
      border-radius: 0 0 6px 6px;
    }
    .ord-det-group-divider {
      height: 10px;
    }
    .ord-det-voucher-subtotal { color: var(--brand); font-weight: 600; }
    .ord-det-voucher-note,
    .ord-det-payment-note {
      display: block; margin-top: 2px; font-size: 11px; line-height: 1.35;
      color: #d84941; white-space: nowrap;
    }
    .ord-det-voucher-total {
      display: flex; justify-content: flex-end; padding: 10px 12px;
      background: #fff8f0; border-top: 1px solid #ffe0b2; border-radius: 0 0 6px 6px;
      font-size: 13px; color: #e53935; font-weight: 500;
    }
    /* 金额高亮 */
    .ord-det-price-red { color: #e53935; font-weight: 500; }
    /* 汇总行 */
    .ord-det-summary {
      display: flex; align-items: flex-start; padding: 12px 16px;
      border-top: 1px solid var(--border); background: #fafbfc;
    }
    .ord-det-summary-left { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--text-secondary); }
    .ord-det-summary-right {
      margin-left: auto; display: flex; flex-direction: column; align-items: stretch; gap: 4px;
      min-width: 244px; font-size: 13px;
    }
    .ord-det-sum-row {
      display: grid; grid-template-columns: 108px 104px 16px;
      align-items: start; gap: 8px; white-space: nowrap;
    }
    .ord-det-sum-label { color: var(--text-secondary); text-align: right; }
    .ord-det-sum-val { color: var(--text-primary); text-align: right; }
    .ord-det-sum-val.red { color: #e53935; font-weight: 600; font-size: 14px; }
    .ord-det-meituan-record { display: flex; align-items: flex-start; color: var(--text-muted); }
    .ord-det-meituan-record-main { display: flex; flex-direction: column; color: var(--text-primary); }
    .ord-det-meituan-record-price { margin-top: 2px; color: #e53935; font-size: 12px; font-weight: 600; }
    .ord-det-meituan-record-note { margin-top: 1px; color: var(--text-muted); font-size: 11px; }
    .ord-det-amount-stack { display: flex; flex-direction: column; align-items: flex-end; }
    .ord-det-sum-row .ord-det-amount-stack { width: 104px; }
    .ord-det-payment-detail { align-items: flex-start; }
    .ord-det-paid-zero { color: #e53935; font-weight: 600; }
    .ord-det-meituan-payment { color: #e53935; font-weight: 500; }
    /* 4栏信息卡（配送/支付/买家/备注） */
    .ord-det-info4 {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: 0;
    }
    .ord-det-info4-col {
      padding: 16px; border-right: 1px solid var(--border);
    }
    .ord-det-info4-col:last-child { border-right: none; }
    .ord-det-info4-title {
      font-size: 13px; font-weight: 600; color: var(--text-primary);
      margin-bottom: 12px; padding-bottom: 8px; border-bottom: 1px solid var(--border-light);
    }
    .ord-det-info4-row { display: flex; flex-direction: column; gap: 8px; font-size: 13px; }
    .ord-det-info4-item { display: flex; align-items: flex-start; gap: 6px; }
    .ord-det-info4-key { color: var(--text-muted); white-space: nowrap; flex-shrink: 0; }
    .ord-det-info4-value { color: var(--text-primary); }
    /* 底部操作按钮 */
    .ord-det-footer {
      display: flex; justify-content: center; gap: 10px; padding: 20px;
      background: #fff; border-top: 1px solid var(--border); flex-shrink: 0; margin-top: 4px;
    }
    .ord-det-print-btn,
    .ord-det-return-btn {
      min-width: 104px; padding: 7px 22px; border-radius: var(--radius-sm);
      font-size: 13px; cursor: pointer;
    }
    .ord-det-print-btn { background: var(--brand); color: #fff; border: 1px solid var(--brand); }
    .ord-det-print-btn:hover { background: var(--brand-dark); }
    .ord-det-return-btn { background: #fff; color: #e05252; border: 1px solid #e9aaaa; }
    .ord-det-return-btn:hover { background: #fff5f5; border-color: #e05252; }

    /* 订单详情 - 退货/退单弹窗 */
    .ord-return-overlay {
      position: fixed; inset: 0; z-index: 10110; display: flex; align-items: center; justify-content: center;
      padding: 18px; background: rgba(28, 38, 48, .34);
    }
    .ord-return-modal {
      width: min(820px, calc(100vw - 36px)); max-height: calc(100vh - 36px); overflow: auto;
      background: #fff; border-radius: 8px; box-shadow: 0 12px 36px rgba(0, 0, 0, .18);
      color: var(--text-primary); font-size: 12px;
    }
    .ord-return-modal.order { width: min(520px, calc(100vw - 36px)); }
    .ord-return-head {
      display: flex; align-items: center; justify-content: space-between;
      padding: 14px 18px 12px; border-bottom: 1px solid var(--border-light);
    }
    .ord-return-title { font-size: 17px; font-weight: 600; line-height: 1; }
    .ord-return-close {
      width: 26px; height: 26px; padding: 0; border: 0; background: transparent;
      color: #9aa1a8; font-size: 23px; line-height: 24px; cursor: pointer;
    }
    .ord-return-close:hover { color: var(--text-primary); }
    .ord-return-body { padding: 14px 18px 16px; }
    .ord-return-table-wrap { overflow-x: auto; border: 1px solid var(--border-light); border-radius: 5px; }
    .ord-return-table { width: 100%; min-width: 750px; border-collapse: collapse; table-layout: fixed; }
    .ord-return-table th {
      padding: 8px 7px; background: #f6f7fa; color: var(--text-secondary);
      font-size: 11px; font-weight: 500; text-align: left; white-space: nowrap;
    }
    .ord-return-table td { padding: 9px 7px; border-top: 1px solid var(--border-light); vertical-align: middle; }
    .ord-return-table th:first-child { width: 190px; }
    .ord-return-table th:nth-child(2) { width: 58px; }
    .ord-return-table th:nth-child(3),
    .ord-return-table th:nth-child(4),
    .ord-return-table th:nth-child(5),
    .ord-return-table th:nth-child(6) { width: 76px; }
    .ord-return-table th:nth-child(7),
    .ord-return-table th:nth-child(8) { width: 90px; }
    .ord-return-product { display: flex; align-items: center; gap: 8px; min-width: 0; }
    .ord-return-product-icon {
      width: 34px; height: 34px; flex: 0 0 34px; display: flex; align-items: center; justify-content: center;
      border: 1px solid var(--border-light); border-radius: 4px; background: #f5f6f7; font-size: 16px;
    }
    .ord-return-product-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
    .ord-return-product-sub { margin-top: 2px; color: var(--text-muted); font-size: 10px; }
    .ord-return-input,
    .ord-return-select {
      width: 100%; height: 28px; box-sizing: border-box; border: 1px solid #dfe3e6; border-radius: 14px;
      background: #fff; color: var(--text-primary); font-size: 11px; outline: none;
    }
    .ord-return-input { padding: 0 9px; }
    .ord-return-select { padding: 0 22px 0 8px; cursor: pointer; }
    .ord-return-input:focus,
    .ord-return-select:focus,
    .ord-return-remark textarea:focus { border-color: var(--brand); box-shadow: 0 0 0 2px rgba(82, 181, 132, .11); }
    .ord-return-remark { margin-top: 12px; }
    .ord-return-remark label { display: flex; align-items: center; gap: 3px; margin-bottom: 6px; font-weight: 500; }
    .ord-return-required { color: #e05252; }
    .ord-return-remark textarea {
      display: block; width: 100%; min-height: 58px; resize: vertical; box-sizing: border-box;
      padding: 8px 10px; border: 1px solid #dfe3e6; border-radius: 5px;
      color: var(--text-primary); font: inherit; line-height: 1.5; outline: none;
    }
    .ord-return-actions { display: flex; justify-content: center; gap: 12px; margin-top: 14px; }
    .ord-return-btn {
      min-width: 100px; height: 32px; padding: 0 20px; border-radius: 17px;
      border: 1px solid #d7dcdf; background: #fff; color: var(--text-secondary);
      font-size: 12px; cursor: pointer;
    }
    .ord-return-btn.primary { border-color: var(--brand); background: var(--brand); color: #fff; }
    .ord-return-btn:hover { border-color: var(--brand); color: var(--brand-dark); }
    .ord-return-btn.primary:hover { background: var(--brand-dark); color: #fff; }
    .ord-order-return-form { display: flex; flex-direction: column; gap: 16px; padding: 2px 8px 0; }
    .ord-order-return-row { display: grid; grid-template-columns: 88px 1fr; align-items: center; gap: 10px; }
    .ord-order-return-label { font-size: 13px; font-weight: 600; }
    .ord-order-return-options { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
    .ord-order-return-option { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; cursor: pointer; }
    .ord-order-return-option input { width: 16px; height: 16px; margin: 0; accent-color: var(--brand); }
    .ord-order-return-amount { color: #e53935; font-size: 17px; font-weight: 600; }
    .ord-order-return-form .ord-return-remark { margin-top: -2px; }
    .ord-order-return-tip {
      padding: 10px 12px; border-radius: 4px; background: #f7f8f9;
      color: var(--text-secondary); font-size: 12px; line-height: 1.75;
    }
    @media (max-width: 640px) {
      .ord-return-overlay { align-items: flex-start; padding: 12px; }
      .ord-return-modal,
      .ord-return-modal.order { width: calc(100vw - 24px); max-height: calc(100vh - 24px); }
      .ord-order-return-row { grid-template-columns: 78px 1fr; }
    }