*{box-sizing:border-box;margin:0;padding:0}body{font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}:root{--primary:#ff6a00;--primary-light:#ff8533;--primary-bg:#fff5eb;--primary-dark:#e55a00;--success:#059669;--success-bg:#ecfdf5;--warning:#d97706;--warning-bg:#fffbeb;--danger:#dc2626;--danger-bg:#fef2f2;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827}.reminder-badge[data-v-b5e2b19d]{color:#fff;cursor:pointer;z-index:9998;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:24px;align-items:center;gap:6px;padding:8px 16px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 12px #ff6b3559}.reminder-badge[data-v-b5e2b19d]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3573}.badge-icon[data-v-b5e2b19d]{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}.badge-text[data-v-b5e2b19d]{white-space:nowrap;font-size:13px;font-weight:600}.badge-dot[data-v-b5e2b19d]{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;margin-left:2px;animation:1.5s ease-in-out infinite pulse-b5e2b19d}@keyframes pulse-b5e2b19d{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.payment-reminder[data-v-b5e2b19d]{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:380px;position:fixed;top:64px;right:20px;overflow:hidden;box-shadow:0 8px 32px #00000026}.reminder-header[data-v-b5e2b19d]{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7931e);align-items:center;padding:14px 16px;display:flex}.reminder-icon[data-v-b5e2b19d]{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:10px;font-size:14px;font-weight:700;display:inline-flex}.reminder-title[data-v-b5e2b19d]{flex:1;font-size:15px;font-weight:600}.reminder-close[data-v-b5e2b19d]{color:#fffc;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.reminder-close[data-v-b5e2b19d]:hover{color:#fff}.reminder-body[data-v-b5e2b19d]{padding:8px 0}.reminder-item[data-v-b5e2b19d]{cursor:pointer;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.reminder-item[data-v-b5e2b19d]:hover{background:#f9fafb}.reminder-item.urgent[data-v-b5e2b19d]{background:#fef2f2}.reminder-item.urgent[data-v-b5e2b19d]:hover{background:#fee2e2}.reminder-item-left[data-v-b5e2b19d]{flex:1;min-width:0}.reminder-product[data-v-b5e2b19d]{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:14px;font-weight:500;overflow:hidden}.reminder-amount[data-v-b5e2b19d]{color:#e53e3e;margin-top:2px;font-size:16px;font-weight:600}.reminder-item-right[data-v-b5e2b19d]{text-align:right;flex-shrink:0}.reminder-countdown[data-v-b5e2b19d]{color:#6b7280;margin-bottom:4px;font-size:12px}.reminder-countdown.urgent[data-v-b5e2b19d]{color:#e53e3e;font-weight:600}.reminder-action[data-v-b5e2b19d]{color:#3182ce;font-size:13px;font-weight:500}.reminder-more[data-v-b5e2b19d]{text-align:center;color:#3182ce;cursor:pointer;border-bottom:1px solid #f3f4f6;padding:10px;font-size:13px}.reminder-more[data-v-b5e2b19d]:hover{background:#f9fafb}.reminder-footer[data-v-b5e2b19d]{color:#9ca3af;padding:10px 16px;font-size:11px;line-height:1.5}.reminder-slide-enter-active[data-v-b5e2b19d],.reminder-slide-leave-active[data-v-b5e2b19d]{transition:all .4s}.reminder-slide-enter-from[data-v-b5e2b19d],.reminder-slide-leave-to[data-v-b5e2b19d]{opacity:0;transform:translate(420px)}.badge-fade-enter-active[data-v-b5e2b19d],.badge-fade-leave-active[data-v-b5e2b19d]{transition:all .3s}.badge-fade-enter-from[data-v-b5e2b19d],.badge-fade-leave-to[data-v-b5e2b19d]{opacity:0;transform:translate(120px)}@media (width<=768px){.payment-reminder[data-v-b5e2b19d]{width:calc(100% - 40px);left:20px;right:20px}}#app{color:#1f2937;background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}