.payment-method{margin-top:.8rem}.method-title{color:hsla(0,0%,100%,.9);display:block;font-size:.7rem;font-weight:600}.method-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.4rem}.method-item{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.05);border:.05rem solid hsla(0,0%,100%,.1);border-radius:.3rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:.6rem;-webkit-transition:all .2s cubic-bezier(0,0,.2,1);transition:all .2s cubic-bezier(0,0,.2,1)}.method-item:active{background:hsla(0,0%,100%,.08)}.method-item.selected{background:rgba(212,175,55,.05);border-color:#d4af37}.method-left{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.4rem}.method-icon{font-size:1rem}.method-info{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.method-label{color:hsla(0,0%,100%,.9);font-size:.7rem;font-weight:500}.method-desc{color:#999;font-size:.5rem;margin-top:.1rem}.method-radio{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;border:.1rem solid hsla(0,0%,100%,.3);border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:1rem;-webkit-justify-content:center;justify-content:center;-webkit-transition:all .2s cubic-bezier(0,0,.2,1);transition:all .2s cubic-bezier(0,0,.2,1);width:1rem}.method-radio .radio-inner{background:transparent;border-radius:50%;height:.5rem;-webkit-transition:all .2s cubic-bezier(0,0,.2,1);transition:all .2s cubic-bezier(0,0,.2,1);width:.5rem}.method-radio .radio-inner.checked{background:#d4af37}.method-item.selected .method-radio{border-color:#f4c430}.payment-method-compact{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%}.payment-method-compact .method-title{color:hsla(0,0%,100%,.6);font-size:.6rem;font-weight:500}.payment-method-compact .method-list{background:#1a1a1a;border:none;border-radius:.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;gap:0;max-width:100%;overflow:hidden}.payment-method-compact .method-item{background:transparent;border:none;border-radius:0;padding:.7rem .6rem}.payment-method-compact .method-item + .method-item{border-top:.025rem solid hsla(0,0%,100%,.06)}.payment-method-compact .method-item.selected{background:hsla(0,0%,100%,.02)}.success-animation{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;bottom:0;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:center;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:500}.animation-overlay{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;background:rgba(0,0,0,.8);bottom:0;left:0;position:absolute;right:0;top:0}.particles-container{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.particle{-webkit-animation:particleExplode ease-out forwards;animation:particleExplode ease-out forwards;background:#d4af37;border-radius:50%;-webkit-box-shadow:0 0 .25rem #d4af37;box-shadow:0 0 .25rem #d4af37;height:.2rem;position:absolute;width:.2rem}@-webkit-keyframes particleExplode{0%{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}100%{opacity:0;-webkit-transform:translate(-1.99436rem,-.46199rem) scale(0);transform:translate(-1.99436rem,-.46199rem) scale(0)}}@keyframes particleExplode{0%{opacity:1;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}100%{opacity:0;-webkit-transform:translate(-1.99436rem,-.46199rem) scale(0);transform:translate(-1.99436rem,-.46199rem) scale(0)}}.animation-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-animation:scaleIn .5s ease-out;animation:scaleIn .5s ease-out;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:1}.energy-orb{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:4rem;-webkit-justify-content:center;justify-content:center;position:relative;width:4rem}.energy-orb.pulse{-webkit-animation:orbPulse 1s ease-out;animation:orbPulse 1s ease-out}.orb-inner{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;-webkit-animation:innerGlow 2s ease-in-out infinite;animation:innerGlow 2s ease-in-out infinite;background:-webkit-linear-gradient(315deg,#f4d03f,#d4af37);background:linear-gradient(135deg,#f4d03f,#d4af37);border-radius:50%;-webkit-box-shadow:0 0 1rem rgba(212,175,55,.5),0 0 2rem rgba(212,175,55,.3),inset 0 0 .5rem hsla(0,0%,100%,.3);box-shadow:0 0 1rem rgba(212,175,55,.5),0 0 2rem rgba(212,175,55,.3),inset 0 0 .5rem hsla(0,0%,100%,.3);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:3rem;-webkit-justify-content:center;justify-content:center;width:3rem}.orb-icon{-webkit-filter:drop-shadow(0 0 .25rem rgba(0,0,0,.3));filter:drop-shadow(0 0 .25rem rgba(0,0,0,.3));font-size:1.5rem}.orb-ring{-webkit-animation:ringExpand 2s ease-out infinite;animation:ringExpand 2s ease-out infinite;border:.05rem solid rgba(212,175,55,.3);border-radius:50%;position:absolute}.orb-ring.ring-1{-webkit-animation-delay:0s;animation-delay:0s;height:4rem;width:4rem}.orb-ring.ring-2{-webkit-animation-delay:.3s;animation-delay:.3s;height:5rem;width:5rem}.orb-ring.ring-3{-webkit-animation-delay:.6s;animation-delay:.6s;height:6rem;width:6rem}@-webkit-keyframes orbPulse{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes orbPulse{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes innerGlow{0%,100%{-webkit-box-shadow:0 0 1rem rgba(212,175,55,.5),0 0 2rem rgba(212,175,55,.3),inset 0 0 .5rem hsla(0,0%,100%,.3);box-shadow:0 0 1rem rgba(212,175,55,.5),0 0 2rem rgba(212,175,55,.3),inset 0 0 .5rem hsla(0,0%,100%,.3)}50%{-webkit-box-shadow:0 0 1.5rem rgba(212,175,55,.7),0 0 3rem rgba(212,175,55,.5),inset 0 0 .75rem hsla(0,0%,100%,.5);box-shadow:0 0 1.5rem rgba(212,175,55,.7),0 0 3rem rgba(212,175,55,.5),inset 0 0 .75rem hsla(0,0%,100%,.5)}}@keyframes innerGlow{0%,100%{-webkit-box-shadow:0 0 1rem rgba(212,175,55,.5),0 0 2rem rgba(212,175,55,.3),inset 0 0 .5rem hsla(0,0%,100%,.3);box-shadow:0 0 1rem rgba(212,175,55,.5),0 0 2rem rgba(212,175,55,.3),inset 0 0 .5rem hsla(0,0%,100%,.3)}50%{-webkit-box-shadow:0 0 1.5rem rgba(212,175,55,.7),0 0 3rem rgba(212,175,55,.5),inset 0 0 .75rem hsla(0,0%,100%,.5);box-shadow:0 0 1.5rem rgba(212,175,55,.7),0 0 3rem rgba(212,175,55,.5),inset 0 0 .75rem hsla(0,0%,100%,.5)}}@-webkit-keyframes ringExpand{0%{opacity:.6;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes ringExpand{0%{opacity:.6;-webkit-transform:scale(.8);transform:scale(.8)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.success-text{margin-top:1.2rem;opacity:0;text-align:center;-webkit-transform:translateY(.5rem);-ms-transform:translateY(.5rem);transform:translateY(.5rem);-webkit-transition:all .5s ease-out;transition:all .5s ease-out}.success-text.visible{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.main-text{color:#d4af37;display:block;font-size:1rem;font-weight:700;margin-bottom:.3rem;text-shadow:0 0 .125rem rgba(212,175,55,.3)}.sub-text{color:hsla(0,0%,100%,.6);display:block;font-size:.7rem}.amount-info{margin-top:1.2rem;opacity:0;text-align:center;-webkit-transform:translateY(.5rem);-ms-transform:translateY(.5rem);transform:translateY(.5rem);-webkit-transition:all .5s ease-out .2s;transition:all .5s ease-out .2s}.amount-info.visible{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.credits-added{-ms-flex-align:baseline;-webkit-box-align:baseline;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.2rem;-webkit-justify-content:center;justify-content:center}.add-icon{color:#4caf50;font-size:.9rem;font-weight:700}.add-number{color:#4caf50;font-size:1.2rem;font-weight:700}.add-unit{color:hsla(0,0%,100%,.6);font-size:.7rem}.amount-text{color:#999;display:block;font-size:.6rem;margin-top:.4rem}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes scaleIn{from{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{from{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.qr-overlay{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;-webkit-backdrop-filter:blur(.15rem);backdrop-filter:blur(.15rem);background:rgba(0,0,0,.7);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;inset:0;-webkit-justify-content:center;justify-content:center;position:fixed;z-index:9999}.qr-modal{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(18,18,24,.96);border:.025rem solid rgba(212,175,55,.35);border-radius:.5rem;-webkit-box-shadow:0 0 1rem rgba(212,175,55,.12),0 .5rem 1.5rem rgba(0,0,0,.5);box-shadow:0 0 1rem rgba(212,175,55,.12),0 .5rem 1.5rem rgba(0,0,0,.5);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:.7rem .6rem .6rem;position:relative;width:8rem}.qr-header{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.4rem;width:100%}.qr-title{color:rgba(212,175,55,.9);font-size:.425rem;font-weight:600;letter-spacing:.0125rem}.qr-close{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.06);border-radius:50%;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:.7rem;-webkit-justify-content:center;justify-content:center;-webkit-transition:background .2s;transition:background .2s;width:.7rem}.qr-close:active{background:hsla(0,0%,100%,.12)}.qr-close-icon{color:hsla(0,0%,100%,.5);font-size:.5rem;line-height:1}.qr-amount-row{-ms-flex-align:baseline;-webkit-box-align:baseline;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.2rem;margin-bottom:.5rem}.qr-amount{color:#fff;font-size:.7rem;font-weight:700;letter-spacing:-.0125rem}.qr-product{color:hsla(0,0%,100%,.45);font-size:.325rem}.qr-code-area{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background:#fff;border-radius:.3rem;-webkit-box-shadow:0 0 0 .025rem rgba(212,175,55,.2);box-shadow:0 0 0 .025rem rgba(212,175,55,.2);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:6rem;-webkit-justify-content:center;justify-content:center;padding:.2rem;position:relative;width:6rem}.qr-image{border-radius:.15rem;height:5.6rem;width:5.6rem}.qr-error,.qr-loading{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;width:100%}.qr-error-text,.qr-loading-text{color:rgba(0,0,0,.4);font-size:.35rem}.qr-brand{background:#07c160;border-radius:.1rem;bottom:.25rem;padding:.05rem .15rem;position:absolute;right:.25rem}.qr-brand-icon{color:#fff;font-size:.25rem;font-weight:600}.qr-tip{color:hsla(0,0%,100%,.75);font-size:.35rem;margin-top:.45rem;text-align:center}.qr-tip-sub{color:hsla(0,0%,100%,.3);font-size:.3rem;margin-top:.15rem;text-align:center}.qr-actions{display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.3rem;margin-top:.5rem;width:100%}.qr-btn{-webkit-box-flex:1;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;border-radius:.25rem;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;height:1.1rem;-webkit-justify-content:center;justify-content:center;-webkit-transition:opacity .2s;transition:opacity .2s}.qr-btn:active{opacity:.75}.qr-btn-cancel{background:hsla(0,0%,100%,.08);border:.025rem solid hsla(0,0%,100%,.1)}.qr-btn-confirm{background:-webkit-linear-gradient(315deg,#d4af37,#b8962a);background:linear-gradient(135deg,#d4af37,#b8962a)}.qr-btn-text{color:#fff;font-size:.35rem;font-weight:500}.qr-btn-cancel .qr-btn-text{color:hsla(0,0%,100%,.6)}.payment-page-v2{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#000;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:100%;min-height:100vh;overflow-x:hidden;width:100%}.page-header{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:#000;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-justify-content:space-between;justify-content:space-between;max-width:100%;padding:calc(env(safe-area-inset-top) + .4rem) max(.6rem,env(safe-area-inset-right)) .5rem max(.6rem,env(safe-area-inset-left))}.header-back{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:1.4rem;-webkit-justify-content:center;justify-content:center;width:1.4rem}.header-back:active{opacity:.6}.back-icon{color:#fff;font-size:1.1rem;font-weight:300;line-height:1}.header-title{color:#fff;font-size:.85rem;font-weight:600}.header-placeholder{width:1.4rem}.payment-content{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:1;-ms-flex:1;flex:1;max-width:100%;min-height:0;min-width:0;padding:.2rem max(.6rem,env(safe-area-inset-right)) calc(7.5rem + env(safe-area-inset-bottom, 0rem)) max(.6rem,env(safe-area-inset-left))}.status-card{background:#1a1a1a;border-radius:.7rem;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:.7rem;max-width:100%;padding:.8rem .7rem .7rem}.status-label{color:hsla(0,0%,100%,.45);display:block;font-size:.65rem;margin-bottom:.4rem}.status-main{-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;min-height:2.2rem}.status-value{color:#f4c430;font-size:2rem;font-weight:700;line-height:1}.status-value.status-unlimited{font-size:1.8rem}.status-expire{color:hsla(0,0%,100%,.45);display:block;font-size:.55rem;margin-top:.3rem}.status-expire.status-expire-dim{opacity:.7}.loading-dot{-webkit-animation:pay-spin .9s linear infinite;animation:pay-spin .9s linear infinite;border:.1rem solid rgba(244,196,48,.2);border-radius:50%;border-top-color:#f4c430;height:1.2rem;width:1.2rem}@-webkit-keyframes pay-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pay-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.wechat-tip{background:rgba(255,165,0,.12);border:.025rem solid rgba(255,165,0,.25);border-radius:.4rem;margin:-.3rem 0 .5rem;padding:.4rem .5rem}.wechat-tip-text{color:rgba(255,200,120,.95);font-size:.55rem;line-height:1.5}.block-label{color:hsla(0,0%,100%,.45);display:block;font-size:.65rem;margin-bottom:.4rem;padding-left:.1rem}.packages-grid{-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;gap:.4rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:.7rem;max-width:100%;width:100%}.package-cell{background:#1a1a1a;border:.05rem solid transparent;border-radius:.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:4rem;padding:.9rem .5rem .7rem;position:relative}.package-cell:active{opacity:.92}.package-cell-selected{background:rgba(244,196,48,.06);border-color:#f4c430}.package-badge-rec{background:-webkit-linear-gradient(315deg,#ff5a5a,#e53935);background:linear-gradient(135deg,#ff5a5a,#e53935);border-radius:0 .55rem 0 .4rem;padding:.15rem .35rem;position:absolute;right:0;top:0}.package-badge-rec-text{color:#fff;font-size:.5rem;font-weight:600}.package-check{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background:#f4c430;border-radius:50%;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:.9rem;-webkit-justify-content:center;justify-content:center;position:absolute;right:.2rem;top:.2rem;width:.9rem}.package-check.package-check-left{left:.2rem;right:auto}.package-cell:not(.package-cell-selected) .package-check{display:none}.package-check-icon{color:#1a1a1a;font-size:.55rem;font-weight:800;line-height:1}.package-times{color:#fff;display:block;font-size:.75rem;font-weight:600;margin-bottom:.3rem}.package-price{color:hsla(0,0%,100%,.45);display:block;font-size:.65rem}.section-payment{margin-bottom:.6rem;max-width:100%;min-width:0}.payment-bottom{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),color-stop(22%,rgba(0,0,0,.88)),to(#000));background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,.88) 22%,#000);background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.88) 22%,#000);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;left:0;max-width:100vw;padding:.3rem max(.6rem,env(safe-area-inset-left)) calc(.4rem + env(safe-area-inset-bottom)) max(.6rem,env(safe-area-inset-right));position:fixed;right:0;z-index:50}.pay-primary{background:-webkit-gradient(linear,left top,left bottom,from(#ffe082),to(#f4c430));background:-webkit-linear-gradient(top,#ffe082,#f4c430);background:linear-gradient(180deg,#ffe082,#f4c430);border-radius:24.975rem;-webkit-box-shadow:0 .15rem .6rem rgba(244,196,48,.22);box-shadow:0 .15rem .6rem rgba(244,196,48,.22);-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;padding:.45rem .5rem;text-align:center;width:100%}.pay-primary:active{opacity:.92;-webkit-transform:scale(.99);-ms-transform:scale(.99);transform:scale(.99)}.pay-primary-loading{opacity:.75;pointer-events:none}.pay-primary-text{color:#1a1a1a;font-size:.7rem;font-weight:700}.records-link{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.2rem;-webkit-justify-content:center;justify-content:center;margin-top:.3rem;padding:.2rem}.records-link:active{opacity:.7}.records-icon{font-size:.65rem}.records-text{color:#f4c430;font-size:.65rem;font-weight:500}.records-page{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:-webkit-gradient(linear,left top,left bottom,from(#0a0a0a),to(#121212));background:-webkit-linear-gradient(top,#0a0a0a,#121212);background:linear-gradient(180deg,#0a0a0a,#121212);bottom:0;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:0;max-width:100vw;overflow:hidden;position:fixed;right:0;top:0}.records-header{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem);background:rgba(10,8,4,.6);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-justify-content:space-between;justify-content:space-between;padding:.7rem .8rem .5rem;z-index:100}.records-header::after{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(212,175,55,.3)),to(transparent));background:-webkit-linear-gradient(left,transparent,rgba(212,175,55,.3),transparent);background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent);bottom:0;content:"";height:.025rem;left:.8rem;position:absolute;right:.8rem}.records-back{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background:hsla(0,0%,100%,.06);border:.025rem solid hsla(0,0%,100%,.1);border-radius:50%;color:hsla(0,0%,100%,.9);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:1.6rem;-webkit-justify-content:center;justify-content:center;-webkit-transition:background .2s cubic-bezier(0,0,.2,1);transition:background .2s cubic-bezier(0,0,.2,1);width:1.6rem}.records-back:active{background:rgba(212,175,55,.15);border-color:rgba(212,175,55,.3)}.records-title{color:hsla(0,0%,100%,.9);font-size:.9rem;font-weight:600;letter-spacing:.08em}.records-header-placeholder{width:1.6rem}.records-filter{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;backdrop-filter:blur(.4rem);-webkit-backdrop-filter:blur(.4rem);background:rgba(10,8,4,.5);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-shrink:0;flex-shrink:0;gap:.4rem;overflow-x:auto;padding:.5rem .8rem;z-index:99}.records-filter::-webkit-scrollbar{display:none}.filter-pill{-ms-flex-negative:0;background:hsla(0,0%,100%,.05);border:.0375rem solid hsla(0,0%,100%,.08);border-radius:2.5rem;-webkit-flex-shrink:0;flex-shrink:0;padding:.3rem .7rem;-webkit-transition:all .2s cubic-bezier(0,0,.2,1);transition:all .2s cubic-bezier(0,0,.2,1)}.filter-pill:active{background:hsla(0,0%,100%,.1)}.filter-pill.active{background:rgba(212,175,55,.18);border-color:rgba(212,175,55,.6);-webkit-box-shadow:0 0 .3rem rgba(212,175,55,.2);box-shadow:0 0 .3rem rgba(212,175,55,.2)}.filter-pill-text{color:hsla(0,0%,100%,.6);font-size:.6rem;-webkit-transition:color .2s cubic-bezier(0,0,.2,1);transition:color .2s cubic-bezier(0,0,.2,1)}.filter-pill.active .filter-pill-text{color:#d4af37;font-weight:500}.records-scroll{-webkit-box-flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-flex:1;-ms-flex:1;flex:1;height:0;overflow-x:hidden;padding:.6rem .7rem 0;width:100%}.records-loading{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;color:hsla(0,0%,100%,.6);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.5rem;-webkit-justify-content:center;justify-content:center;padding:3rem 0}.loading-spin-icon{-webkit-animation:spin 1.2s linear infinite;animation:spin 1.2s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-label{color:#999;font-size:.6rem}.records-empty{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.4rem;-webkit-justify-content:center;justify-content:center;padding:3rem .8rem 2rem}.empty-icon-wrap{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:center;-webkit-box-pack:center;-webkit-align-items:center;align-items:center;background:rgba(212,175,55,.08);border:.025rem solid rgba(212,175,55,.2);border-radius:50%;color:rgba(212,175,55,.5);display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:2.4rem;-webkit-justify-content:center;justify-content:center;margin-bottom:.2rem;width:2.4rem}.empty-title{color:hsla(0,0%,100%,.6);font-size:.7rem;font-weight:500}.empty-desc{color:#999;font-size:.6rem}.records-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.5rem;width:100%}.order-card{backdrop-filter:blur(.3rem);-webkit-backdrop-filter:blur(.3rem);background:rgba(22,18,10,.75);border:.025rem solid rgba(212,175,55,.18);border-radius:.5rem;-webkit-box-shadow:0 .05rem .3rem rgba(0,0,0,.3),inset 0 .025rem 0 hsla(0,0%,100%,.04);box-shadow:0 .05rem .3rem rgba(0,0,0,.3),inset 0 .025rem 0 hsla(0,0%,100%,.04);-webkit-box-sizing:border-box;box-sizing:border-box;min-width:0;overflow:hidden;padding:.7rem .7rem .6rem;-webkit-transition:border-color .2s cubic-bezier(0,0,.2,1);transition:border-color .2s cubic-bezier(0,0,.2,1);width:100%}.order-card:active{border-color:rgba(212,175,55,.35)}.order-top{-ms-flex-align:start;-webkit-box-align:start;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-align-items:flex-start;align-items:flex-start;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.4rem;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.45rem}.order-name{-webkit-box-flex:1;color:hsla(0,0%,100%,.9);-webkit-flex:1;-ms-flex:1;flex:1;font-size:.7rem;font-weight:600;min-width:0}.order-status{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;border:.025rem solid;border-radius:2.5rem;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;-webkit-flex-shrink:0;flex-shrink:0;gap:.15rem;padding:.15rem .4rem}.order-status-text{font-size:.5rem;font-weight:500;line-height:1}.order-amount-row{-ms-flex-align:baseline;-webkit-box-align:baseline;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.3rem;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:.5rem}.order-amount{color:#d4af37;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.order-datetime{-ms-flex-negative:0;color:#999;-webkit-flex-shrink:0;flex-shrink:0;font-size:.5rem}.order-sep{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(30%,rgba(212,175,55,.15)),color-stop(70%,rgba(212,175,55,.15)),to(transparent));background:-webkit-linear-gradient(left,transparent,rgba(212,175,55,.15) 30%,rgba(212,175,55,.15) 70%,transparent);background:linear-gradient(90deg,transparent,rgba(212,175,55,.15) 30%,rgba(212,175,55,.15) 70%,transparent);height:.025rem;margin-bottom:.5rem}.order-bottom{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:justify;-webkit-box-pack:justify;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.3rem;-webkit-justify-content:space-between;justify-content:space-between}.order-method{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;gap:.25rem}.method-dot{-ms-flex-negative:0;border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0;height:.35rem;width:.35rem}.method-label{color:hsla(0,0%,100%,.6);font-size:.5rem}.order-no{-webkit-box-flex:1;color:#999;-webkit-flex:1;-ms-flex:1;flex:1;font-family:monospace;font-size:.5rem;max-width:100%;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}@-webkit-keyframes pulse-glow{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2);box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2)}50%{-webkit-box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4);box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4)}}@keyframes pulse-glow{0%,100%{-webkit-box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2);box-shadow:0 0 0 0 rgba(212,175,55,.4),0 0 .25rem rgba(212,175,55,.2)}50%{-webkit-box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4);box-shadow:0 0 0 .5rem rgba(212,175,55,0),0 0 .75rem rgba(212,175,55,.4)}}@-webkit-keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.98);transform:scale(.98)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-down{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.98);transform:scale(.98)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes edge-glow-bazi{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(79,121,66,.4);box-shadow:inset 0 0 0 0 rgba(79,121,66,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2);box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2)}}@keyframes edge-glow-bazi{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(79,121,66,.4);box-shadow:inset 0 0 0 0 rgba(79,121,66,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2);box-shadow:inset 0 0 1rem rgba(79,121,66,.4),inset 0 0 2rem rgba(79,121,66,.2)}}@-webkit-keyframes edge-glow-ziwei{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(75,0,130,.4);box-shadow:inset 0 0 0 0 rgba(75,0,130,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2);box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2)}}@keyframes edge-glow-ziwei{0%,100%{-webkit-box-shadow:inset 0 0 0 0 rgba(75,0,130,.4);box-shadow:inset 0 0 0 0 rgba(75,0,130,.4)}50%{-webkit-box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2);box-shadow:inset 0 0 1rem rgba(75,0,130,.4),inset 0 0 2rem rgba(75,0,130,.2)}}@-webkit-keyframes scan-line{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes scan-line{0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{opacity:1}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.product-card{background:hsla(0,0%,100%,.05);border:.05rem solid hsla(0,0%,100%,.1);border-radius:.5rem;overflow:hidden;padding:.6rem;position:relative;-webkit-transition:all .2s cubic-bezier(0,0,.2,1);transition:all .2s cubic-bezier(0,0,.2,1)}.product-card:active{background:hsla(0,0%,100%,.08);-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.product-card.selected{background:rgba(212,175,55,.08);border-color:#d4af37;-webkit-box-shadow:0 0 .5rem rgba(212,175,55,.15);box-shadow:0 0 .5rem rgba(212,175,55,.15)}.product-tag{border-radius:0 0 .3rem 0;left:0;padding:.1rem .3rem;position:absolute;top:0}.product-tag .tag-text{font-size:.5rem;font-weight:600}.product-tag.tag-recommend{background:-webkit-linear-gradient(315deg,#ff6b6b,#ee5a5a);background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.product-tag.tag-recommend .tag-text{color:#fff}.product-tag.tag-value{background:-webkit-linear-gradient(315deg,#4caf50,#45a049);background:linear-gradient(135deg,#4caf50,#45a049)}.product-tag.tag-value .tag-text{color:#fff}.product-tag.tag-limited{background:-webkit-linear-gradient(315deg,#ff9800,#f57c00);background:linear-gradient(135deg,#ff9800,#f57c00)}.product-tag.tag-limited .tag-text{color:#fff}.check-corner{-ms-flex-align:start;-webkit-box-align:start;-ms-flex-pack:end;-webkit-box-pack:end;-webkit-align-items:flex-start;align-items:flex-start;background:-webkit-linear-gradient(315deg,#f4d03f,#d4af37);background:linear-gradient(135deg,#f4d03f,#d4af37);border-radius:0 .5rem 0 1.2rem;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;height:1.2rem;-webkit-justify-content:flex-end;justify-content:flex-end;padding:.15rem .25rem;position:absolute;right:0;top:0;width:1.2rem}.check-corner .check-icon{color:#1a1a2e;font-size:.5rem;font-weight:700;line-height:1}.product-content{-ms-flex-pack:justify;-webkit-box-pack:justify;-ms-flex-align:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding-top:.2rem}.has-tag .product-content{padding-top:.9rem}.product-left{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.product-name{color:hsla(0,0%,100%,.9);display:block;font-size:.8rem;font-weight:600;margin-bottom:.2rem}.product-desc{color:hsla(0,0%,100%,.6);display:block;font-size:.6rem}.product-right{margin-left:.4rem;text-align:right}.price-row{-ms-flex-align:center;-webkit-box-align:center;-ms-flex-pack:end;-webkit-box-pack:end;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:-webkit-box;display:flex;gap:.2rem;-webkit-justify-content:flex-end;justify-content:flex-end}.original-price{color:#999;font-size:.6rem;text-decoration:line-through}.product-price{color:#d4af37;font-size:.9rem;font-weight:700;text-shadow:0 0 .125rem rgba(212,175,55,.3)}.unit-price{color:#999;display:block;font-size:.5rem;margin-top:.1rem}