.hz-pending-order { position: fixed; z-index: 130; right: 20px; bottom: 20px; width: min(390px, calc(100vw - 40px)); display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 14px; color: #16131f; background: #fff; border: 1px solid #d9d2ee; border-radius: 12px; box-shadow: 0 8px 22px rgba(34, 25, 67, .16); font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
.hz-pending-order div { min-width: 0; }
.hz-pending-order strong, .hz-pending-order span { display: block; }
.hz-pending-order strong { font-size: 13px; }
.hz-pending-order span { margin-top: 4px; color: #697184; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hz-pending-order a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 8px; color: #fff; background: #6d45e8; font-size: 12px; font-weight: 800; text-decoration: none; }
.hz-pending-order button { width: 32px; height: 32px; border: 0; color: #687083; background: #f1f2f6; border-radius: 8px; cursor: pointer; }
@media (max-width: 620px) { .hz-pending-order { right: 12px; bottom: calc(82px + env(safe-area-inset-bottom)); left: 12px; width: auto; } }
@media (prefers-reduced-motion: reduce) { .hz-pending-order * { transition: none !important; } }