*{box-sizing:border-box}:root{--lf-system-safe-area-bottom: env(safe-area-inset-bottom, 0px);--lf-bottom-safe-height: var(--lf-system-safe-area-bottom);--lf-ios-bottom-safe-subtract: 20px}html.lf-os-android,html.lf-os-other{--lf-bottom-safe-height: var(--lf-system-safe-area-bottom)}html.lf-os-ios{--lf-bottom-safe-height: max( 0px, calc(var(--lf-system-safe-area-bottom) - var(--lf-ios-bottom-safe-subtract, 20px)) )}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;background:#fde8ef}button{font-family:inherit}button:disabled{cursor:not-allowed}.cashier-shell{min-height:100vh;box-sizing:border-box;font-weight:400;color:#1a1a1a;--cashier-pink-bg: linear-gradient( 165deg, #fde8ef 0%, #fbcfe8 38%, #f9a8d4 72%, #f472b6 100% );--cashier-amount-orange: #ff5000;background:var(--cashier-pink-bg);position:relative;overflow:hidden}.cashier-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 75% 55% at 18% 8%,rgba(255,255,255,.5) 0%,transparent 58%),radial-gradient(ellipse 55% 45% at 88% 92%,rgba(255,255,255,.22) 0%,transparent 52%),radial-gradient(ellipse 40% 30% at 62% 38%,rgba(255,255,255,.12) 0%,transparent 60%);pointer-events:none}.cashier-shell-h5{display:flex;flex-direction:column;padding-bottom:var(--lf-bottom-safe-height, 0px)}.cashier-shell-h5>*{position:relative;z-index:1}.cashier-h5-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 12px;background:#fff;border-bottom:1px solid #eee}.cashier-back-btn{border:none;background:none;color:#666;font-size:14px;font-weight:400;padding:8px 4px;cursor:pointer}.cashier-h5-title{font-size:16px;font-weight:400;display:inline-flex;align-items:center;gap:6px}.cashier-h5-spacer{width:40px}.cashier-h5-amount-block{background:#fff;padding:28px 20px 24px;text-align:center;margin-bottom:12px}.cashier-h5-amount-label{margin:0 0 8px;color:#888;font-size:13px}.cashier-h5-amount{margin:0;font-size:36px;font-weight:400;color:var(--cashier-amount-orange);line-height:1.2}.cashier-currency{font-size:22px;margin-right:2px;color:var(--cashier-amount-orange)}.cashier-h5-subject{margin:12px 0 4px;font-size:14px;color:#333}.cashier-h5-summary{margin:0;font-size:12px;color:#999}.cashier-h5-methods{background:#fff;padding:16px 0 8px;flex:1}.cashier-section-title{margin:0 16px 12px;font-size:13px;color:#888;font-weight:400}.cashier-method-list{list-style:none;margin:0;padding:0}.cashier-method-list-h5 .cashier-method-item{width:calc(100% - 32px);margin:0 16px 10px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;font-size:15px;font-weight:400;cursor:pointer;text-align:left;box-sizing:border-box}.cashier-method-item-disabled{color:#bbb;cursor:not-allowed}.cashier-method-label{flex:1}.cashier-method-tag{font-size:11px;color:#aaa;border:1px solid #e8e8e8;padding:2px 6px;border-radius:3px}.pay-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;font-size:13px;font-weight:400;color:#fff}.pay-icon-lg{width:40px;height:40px;font-size:16px}.pay-icon-wechat{background:#07c160}.pay-icon-alipay{background:#1677ff}.cashier-h5-footer{margin-top:auto;padding:16px;font-size:11px;color:#aaa;display:flex;flex-direction:column;gap:4px;text-align:center}.cashier-paid-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:16px;color:#07c160;padding:32px 16px;font-weight:400}.cashier-paid-icon{color:#07c160}.cashier-paid-banner-h5{background:#fff;margin-top:12px}.cashier-paying-hint{text-align:center;color:#888;font-size:13px;padding:12px;margin:0}.cashier-shell-web{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px 16px;box-sizing:border-box}.cashier-shell-web>.cashier-web-card{transform:translateY(calc(-1 * var(--cashier-web-card-vertical-offset-up, 10px)))}.cashier-web-card{width:100%;max-width:920px;background:#fff;border:1px solid #e8eaed;border-radius:var(--cashier-web-card-radius, 20px);box-shadow:0 8px 32px #f472b624,0 2px 8px #0000000a;overflow:hidden;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(420px,auto) auto}.cashier-web-card-foot{display:contents}.cashier-web-card-foot-left,.cashier-web-card-foot-right{display:flex;align-items:center;min-height:0;padding-top:var(--cashier-web-card-foot-padding-top, 10px);padding-bottom:var(--cashier-web-card-foot-padding-bottom, 12px);box-sizing:border-box}.cashier-web-card-foot-left{grid-column:1;grid-row:2;border-right:1px solid #f0f0f0;padding-left:var(--cashier-web-card-foot-padding-x, 28px);padding-right:var(--cashier-web-card-foot-padding-x, 28px)}.cashier-web-card-foot-right{grid-column:2;grid-row:2;justify-content:flex-end;padding-left:var(--cashier-web-card-foot-padding-x, 28px);padding-right:var(--cashier-web-card-foot-padding-x, 28px)}.cashier-web-card-support-hint{margin:0;min-width:0;font-size:11px;font-weight:400;line-height:1.45;color:#e53935;text-align:right}.cashier-web-columns{display:contents}.cashier-web-pane-left{grid-column:1;grid-row:1;flex:1;min-width:0;display:flex;flex-direction:column;padding:24px 28px 28px;border-right:1px solid #f0f0f0;box-sizing:border-box}.cashier-web-pane-right{grid-column:2;grid-row:1;flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;align-self:stretch;padding:24px 28px 28px;box-sizing:border-box}.cashier-web-pay-panel{display:flex;flex-direction:column;flex:1;min-height:0}.cashier-web-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 20px;margin-bottom:20px}.cashier-web-header-main{flex:1;min-width:0}.cashier-web-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.cashier-web-title{margin:0 0 4px;font-size:20px;font-weight:400;display:flex;align-items:center;gap:8px}.cashier-title-icon{color:#07c160;flex-shrink:0}.cashier-brand-logo{flex-shrink:0;display:block;object-fit:contain;border-radius:50%}.cashier-trust-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cashier-trust-row-h5{justify-content:center;margin-top:0;margin-bottom:4px}.cashier-trust-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#07c160;background:#f0faf4;border:1px solid #d4f0de;padding:3px 8px;border-radius:20px}.cashier-web-back{flex-shrink:0;border:none;background:none;padding:0;min-width:0;font-size:13px;font-weight:400;cursor:pointer;color:var(--cashier-web-back-color, #1677ff);line-height:1.45}.cashier-web-back:hover{color:#4096ff}.cashier-section-title-web{margin:0 0 14px;font-size:14px;color:#666}.cashier-web-order-panel{background:#fafbfc;border:1px solid #f0f0f0;border-radius:var(--cashier-web-order-box-radius, 10px);padding:12px 16px;margin-bottom:20px;box-sizing:border-box}.cashier-web-order-panel--with-poster{padding:0;background:transparent;border:none}.cashier-web-product-poster-card{position:relative;z-index:2;width:100%;overflow:hidden;border:1px solid #f0f0f0;border-bottom:none;border-radius:var(--cashier-web-order-box-radius, 10px) var(--cashier-web-order-box-radius, 10px) 0 0;background:#f5f5f5;box-sizing:border-box;margin-bottom:calc(-1 * var(--cashier-web-order-poster-overlap, 20px))}.cashier-web-product-poster{display:block;width:100%;height:auto}.cashier-web-order-body{position:relative;z-index:1;background:#fafbfc;border:1px solid #f0f0f0;border-radius:var(--cashier-web-order-box-radius, 10px);padding:calc(12px + var(--cashier-web-order-poster-overlap, 20px)) 16px 12px;box-sizing:border-box}.cashier-web-order-hint{margin:0 0 8px;font-size:13px;font-weight:400;color:#888;text-align:left;line-height:1.45}.cashier-web-order{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);column-gap:16px;row-gap:0;align-items:center}.cashier-web-order>.cashier-web-label,.cashier-web-order>.cashier-web-order-value,.cashier-web-order>.cashier-web-mono,.cashier-web-order>.cashier-web-order-value-wrap,.cashier-web-order>.cashier-web-countdown{padding:6px 0;font-size:13px}.cashier-web-order>.cashier-web-label{text-align:left;justify-self:start}.cashier-web-order-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;padding:6px 0;color:#333}.cashier-web-order-row-product{align-items:center}.cashier-web-order-value{text-align:right;word-break:break-word;color:#333}.cashier-web-mono{font-family:ui-monospace,monospace;font-size:12px;word-break:break-all;text-align:right;color:#333}.cashier-web-order-value-wrap{display:flex;align-items:center;justify-content:flex-end;gap:6px;justify-self:end;min-width:0}.cashier-web-order-value-wrap .cashier-web-mono,.cashier-web-order-value-wrap .cashier-web-order-value{flex:0 1 auto;min-width:0}.cashier-web-copy-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:none;cursor:pointer;color:#999;line-height:1}.cashier-web-copy-btn:hover{color:#666}.cashier-web-countdown{color:#e53935;font-size:15px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:.02em;text-align:right;justify-self:end}.cashier-web-countdown-expired{font-size:13px}.cashier-web-label{color:#888;flex-shrink:0}.cashier-web-amount-box{display:flex;align-items:baseline;justify-content:flex-end;gap:10px;padding:16px 0 0;margin-bottom:0;border-bottom:none}.cashier-method-grid-web{grid-template-columns:1fr;gap:8px}.cashier-method-list-web{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.cashier-qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:180px;padding:16px 0 8px}.cashier-qr-placeholder-box{width:168px;height:168px;border:1px solid #ececec;border-radius:12px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:linear-gradient(135deg,#fafafa 25%,transparent 25%) -12px 0/24px 24px,linear-gradient(225deg,#fafafa 25%,transparent 25%) -12px 0/24px 24px,linear-gradient(315deg,#fafafa 25%,transparent 25%) 0 0/24px 24px,linear-gradient(45deg,#fafafa 25%,transparent 25%) 0 0/24px 24px,#f5f5f5}.cashier-qr-placeholder-hint{margin:12px 0 0;font-size:12px;color:#999;font-weight:400;text-align:center}.cashier-qr-placeholder-box--filled{background:#fff}.cashier-qr-placeholder-box--paid{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f6ffed;border-color:#b7eb8f}.cashier-qr-placeholder-img{width:148px;height:148px;display:block}.cashier-qr-placeholder-loading{font-size:13px;color:#999}.cashier-qr-paid-icon{color:#07c160}.cashier-qr-paid-text{font-size:15px;color:#07c160;font-weight:400}.cashier-method-list-web .cashier-method-tile-active{border-color:#07c160;background:#f6fffa}.cashier-web-amount-label{font-size:14px;color:#666}.cashier-web-amount{font-size:28px;color:var(--cashier-amount-orange);font-weight:400}.cashier-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cashier-method-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 12px;border:1px solid #e8e8e8;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;font-weight:400;position:relative;transition:border-color .15s ease,background .15s ease}.cashier-method-tile:hover:not(:disabled){border-color:#07c160;background:#f6fffa}.cashier-method-tile-disabled{color:#ccc;background:#fafafa;cursor:not-allowed;border-color:#eee}.cashier-method-tile-disabled svg{opacity:.35}.cashier-pay-method-icon{flex-shrink:0}.cashier-method-tile .cashier-method-tag{position:absolute;top:8px;right:8px}.cashier-method-list-web .cashier-method-tile{flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;padding:10px 12px;min-height:0;box-sizing:border-box;border-radius:var(--cashier-web-method-tile-radius, 10px)}.cashier-method-list-web .cashier-method-tile-label{flex:1;min-width:0;text-align:left;line-height:1.3;font-size:13px}.cashier-method-list-web .cashier-pay-method-icon{width:28px;height:28px}.cashier-method-list-web .cashier-method-tile .cashier-method-tag{position:absolute;top:4px;right:4px;margin-left:0;font-size:10px;padding:1px 4px}.cashier-paid-banner-web{padding:24px;border:1px solid #b7eb8f;border-radius:10px;background:#f6ffed;margin:0}@media (max-width: 720px){.cashier-web-card{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.cashier-web-pane-left{grid-column:1;grid-row:1;border-right:none;border-bottom:1px solid #f0f0f0}.cashier-web-pane-right{grid-column:1;grid-row:2;min-height:0}.cashier-web-card-foot-left{grid-column:1;grid-row:3;border-right:none;border-bottom:1px solid #f0f0f0}.cashier-web-card-foot-right{grid-column:1;grid-row:4}}.cashier-native-qr-panel{text-align:center;padding:8px 0 4px}.cashier-native-qr-title{margin:0 0 16px;font-size:15px;color:#333;font-weight:400}.cashier-native-qr-box{display:inline-flex;align-items:center;justify-content:center;width:240px;height:240px;border:1px solid #eee;background:#fff;margin-bottom:12px}.cashier-native-qr-img{width:220px;height:220px;display:block}.cashier-native-qr-loading{font-size:13px;color:#999}.cashier-native-qr-hint{margin:0;font-size:12px;color:#888}.cashier-status-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px 16px;box-sizing:border-box}.cashier-status-page>.cashier-status-card{transform:translateY(calc(-1 * var(--cashier-web-card-vertical-offset-up, 10px)))}.cashier-status-card{position:relative;z-index:1;width:min(100%,420px);background:#fff;border-radius:var(--cashier-web-card-radius, 6px);box-shadow:0 12px 40px #00000014;padding:32px 28px 28px;box-sizing:border-box;text-align:center}.cashier-status-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.cashier-status-brand{font-size:16px;font-weight:400;color:#333}.cashier-status-icon-wrap{display:flex;justify-content:center;margin-bottom:20px}.cashier-status-icon{width:64px;height:64px;color:#f59e0b}.cashier-status-title{margin:0 0 10px;font-size:22px;font-weight:400;color:#1a1a1a}.cashier-status-desc{margin:0 0 28px;font-size:14px;font-weight:400;line-height:1.6;color:#666}.cashier-status-primary-btn{display:block;width:100%;max-width:320px;margin:0 auto;min-height:48px;padding:12px 24px;border:none;border-radius:4px;background:#1677ff;color:#fff;font-size:16px;font-weight:400;cursor:pointer;transition:background .2s ease}.cashier-status-primary-btn:hover{background:#4096ff}.cashier-status-primary-btn:active{background:#0958d9}.cashier-status-foot-hint{margin:20px 0 0;font-size:11px;font-weight:400;line-height:1.5;color:#999}.cashier-status-spinner{width:36px;height:36px;margin:8px auto 20px;border:3px solid #f0f0f0;border-top-color:#1677ff;border-radius:50%;animation:cashier-status-spin .8s linear infinite}.cashier-status-loading-text{margin:0;font-size:14px;font-weight:400;color:#666}@keyframes cashier-status-spin{to{transform:rotate(360deg)}}.welcome-page{display:flex;align-items:center;justify-content:center;padding:32px 20px}.welcome-card{position:relative;z-index:1;width:min(100%,440px);padding:36px 28px 28px;background:#ffffffeb;border-radius:8px;box-shadow:0 8px 32px #f472b61f,0 2px 8px #0000000a;text-align:center}.welcome-header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.welcome-logo{border-radius:8px}.welcome-brand{font-size:17px;font-weight:400;color:#333;letter-spacing:.02em}.welcome-hero-icon{display:flex;justify-content:center;margin-bottom:20px;color:#ec4899}.welcome-hero-icon svg{width:72px;height:72px}.welcome-title{margin:0 0 12px;font-size:22px;font-weight:400;color:#1a1a1a;line-height:1.4}.welcome-lead{margin:0 0 24px;font-size:14px;font-weight:400;color:#666;line-height:1.7}.welcome-features{margin:0 0 28px;padding:0;list-style:none;text-align:left}.welcome-features li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:13px;font-weight:400;color:#555;line-height:1.6}.welcome-features li:last-child{margin-bottom:0}.welcome-feature-dot{flex-shrink:0;width:6px;height:6px;margin-top:7px;border-radius:50%;background:#f472b6}.welcome-primary-btn{display:block;width:100%;max-width:320px;margin:0 auto;padding:12px 24px;border:none;border-radius:0;background:#1677ff;color:#fff;font-size:15px;font-weight:400;cursor:pointer;transition:background .2s}.welcome-primary-btn:hover{background:#4096ff}.welcome-primary-btn:active{background:#0958d9}.welcome-foot-hint{margin:20px 0 0;font-size:11px;font-weight:400;color:#aaa;line-height:1.6}