| 1 |
- [data-v-7748ba6b]:root{--primary-color: #ea002a;--success-color: #4CD964;--warning-color: #F0AD4E;--error-color: #DD524D;--main-bg: #fff;--card-bg: #222;--action-bg: #fff;--main-yellow: #ea002a;--lable: #454745;--main-yellow-dark: rgb(15 120 71);--white: #000;--gray: #aaa;--border: #868685;--black: #fff;--black1: #343434;--font-size-10: 10px;--font-size-12: 12px;--font-size-13: 13px;--font-size-14: 14px;--font-size-15: 15px;--font-size-16: 16px;--font-size-18: 18px;--font-size-20: 20px;--font-size-22: 22px;--font-size-24: 24px;--font-size-26: 26px;--font-size-28: 28px;--font-size-32: 32px;--font-size-36: 36px;--font-size-40: 40px}.page-wrapper[data-v-7748ba6b]{padding:0}.order-detail-page[data-v-7748ba6b]{background-color:#f9fafb;padding-bottom:2.5rem}.header[data-v-7748ba6b]{background:linear-gradient(135deg,#2563eb,#60a5fa);padding:.375rem .5rem;padding-top:calc(.375rem + env(safe-area-inset-top))}.header-nav[data-v-7748ba6b]{display:flex;align-items:center;justify-content:space-between}.back-btn[data-v-7748ba6b]{width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.header-title[data-v-7748ba6b]{color:#fff;font-size:.5625rem}.header-action[data-v-7748ba6b]{width:1.25rem}.content[data-v-7748ba6b]{padding:.5rem}.status-card[data-v-7748ba6b]{background-color:#fff;border-radius:.5rem;padding:1rem .75rem;margin-bottom:.5rem;display:flex;flex-direction:column;align-items:center}.status-icon-wrapper[data-v-7748ba6b]{margin-bottom:.5rem}.status-icon[data-v-7748ba6b]{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-icon-success[data-v-7748ba6b]{background-color:#f0fdf4}.status-icon-processing[data-v-7748ba6b]{background-color:#fefce8}.status-icon-failed[data-v-7748ba6b]{background-color:#fef2f2}.status-icon-cancelled[data-v-7748ba6b]{background-color:#f9fafb}.status-title[data-v-7748ba6b]{font-size:.6875rem;color:#111827;margin-bottom:.25rem}.status-subtitle[data-v-7748ba6b]{font-size:.4375rem;color:#6b7280;text-align:center}.section-card[data-v-7748ba6b]{background-color:#fff;border-radius:.375rem;padding:.5rem;margin-bottom:.5rem}.section-header[data-v-7748ba6b]{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.section-title[data-v-7748ba6b]{font-size:.5rem;color:#111827}.approval-timeline[data-v-7748ba6b]{display:flex;flex-direction:column}.timeline-item[data-v-7748ba6b]{display:flex;gap:.375rem}.timeline-left[data-v-7748ba6b]{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.timeline-dot[data-v-7748ba6b]{width:.75rem;height:.75rem;border-radius:50%;background-color:#f3f4f6;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.timeline-dot-active[data-v-7748ba6b]{background-color:#22c55e;border-color:#22c55e}.timeline-dot-current[data-v-7748ba6b]{background-color:#eab308;border-color:#eab308;animation:pulse-7748ba6b 2s infinite}@keyframes pulse-7748ba6b{0%,to{opacity:1}50%{opacity:.7}}.timeline-line[data-v-7748ba6b]{width:.0625rem;flex:1;background-color:#e5e7eb;margin:.125rem 0}.timeline-right[data-v-7748ba6b]{flex:1;padding-bottom:.75rem}.timeline-header[data-v-7748ba6b]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.1875rem}.timeline-title[data-v-7748ba6b]{font-size:.46875rem;color:#111827}.timeline-status[data-v-7748ba6b]{display:flex;align-items:center;gap:.125rem;padding:.0625rem .25rem;border-radius:.375rem}.timeline-status.completed[data-v-7748ba6b]{background-color:#f0fdf4}.timeline-status.current[data-v-7748ba6b]{background-color:#fefce8}.timeline-status.pending[data-v-7748ba6b]{background-color:#f9fafb}.timeline-status-text[data-v-7748ba6b]{font-size:.375rem}.timeline-status.completed .timeline-status-text[data-v-7748ba6b]{color:#22c55e}.timeline-status.current .timeline-status-text[data-v-7748ba6b]{color:#eab308}.timeline-status.pending .timeline-status-text[data-v-7748ba6b]{color:#9ca3af}.timeline-operator[data-v-7748ba6b]{font-size:.40625rem;color:#6b7280;display:block;margin-bottom:.125rem}.timeline-time[data-v-7748ba6b]{font-size:.375rem;color:#9ca3af;display:block;margin-bottom:.125rem}.timeline-remark[data-v-7748ba6b]{font-size:.40625rem;color:#6b7280;display:block;margin-top:.1875rem;padding:.25rem;background-color:#f9fafb;border-radius:.1875rem}.info-list[data-v-7748ba6b]{display:flex;flex-direction:column;gap:.375rem}.info-row[data-v-7748ba6b]{display:flex;align-items:center;justify-content:space-between;gap:.375rem}.info-row.vertical[data-v-7748ba6b]{flex-direction:column;align-items:flex-start}.info-label[data-v-7748ba6b]{font-size:.4375rem;color:#6b7280;flex-shrink:0}.info-value[data-v-7748ba6b]{font-size:.4375rem;color:#111827;text-align:right;word-break:break-all}.info-value-wrapper[data-v-7748ba6b]{display:flex;align-items:center;gap:.25rem;flex:1;justify-content:flex-end}.amount-highlight[data-v-7748ba6b]{font-size:.625rem;color:#2563eb}.total-label[data-v-7748ba6b]{font-size:.46875rem;color:#111827}.total-value[data-v-7748ba6b]{font-size:.5625rem;color:#ef4444}.remark-text[data-v-7748ba6b]{text-align:left;color:#6b7280;line-height:1.6}.divider[data-v-7748ba6b]{height:.03125rem;background-color:#f3f4f6;margin:.125rem 0}.service-card[data-v-7748ba6b]{background-color:#fff;border-radius:.375rem;padding:.5rem;display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.service-text[data-v-7748ba6b]{flex:1;font-size:.46875rem;color:#111827}.bottom-actions[data-v-7748ba6b]{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-top:1px solid #e5e7eb;padding:.375rem .5rem;padding-bottom:calc(.375rem + env(safe-area-inset-bottom));display:flex;gap:.375rem}.action-btn[data-v-7748ba6b]{flex:1;height:1.375rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center}.cancel-btn[data-v-7748ba6b]{background-color:#f3f4f6}.cancel-btn .btn-text[data-v-7748ba6b]{color:#6b7280}.appeal-btn[data-v-7748ba6b]{background-color:#2563eb}.appeal-btn .btn-text[data-v-7748ba6b]{color:#fff}.delete-btn[data-v-7748ba6b]{background-color:#f3f4f6}.delete-btn .btn-text[data-v-7748ba6b]{color:#ef4444}.btn-text[data-v-7748ba6b]{font-size:.46875rem}.currency[data-v-7748ba6b]{font-size:.375rem}
|
