@charset "UTF-8";.grabbing-container{min-height:100vh;padding-bottom:60px}.header-section{margin:16px}.header-section .banner-card{height:150px;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #00000026}.header-section .banner-card img{width:100%;height:100%;object-fit:cover}.carousel-section{margin:16px}.carousel-section .carousel-container{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:var(--shadow-base);position:relative;overflow:hidden}.carousel-section .carousel-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(102,126,234,.1),transparent);animation:background-rotate-9b8665c0 8s linear infinite;z-index:0}.carousel-section .carousel-container .carousel-wrapper{position:relative;width:250px;height:190px;margin:0 auto 20px;border-radius:12px;overflow:hidden;z-index:1}.carousel-section .carousel-container .carousel-wrapper .carousel-glow{position:absolute;inset:-10px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);background-size:400% 400%;animation:glow-pulse-9b8665c0 4s ease-in-out infinite;border-radius:14px;z-index:-1;filter:blur(8px)}.carousel-section .carousel-container .carousel-wrapper .book-container{width:100%;height:100%;position:relative;perspective:750px}.carousel-section .carousel-container .carousel-wrapper .book-container .page-base{position:absolute;width:100%;height:100%;border-radius:12px;overflow:hidden;z-index:1;box-shadow:0 5px 15px #0003}.carousel-section .carousel-container .carousel-wrapper .book-container .page-curl{position:absolute;width:100%;height:100%;border-radius:12px;overflow:hidden;z-index:2;transform-origin:right center;transition:all 1.2s cubic-bezier(.23,1,.32,1);box-shadow:0 10px 20px #0000004d}.carousel-section .carousel-container .carousel-wrapper .book-container .page-curl.curling{animation:pageCurl-9b8665c0 1.2s cubic-bezier(.23,1,.32,1) forwards}.carousel-section .carousel-container .carousel-wrapper .book-container .page-image{width:100%;height:100%;object-fit:cover;filter:brightness(1.1) saturate(1.2)}.carousel-section .carousel-container .carousel-wrapper .book-container .page-overlay{position:absolute;inset:0;pointer-events:none}.carousel-section .carousel-container .carousel-wrapper .book-container .page-overlay .emoji{position:absolute;font-size:16px;animation:emoji-float-9b8665c0 2s ease-in-out infinite;text-shadow:0 1px 2px rgba(0,0,0,.3)}.carousel-section .carousel-container .carousel-wrapper .book-container .page-overlay .emoji-1{top:15%;left:12%;animation-delay:0s}.carousel-section .carousel-container .carousel-wrapper .book-container .page-overlay .emoji-2{top:20%;right:15%;animation-delay:.7s}.carousel-section .carousel-container .carousel-wrapper .book-container .page-overlay .emoji-3{bottom:25%;left:18%;animation-delay:1.4s}.carousel-section .carousel-container .carousel-wrapper .sparkle{position:absolute;width:6px;height:6px;background:gold;border-radius:50%;animation:sparkle-twinkle-9b8665c0 2.5s ease-in-out infinite;z-index:2}.carousel-section .carousel-container .carousel-wrapper .sparkle:before{content:"";position:absolute;top:-2px;left:-2px;width:10px;height:10px;background:radial-gradient(circle,rgba(255,215,0,.6) 0%,transparent 70%);border-radius:50%}.carousel-section .carousel-container .carousel-wrapper .sparkle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:8px;background:gold;box-shadow:8px 0 0 -.5px gold;animation:sparkle-cross-9b8665c0 2.5s ease-in-out infinite}.carousel-section .carousel-container .carousel-wrapper .sparkle-1{top:10%;left:8%;animation-delay:0s}.carousel-section .carousel-container .carousel-wrapper .sparkle-2{top:15%;right:12%;animation-delay:.8s}.carousel-section .carousel-container .carousel-wrapper .sparkle-3{bottom:15%;left:12%;animation-delay:1.6s}.carousel-section .carousel-container .carousel-wrapper .sparkle-4{bottom:20%;right:8%;animation-delay:2.4s}.carousel-section .carousel-container .action-button{width:100%;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #667eea66;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;z-index:1;cursor:pointer}.carousel-section .carousel-container .action-button:active{transform:scale(.95) translateY(1px);box-shadow:0 3px 10px #667eea4d}.carousel-section .carousel-container .action-button .button-content{display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.carousel-section .carousel-container .action-button .button-content .button-icon{font-size:18px;margin-right:8px;animation:icon-bounce-9b8665c0 1.5s ease-in-out infinite}.carousel-section .carousel-container .action-button .button-content .button-text{font-size:16px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.carousel-section .carousel-container .action-button .button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:button-shine-9b8665c0 3s ease-in-out infinite} .top-message, .el-message{z-index:99999!important} .top-message-box, .el-message-box{z-index:99998!important} .el-loading-mask{z-index:99997!important}@keyframes background-rotate-9b8665c0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse-9b8665c0{0%,to{background-position:0% 50%;filter:blur(8px) brightness(1)}50%{background-position:100% 50%;filter:blur(10px) brightness(1.3)}}@keyframes sparkle-twinkle-9b8665c0{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes sparkle-cross-9b8665c0{0%,to{opacity:0;transform:translate(-50%,-50%) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) rotate(45deg)}}@keyframes emoji-float-9b8665c0{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-4px) scale(1.1);opacity:1}}@keyframes pageCurl-9b8665c0{0%{transform:rotateY(0) rotateX(0) scale(1);border-radius:12px}25%{transform:rotateY(-20deg) rotateX(5deg) scale(.95);border-radius:10px 12px 12px 10px}50%{transform:rotateY(-60deg) rotateX(10deg) scale(.85);border-radius:8px 12px 12px 8px}75%{transform:rotateY(-120deg) rotateX(15deg) scale(.7);border-radius:6px 12px 12px 6px}to{transform:rotateY(-180deg) rotateX(20deg) scale(.1);border-radius:4px 12px 12px 4px;opacity:0}}@keyframes icon-bounce-9b8665c0{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes button-shine-9b8665c0{0%{left:-100%}50%{left:100%}to{left:100%}}.balance-section{margin:16px}.balance-section .balance-card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:var(--shadow-base)}.balance-section .balance-card .balance-title{font-size:18px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:16px;position:relative;padding-bottom:8px}.balance-section .balance-card .balance-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px}.balance-section .balance-card .balance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.balance-section .balance-card .balance-grid .balance-item{text-align:center;padding:16px 8px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.balance-section .balance-card .balance-grid .balance-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.1),transparent);transition:left .6s ease}.balance-section .balance-card .balance-grid .balance-item:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 6px 16px #667eea33;background:linear-gradient(135deg,#667eea,#764ba2)}.balance-section .balance-card .balance-grid .balance-item:hover:before{left:100%}.balance-section .balance-card .balance-grid .balance-item:hover .balance-label{color:#ffffffe6}.balance-section .balance-card .balance-grid .balance-item:hover .balance-value{color:#fff;transform:scale(1.1)}.balance-section .balance-card .balance-grid .balance-item .balance-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px;font-weight:500;transition:all .3s ease}.balance-section .balance-card .balance-grid .balance-item .balance-value{font-size:16px;font-weight:600;color:var(--text-primary);transition:all .3s cubic-bezier(.25,.46,.45,.94)}.instructions-section{margin:16px}.instructions-section .instructions-card{background:var(--card-bg);border-radius:12px;padding:20px;box-shadow:var(--shadow-base)}.instructions-section .instructions-card .instructions-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px;position:relative;padding-left:10px}.instructions-section .instructions-card .instructions-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.instructions-section .instructions-card .instruction-item{display:flex;align-items:flex-start;margin-bottom:8px}.instructions-section .instructions-card .instruction-item:last-child{margin-bottom:0}.instructions-section .instructions-card .instruction-item .bullet{color:#667eea;font-size:14px;margin-right:8px;margin-top:2px;font-weight:600}.instructions-section .instructions-card .instruction-item .instruction-text{flex:1;font-size:14px;color:var(--text-secondary);line-height:1.5}.products-section{margin:16px}.products-section .products-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.products-section .products-grid .product-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-base);transition:all .4s cubic-bezier(.25,.46,.45,.94);position:relative;cursor:pointer}.products-section .products-grid .product-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #0003}.products-section .products-grid .product-card:active{transform:translateY(-2px) scale(.98);box-shadow:0 4px 12px #00000026}.products-section .products-grid .product-card .product-image{width:100%;height:160px;overflow:hidden;position:relative}.products-section .products-grid .product-card .product-image .product-img{width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.25,.46,.45,.94);filter:brightness(1) saturate(1)}.products-section .products-grid .product-card .product-image .product-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#667eeacc,#764ba2cc);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .4s cubic-bezier(.25,.46,.45,.94);backdrop-filter:blur(2px)}.products-section .products-grid .product-card .product-image .product-overlay .overlay-text{font-size:24px;animation:overlay-bounce-9b8665c0 .6s ease-out;transform:scale(0)}.products-section .products-grid .product-card:hover .product-image .product-img{transform:scale(1.1);filter:brightness(1.2) saturate(1.3)}.products-section .products-grid .product-card:hover .product-image .product-overlay{opacity:1}.products-section .products-grid .product-card:hover .product-image .product-overlay .overlay-text{transform:scale(1)}.products-section .products-grid .product-card .product-info{padding:16px 12px;position:relative}.products-section .products-grid .product-card .product-info:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px}.products-section .products-grid .product-card .product-info .product-name{font-size:14px;color:var(--text-primary);line-height:1.4;margin-bottom:8px;margin-top:4px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-weight:500;transition:color .3s ease}.products-section .products-grid .product-card .product-info .product-price{display:flex;align-items:baseline}.products-section .products-grid .product-card .product-info .product-price .currency{font-size:12px;color:#e74c3c;font-weight:500;margin-right:2px}.products-section .products-grid .product-card .product-info .product-price .price-value{font-size:16px;font-weight:700;color:#e74c3c;text-shadow:0 1px 2px rgba(231,76,60,.2)}.products-section .products-grid .product-card:hover .product-info .product-name{color:#667eea}.products-section .products-grid .product-card:before{content:"";position:absolute;inset:-1px;background:linear-gradient(45deg,transparent,rgba(102,126,234,.3),transparent);border-radius:13px;opacity:0;transition:opacity .3s ease;z-index:-1}.products-section .products-grid .product-card:hover:before{opacity:1;animation:border-shine-9b8665c0 2s ease-in-out infinite}@keyframes overlay-bounce-9b8665c0{0%{transform:scale(0) rotate(0)}50%{transform:scale(1.2) rotate(10deg)}to{transform:scale(1) rotate(0)}}@keyframes border-shine-9b8665c0{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mask{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.mask.center{display:flex}.mask .help{padding:20px;background-color:var(--card-bg);border-radius:8px;color:#667eea;max-width:80%}.mask .help div{margin:10px 0}.buy-popup .el-dialog{border-radius:16px!important;background:var(--card-bg)!important}.buy-popup .el-dialog__header{display:none}.buy-popup .el-dialog__body{padding:20px}.buy-popup .popup-header{text-align:center;font-size:20px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:15px;border-radius:12px 12px 0 0;margin:-20px -20px 20px}.buy-popup .box-common .product-section{display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.buy-popup .box-common .product-section .purchase_cont{width:80px;height:80px;border-radius:8px;object-fit:cover}.buy-popup .box-common .product-section .product-details{flex:1}.buy-popup .box-common .product-section .product-details .line-hidden{font-size:14px;color:var(--text-primary);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.buy-popup .box-common .product-section .product-details .quantity{margin-top:10px;text-align:right;color:var(--text-secondary);font-size:14px}.buy-popup .box-common .detail-info{margin-bottom:20px}.buy-popup .box-common .detail-info .detail-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;color:var(--text-secondary)}.buy-popup .box-common .price-info{margin-bottom:20px}.buy-popup .box-common .price-info .price-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.buy-popup .box-common .price-info .price-item.total{padding-top:10px;border-top:1px solid var(--border-color);font-weight:700;font-size:16px}.buy-popup .box-common .price-info .price-item.total .total-amount{color:#e74c3c}.buy-popup .box-common .rating-section{padding:15px 0}.buy-popup .box-common .rating-section .rating-label{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.buy-popup .dialog-footer{display:flex;justify-content:space-between;gap:20px}.buy-popup .dialog-footer .tijioa{flex:1;border:1px solid #969ba3;padding:10px 30px;border-radius:50px;font-size:14px;text-align:center;cursor:pointer;transition:all .3s}.buy-popup .dialog-footer .tijioa:hover{background:var(--bg-hover)}.buy-popup .dialog-footer .tijioa.btn-sub{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.buy-popup .dialog-footer .tijioa.btn-sub:hover:not(.disabled){opacity:.9;transform:scale(1.02)}.buy-popup .dialog-footer .tijioa.btn-sub.disabled{opacity:.6;cursor:not-allowed;background:var(--text-secondary);transform:none}.loading-popup .el-dialog{background:transparent!important;box-shadow:none!important}.loading-popup .el-dialog__body{padding:30px}.loading-popup .loading{background:#000c;border-radius:12px;padding:20px;color:#fff;text-align:center}.loading-popup .loading div{margin:10px 0;font-size:14px}.gif-popup .el-dialog{background:transparent!important;box-shadow:none!important}.gif-popup .el-dialog__body{padding:20px;background:transparent}.gif-popup .el-dialog__header{display:none}.gif-popup .gift-container{display:flex;justify-content:center;align-items:center}.gif-popup .gift-container .gift-ani{width:100%;max-width:250px;animation:gift-animation-9b8665c0 2s ease-in-out}.gif-popup .loading{text-align:center;padding:10px;color:#fff;margin-top:10px}@keyframes gift-animation-9b8665c0{0%{transform:scale(.8) rotate(-5deg)}50%{transform:scale(1.1) rotate(5deg)}to{transform:scale(1) rotate(0)}}.buy-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000}.buy-popup-overlay .buy-popup-container{background:var(--card-bg);border-radius:12px;padding:20px;width:90%;max-width:500px;margin:0 auto;max-height:80vh;overflow-y:auto}.buy-popup-overlay .buy-popup-container .text-center{text-align:center}.buy-popup-overlay .buy-popup-container .h2{font-size:25px;font-weight:900;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);padding:10px;border-radius:6px;margin:-20px -20px 20px}.buy-popup-overlay .buy-popup-container .box-common .m-flex{display:flex}.buy-popup-overlay .buy-popup-container .box-common .m-flex.m-row-between{justify-content:space-between}.buy-popup-overlay .buy-popup-container .box-common .m-margin-top-1{margin-top:10px}.buy-popup-overlay .buy-popup-container .box-common .purchase_cont{width:55px;height:55px;border-radius:4px;object-fit:cover}.buy-popup-overlay .buy-popup-container .box-common .column-between{display:flex;flex-direction:column;justify-content:space-between}.buy-popup-overlay .buy-popup-container .box-common .column-between .line-hidden{font-size:14px;color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buy-popup-overlay .buy-popup-container .box-common .column-between .m-flex-flex{display:flex}.buy-popup-overlay .buy-popup-container .box-common .column-between .m-flex-flex.m-flex-col{flex-direction:column}.buy-popup-overlay .buy-popup-container .box-common .column-between .m-flex-flex.m-flex-col.m-row-right{align-items:flex-end}.buy-popup-overlay .buy-popup-container .box-common .column-between .color-ui{color:#667eea}.buy-popup-overlay .buy-popup-container .box-common .column-between .c-margin-top40{margin-top:20px}.buy-popup-overlay .buy-popup-container .box-common .size-24{font-size:12px}.buy-popup-overlay .buy-popup-container .box-common .size-24 .c-margin-top20{margin-top:10px}.buy-popup-overlay .buy-popup-container .box-common .color-unimport{color:var(--text-secondary)}.buy-popup-overlay .buy-popup-container .box-common .row-between{display:flex;justify-content:space-between;align-items:center}.buy-popup-overlay .buy-popup-container .box-common .c-margin-top20{margin-top:10px}.buy-popup-overlay .buy-popup-container .box-common .p3{color:#667eea;font-weight:700;font-size:14px}.buy-popup-overlay .buy-popup-container .box-common .rating-stars .star{font-size:24px;color:#000;margin-right:5px;cursor:pointer;transition:transform .2s}.buy-popup-overlay .buy-popup-container .box-common .rating-stars .star:hover{transform:scale(1.2)}.buy-popup-overlay .buy-popup-container .row-between{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.buy-popup-overlay .buy-popup-container .row-between .tijioa{flex:1;padding:12px 20px;border-radius:25px;text-align:center;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary)}.buy-popup-overlay .buy-popup-container .row-between .tijioa:hover{opacity:.9;transform:scale(1.02)}.buy-popup-overlay .buy-popup-container .row-between .tijioa.btn-sub{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.buy-popup-overlay .buy-popup-container .row-between .tijioa.m-margin-left-2{margin-left:10px}.loading-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9000}.loading-popup-overlay .loading{background:transparent;padding:30px;border-radius:8px;color:#fff;text-align:center}.loading-popup-overlay .loading div{margin:10px 0;font-size:14px}.gif-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9000}.gif-popup-overlay .gift-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.gif-popup-overlay .gift-container img{width:100%;max-width:250px}.gif-popup-overlay .gift-container img.gift-ani{animation:gift-animation-9b8665c0 2s ease-in-out}.gif-popup-overlay .loading{text-align:center;color:#fff;margin-top:10px}.gif-popup-overlay .loading div{font-size:14px}.loading-icon{display:inline-block;animation:spin-9b8665c0 1s linear infinite;margin-right:5px}.loading-text{display:flex;align-items:center;justify-content:center}@keyframes spin-9b8665c0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recharge-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(5px);animation:modal-backdrop-in-9b8665c0 .4s cubic-bezier(.25,.46,.45,.94)}.recharge-modal-overlay .recharge-modal-container{background:var(--card-bg);border-radius:24px;padding:0;width:90%;max-width:420px;box-shadow:0 30px 60px -15px #0000004d,0 0 0 1px #0000000d;position:relative;animation:modal-bounce-in-9b8665c0 .6s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden;transform-origin:center center}.recharge-modal-overlay .recharge-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(135deg,#667eea,#764ba2);background-size:200% 200%;z-index:3;border-radius:24px 24px 0% 0%;animation:gradient-flow-9b8665c0 4s ease infinite}.recharge-modal-overlay .recharge-modal-container:after{content:"";position:absolute;top:0;left:0;right:0;height:90px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);z-index:2;border-radius:24px 24px 40% 40%;animation:shine-sweep-9b8665c0 3s ease-in-out infinite}.recharge-modal-overlay .recharge-modal-container .recharge-modal-header{position:relative;z-index:2;padding:25px 24px 20px;text-align:center;height:90px;display:flex;align-items:center;justify-content:center;background: linear-gradient(135deg, #667eea, #764ba2);background-size: 200% 200%;z-index: 3;border-radius: 24px 24px 0% 0%;animation: gradient-flow-9b8665c0 4s ease infinite;}.recharge-modal-overlay .recharge-modal-container .recharge-modal-header .recharge-modal-title{font-size:22px;font-weight:700;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1);margin:0;letter-spacing:.5px;animation:title-glow-9b8665c0 2s ease-in-out infinite alternate}.recharge-modal-overlay .recharge-modal-container .recharge-modal-body{position:relative;z-index:2;padding:30px 28px 35px;text-align:center;background:var(--bg-secondary);margin-top:-25px;border-radius:20px}.recharge-modal-overlay .recharge-modal-container .recharge-modal-body .recharge-modal-text{font-size:16px;line-height:1.8;color:var(--text-secondary);font-weight:500;margin:0;padding:20px 12px;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;min-height:80px;display:block;position:relative}.recharge-modal-overlay .recharge-modal-container .recharge-modal-body .recharge-modal-text .amount-highlight{font-weight:700;font-size:20px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:text-shimmer-9b8665c0 3s ease-in-out infinite;display:inline-block;margin:0 4px}.recharge-modal-overlay .recharge-modal-container .recharge-modal-body .recharge-modal-text:before{content:"✨";position:absolute;left:10px;top:15px;font-size:20px;animation:sparkle-float-9b8665c0 2s ease-in-out infinite}.recharge-modal-overlay .recharge-modal-container .recharge-modal-body .recharge-modal-text:after{content:"🎉";position:absolute;right:10px;bottom:15px;font-size:20px;animation:sparkle-float-9b8665c0 2s ease-in-out infinite .5s}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer{position:relative;z-index:2;padding:0 24px 28px;display:flex;gap:14px;background:var(--card-bg);border-radius:0 0 24px 24px}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn{flex:1;padding:15px 24px;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:.5px}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .4s ease}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn:hover:before{width:300px;height:300px}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn.cancel{background:#f3f4f6;color:#4b5563;border:2px solid #e5e7eb;backdrop-filter:blur(10px);animation:button-fade-in-9b8665c0 .5s ease-out .3s both}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn.cancel:hover{background:#e5e7eb;color:#1f2937;transform:translateY(-2px) scale(1.05);box-shadow:0 10px 30px #00000026;border-color:#d1d5db}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn.cancel:active{transform:translateY(0) scale(.98);box-shadow:0 4px 15px #0000001a}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn.confirm{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;box-shadow:0 8px 25px #ff6b6b59;animation:button-fade-in-9b8665c0 .5s ease-out .4s both;position:relative;overflow:hidden}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn.confirm:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:#ffffff80;opacity:0;border-radius:100%;transform:scale(1) translate(-50%);transform-origin:50% 50%}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn.confirm:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 12px 35px #ff6b6b80;background:linear-gradient(135deg,#ff5252,#d63031)}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn.confirm:hover:after{animation:ripple-9b8665c0 1s ease-out}.recharge-modal-overlay .recharge-modal-container .recharge-modal-footer .recharge-modal-btn.confirm:active{transform:translateY(0) scale(.98);box-shadow:0 6px 20px #ff6b6b66}.recharge-modal-overlay .recharge-modal-container .recharge-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:button-fade-in-9b8665c0 .5s ease-out .5s both}.recharge-modal-overlay .recharge-modal-container .recharge-modal-close:hover{background:#fff6;transform:rotate(90deg) scale(1.2);border-color:#ffffff80;box-shadow:0 0 20px #ffffff4d;animation:close-pulse-9b8665c0 .6s ease-in-out infinite}.recharge-modal-overlay .recharge-modal-container .recharge-modal-close:active{transform:rotate(90deg) scale(1)}.recharge-modal-overlay .recharge-modal-container .recharge-modal-close svg{color:#fff;transition:all .3s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}@keyframes modal-backdrop-in-9b8665c0{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(5px)}}@keyframes modal-bounce-in-9b8665c0{0%{opacity:0;transform:scale(.3) rotate(2deg)}50%{transform:scale(1.05) rotate(-1deg)}75%{transform:scale(.95) rotate(.5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes button-fade-in-9b8665c0{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple-9b8665c0{0%{transform:scale(0) translate(-50%,-50%);opacity:1}to{transform:scale(100) translate(-50%,-50%);opacity:0}}@keyframes close-pulse-9b8665c0{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes gradient-flow-9b8665c0{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shine-sweep-9b8665c0{0%{transform:translate(-100%)}50%,to{transform:translate(200%)}}@keyframes title-glow-9b8665c0{0%{text-shadow:0 3px 6px rgba(0,0,0,.2),0 1px 2px rgba(0,0,0,.1)}to{text-shadow:0 3px 8px rgba(255,255,255,.4),0 1px 3px rgba(0,0,0,.1),0 0 20px rgba(255,255,255,.2)}}@keyframes text-shimmer-9b8665c0{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes sparkle-float-9b8665c0{0%,to{transform:translateY(0) rotate(0) scale(1);opacity:.8}25%{transform:translateY(-5px) rotate(-10deg) scale(1.1);opacity:1}50%{transform:translateY(3px) rotate(5deg) scale(.95);opacity:.9}75%{transform:translateY(-2px) rotate(-5deg) scale(1.05);opacity:1}}.action-button{position:relative;overflow:hidden;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-button:hover:not(.processing){transform:scale(1.02);box-shadow:0 8px 25px #ffc10766}.action-button.processing{opacity:.8;transform:scale(.98);cursor:not-allowed}.action-button.disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.3)}.button-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px}.button-icon{font-size:1.2em;animation:icon-pulse-9b8665c0 2s ease-in-out infinite}.button-text{font-weight:600;letter-spacing:.5px}.button-glow{position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .3s ease}.action-button:hover .button-glow{opacity:1}.ripple-container{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden}.ripple-effect{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 30%,rgba(255,193,7,.2) 60%,transparent 100%);animation:ripple-expand-9b8665c0 1.2s cubic-bezier(0,0,.2,1) forwards;pointer-events:none}.click-counter{position:absolute;top:-10px;right:-10px;width:24px;height:24px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;animation:counter-bounce-9b8665c0 .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 2px 8px #ee5a2466}.counter-text{color:#fff;font-size:11px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.counter-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;border:2px solid #ff6b6b;border-radius:50%;transform:translate(-50%,-50%);animation:pulse-ring-9b8665c0 1.5s cubic-bezier(.215,.61,.355,1) infinite}@keyframes ripple-expand-9b8665c0{0%{transform:scale(0);opacity:1}70%{opacity:.7}to{transform:scale(4);opacity:0}}@keyframes counter-bounce-9b8665c0{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.3) rotate(-90deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes pulse-ring-9b8665c0{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes icon-pulse-9b8665c0{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.action-button.processing .button-icon{animation:icon-spin-9b8665c0 1s linear infinite}@keyframes icon-spin-9b8665c0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.click-counter{width:20px;height:20px;top:-8px;right:-8px}.counter-text{font-size:10px}}