| 1 |
- body{background-color:#f5f6fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.nav-bar{position:fixed;top:0;left:0;width:100%;height:2.75rem;padding-top:var(--status-bar-height);background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 .9375rem;box-sizing:border-box;z-index:100}.nav-placeholder{height:calc(2.75rem + var(--status-bar-height))}.back-icon{width:1.25rem;height:1.25rem}.nav-title{font-size:1.0625rem;font-weight:700;color:#333}.nav-right{width:1.25rem}.msg-group{padding:.625rem .9375rem}.date-label{text-align:center;font-size:.75rem;color:#ccc;margin:.625rem 0}.msg-card{background-color:#fff;border-radius:.5rem;padding:.9375rem;margin-bottom:.625rem;box-shadow:0 .125rem .3125rem rgba(0,0,0,.02)}.card-header{display:flex;align-items:center;margin-bottom:.5rem}.card-title{font-size:.875rem;font-weight:700;color:#333}.red-dot{width:.375rem;height:.375rem;background-color:#ff3b30;border-radius:50%;margin-left:.3125rem}.card-body{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:.03125rem solid #f5f5f5}.msg-text{font-size:.8125rem;color:#666;line-height:1.5}.card-footer{display:flex;justify-content:space-between;align-items:center}.order-id{font-size:.75rem;color:#999}.arrow-icon{width:.75rem;height:.75rem;opacity:.3}
|
