/* Payment simulation: reusable checkout sheets and durable local orders. */
.payment-sheet{padding-top:3px;min-width:0}.payment-panel .sheet-body{font-size:calc(14px * var(--font-scale));color:#56647D}.payment-panel .btn{margin-top:10px;white-space:normal}.payment-demo-notice{display:flex;align-items:flex-start;gap:7px;padding:11px 12px;border-radius:12px;background:#F1F5FF;color:#5E6F93;font-size:calc(12px * var(--font-scale));line-height:1.65;margin:14px 0;overflow-wrap:anywhere}.payment-demo-notice .icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.payment-product{display:flex;gap:12px;align-items:center;padding:14px 12px;border:1px solid #E7ECF8;border-radius:16px;background:linear-gradient(130deg,#F3F7FF,#F8F5FF);min-width:0}.payment-product>div{min-width:0;flex:1}.payment-product h3{font-size:calc(16px * var(--font-scale));line-height:1.55;color:#1E2B44;overflow-wrap:anywhere}.payment-product>strong{font-size:calc(18px * var(--font-scale));color:#2864FF;white-space:nowrap}.payment-product-icon{width:42px;height:42px;border-radius:13px;background:#E7EEFF;color:#526DE1;display:grid;place-items:center;flex-shrink:0}.payment-product-icon .icon{width:24px;height:24px}.payment-kicker{display:block;font-size:calc(12px * var(--font-scale));color:#7B88A5;letter-spacing:.03em;line-height:1.5;margin-bottom:5px}.payment-channels{border:0;min-width:0;padding:0;margin:19px 0 12px}.payment-channels legend{font-size:calc(14px * var(--font-scale));color:#24324F;font-weight:650;margin-bottom:10px}.payment-channel{width:100%;display:flex;align-items:center;gap:12px;min-height:72px;padding:11px 12px;border:1px solid #E6ECF7;border-radius:14px;margin-top:9px;background:#fff;text-align:left;min-width:0}.payment-channel.selected{border-color:#9DB5FF;background:#F4F7FF}.payment-channel>span:nth-child(2){flex:1;min-width:0}.payment-channel strong{display:block;font-size:calc(16px * var(--font-scale));line-height:1.5;color:#1D2A43;overflow-wrap:anywhere}.payment-channel small{display:block;font-size:calc(12px * var(--font-scale));color:#6B7A94;line-height:1.6;margin-top:3px;overflow-wrap:anywhere}.payment-channel-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;font-size:21px;font-weight:750;color:white;box-shadow:0 4px 10px #263C6310}.payment-channel-mark.wechat{background:#18B56A}.payment-channel-mark.alipay{background:#1677FF}.payment-radio{width:22px;height:22px;border:1px solid #D3DBEE;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.selected .payment-radio{border-color:#2864FF;background:#2864FF;color:#fff}.payment-radio .icon{width:14px;height:14px}.payment-total{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #E8EDF7;padding-top:16px;margin-top:16px;font-size:calc(14px * var(--font-scale));color:#61708C}.payment-total>strong{font-size:calc(22px * var(--font-scale));color:#1B2B49}.payment-free{padding:15px;border-radius:14px;background:#F3FBF8;color:#287D62;margin-top:14px}.payment-free p{font-size:calc(12px * var(--font-scale));line-height:1.8;margin-top:5px}.payment-cashier-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0 12px;font-size:calc(14px * var(--font-scale));color:#34415B}.payment-cashier-brand .payment-channel-mark{width:30px;height:30px;font-size:17px;border-radius:9px}.payment-cashier-amount{text-align:center;margin:15px 0 19px}.payment-cashier-amount>span{font-size:calc(14px * var(--font-scale));line-height:1.6;color:#4E5C78;display:block;overflow-wrap:anywhere}.payment-cashier-amount>strong{display:block;font-size:calc(34px * var(--font-scale));font-weight:800;letter-spacing:-.03em;color:#18253F;margin:8px 0}.payment-cashier-amount>p{color:#78869D;font-size:calc(12px * var(--font-scale));line-height:1.6}.payment-failure-toggle{display:flex;align-items:center;gap:9px;font-size:calc(12px * var(--font-scale));line-height:1.6;min-height:48px;padding:10px 6px;cursor:pointer;color:#63708C}.payment-failure-toggle input{width:20px;height:20px;accent-color:#2864FF;flex-shrink:0}.payment-order-meta{border-top:1px solid #E9EDF6;margin-top:20px;padding-top:12px}.payment-order-meta>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;margin-top:9px;font-size:calc(12px * var(--font-scale));line-height:1.7;min-width:0}.payment-order-meta dt{color:#8390A6}.payment-order-meta dd{color:#56647D;text-align:right;min-width:0;overflow-wrap:anywhere}.payment-result{text-align:center;padding:20px 3px 10px}.payment-result>span:not(.payment-spinner){width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 17px}.payment-result.success>span{background:linear-gradient(130deg,#E5F8F1,#DCF6EF);color:#19A57A}.payment-result.failed>span{background:#FFF0F2;color:#ED7993}.payment-result>span .icon{width:33px;height:33px}.payment-result h3{color:#23314B;font-size:calc(20px * var(--font-scale));line-height:1.6;margin-bottom:10px}.payment-result p{font-size:calc(14px * var(--font-scale));color:#6A7790;line-height:1.8;overflow-wrap:anywhere}.payment-result>strong{display:block;font-size:calc(24px * var(--font-scale));color:#203354;margin-top:8px}.payment-spinner{display:block;width:48px;height:48px;margin:6px auto 20px;border:4px solid #E8EFFF;border-top-color:#2864FF;border-radius:50%;animation:payment-spin .85s linear infinite}.payment-detail-status{display:flex;gap:7px;align-items:center;justify-content:center;font-size:calc(16px * var(--font-scale));padding:18px;color:#C78B38}.payment-detail-status.paid{color:#1D9C78}.payment-detail-status.cancelled{color:#8792A8}.payment-detail-status .icon{width:19px;height:19px}.payment-cancel-copy{font-size:calc(16px * var(--font-scale));line-height:1.9;color:#4D5B74;padding:10px 0 15px;overflow-wrap:anywhere}.orders-intro{margin:9px 0 13px}.orders-intro h2{font-size:calc(22px * var(--font-scale));line-height:1.6;color:#22314E;margin:5px 0 8px}.orders-intro p{font-size:calc(12px * var(--font-scale));line-height:1.8;color:#6E7C95}.orders-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:17px -16px;padding:0 16px 3px}.orders-filters>button{min-width:64px;min-height:48px;flex-shrink:0;border-radius:13px;background:#ECF1FA;color:#6B7891;padding:10px 13px;font-size:calc(12px * var(--font-scale));white-space:nowrap}.orders-filters>button.active{background:#2864FF;color:white;font-weight:650}.orders-list{display:flex;flex-direction:column;gap:13px}.demo-order{padding:14px;min-width:0}.demo-order-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8691A6;font-size:calc(12px * var(--font-scale));line-height:1.7}.order-status{color:#C28B40;font-weight:600}.order-status.paid{color:#22A07E}.order-status.cancelled{color:#8B94A8}.order-status.failed{color:#D87B85}.demo-order-main{display:flex;gap:10px;align-items:center;padding:15px 0;min-width:0}.demo-order-main>div{min-width:0;flex:1}.demo-order-main h3{font-size:calc(14px * var(--font-scale));line-height:1.6;color:#24334F;overflow-wrap:anywhere}.demo-order-main p{font-size:calc(12px * var(--font-scale));line-height:1.6;color:#7E8CA4;margin-top:5px;overflow-wrap:anywhere}.demo-order-main>strong{font-size:calc(16px * var(--font-scale));color:#253555;white-space:nowrap}.demo-order-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;border-top:1px solid #EDF1F8;padding-top:10px}.order-small-button{min-height:48px;min-width:88px;padding:10px 14px;background:#F1F4FB;border-radius:12px;color:#687A96;font-size:calc(12px * var(--font-scale));line-height:1.5}.order-small-button.primary{color:#2864FF;background:#EBF1FF}.orders-empty{padding:34px 10px;text-align:center}.orders-empty>.icon{width:58px;height:58px;color:#AFBFE1;padding:12px;background:#EAF0FF;border-radius:18px}.orders-empty h3{font-size:calc(18px * var(--font-scale));line-height:1.6;color:#425372;margin-top:18px}.orders-empty p{font-size:calc(14px * var(--font-scale));line-height:1.8;color:#8090AB;margin:9px 0 20px}.font-large .payment-product{flex-wrap:wrap}.font-large .payment-product>div{flex:1}.font-large .payment-product>strong{width:100%;margin-left:54px;white-space:normal}.font-large .payment-channel{align-items:flex-start;gap:9px}.font-large .payment-radio{margin-top:6px}.font-large .payment-channel-mark{margin-top:4px}.font-large .payment-order-meta>div{grid-template-columns:1fr;gap:2px}.font-large .payment-order-meta dd{text-align:left}.font-large .demo-order-main{flex-wrap:wrap;align-items:flex-start}.font-large .demo-order-main>strong{width:100%;margin-left:52px}.font-large .demo-order-top{flex-wrap:wrap}.font-large .payment-total{flex-wrap:wrap}.font-large .payment-total>strong{white-space:normal}.font-large .payment-result h3{font-size:calc(18px * var(--font-scale))}.font-large .payment-cashier-amount>strong{font-size:calc(28px * var(--font-scale))}@keyframes payment-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.payment-spinner{animation:none}}