body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;left:0;position:fixed;right:0;top:0;z-index:1000}.navbar-container{height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#333;text-decoration:none}.navbar-logo img{height:40px;margin-right:10px}.navbar-logo span{font-size:20px;font-weight:700}.nav-menu{align-items:center;display:flex}.nav-item{color:#333;font-size:16px;margin:0 10px;text-decoration:none;transition:color .3s ease}.nav-item:hover{color:#000}.user-avatar-container{margin-left:20px;position:relative}.user-avatar{align-items:center;background-color:#ddd;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;overflow:hidden;width:40px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-avatar .user-icon{color:#555;height:60%;width:60%}.user-avatar .user-icon.logged-in{color:#4a90e2}.user-dropdown{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:150px;overflow:hidden;position:absolute;right:0;top:50px;z-index:1000}.dropdown-item{color:#333;cursor:pointer;display:block;padding:10px 15px;text-decoration:none}.dropdown-item:hover{background-color:#f5f5f5}.user-email-label{color:#666;font-size:14px;padding:10px 15px 5px}.user-email-address{border-bottom:1px solid #eee;color:#333;font-size:12px;overflow:hidden;padding:0 15px 10px;text-overflow:ellipsis;white-space:nowrap}.logout-button-dropdown{background:none;border:none;color:#dc3545;cursor:pointer;font-size:14px;padding:10px 15px;text-align:left;width:100%}.logout-button-dropdown:hover{background-color:#f8d7da;color:#c82333}.nav-right{align-items:center;display:flex;gap:1rem}.user-status{color:#666;font-size:.9rem}.user-email{color:#4a90e2;font-weight:500}.not-logged-in{color:#999}@media (max-width:768px){.navbar-container{height:50px;padding:0 8px}.nav-menu{background:#fff;box-shadow:0 2px 8px #00000014;display:none;flex-direction:column;left:0;padding:0 0 10px;position:absolute;right:0;top:50px;z-index:999}.nav-menu.open{display:flex}.nav-item{font-size:18px;margin:12px 0;text-align:center}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:32px;justify-content:center;margin-left:10px;width:32px}.hamburger .bar{background:#333;border-radius:2px;height:4px;margin:3px 0;transition:all .3s;width:100%}.nav-right{margin-left:8px}}.hamburger{display:none}@media (max-width:768px){.hamburger{display:flex}}@media (max-width:600px){.navbar-logo span{display:none}}.hero-section{background:linear-gradient(to bottom right,#4a90e2,#50e3c2);color:#fff;padding:80px 20px;text-align:center}.container{margin:0 auto;max-width:1200px;padding:0 15px}.product-title{font-size:3em;margin-bottom:40px}.product-features{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-bottom:50px}.feature-item{text-align:center}.feature-item p{font-size:1.1em;margin-top:10px}.buy-button{background-color:#f5a623;border-radius:30px;color:#fff;display:inline-block;font-size:1.5em;padding:15px 50px;text-decoration:none;transition:background-color .3s ease}.buy-button:hover{background-color:#e0951e}.site-footer{background-color:#333;color:#aaa;font-size:.9em;padding:20px 0;text-align:center}@media (max-width:768px){.hero-section{padding:40px 5px}.product-title{font-size:2em;margin-bottom:24px}.product-features{flex-direction:column;gap:20px;margin-bottom:30px}.feature-item p{font-size:1em}.buy-button{border-radius:24px;font-size:1.1em;padding:12px 24px}.container{padding:0 5px}.site-footer{font-size:.8em;padding:12px 0}}.purchase-page{background-color:#f5f5f5;min-height:calc(100vh - 60px);padding:2rem 0}.purchase-page .container{margin:0 auto;max-width:1200px;padding:0 1rem}.purchase-page h1{color:#333;margin-bottom:2rem;text-align:center}.packages-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.package-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.package-card:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.package-card.selected{background-color:#f8fff8;border:2px solid #4caf50}.package-card h2{color:#333;font-size:1.2rem;margin-bottom:.5rem;text-align:center}.price{margin-bottom:.75rem;text-align:center}.price .amount{color:#4caf50;font-size:1.6rem;font-weight:700}.price .duration{color:#666;font-size:.9rem}.features{display:flex;flex-direction:column;flex-grow:1;justify-content:flex-start;list-style:none;margin:0 auto .75rem;max-height:220px;overflow-y:auto;padding:0 2rem;width:70%}.features li{color:#666;flex-shrink:0;font-size:.9rem;overflow:hidden;padding:.25rem 0 .25rem 1.5rem;position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap}.features li:before{color:#4caf50;content:"✓";left:0;margin-right:.5rem;position:absolute}.select-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:auto;padding:.6rem;transition:background-color .3s ease;width:100%}.select-button:hover{background-color:#45a049}.purchase-summary{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-top:3rem;padding:1.5rem}.purchase-summary h2{color:#333;font-size:1.2rem;margin-bottom:1rem}.summary-details{margin-bottom:0}.purchase-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;margin-left:2rem;padding:.8rem 2rem;transition:background-color .3s ease;white-space:nowrap}.purchase-button:hover{background-color:#45a049}.purchase-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.packages-grid{gap:16px;grid-template-columns:1fr}.package-card{margin-bottom:0;padding:1.5rem}.purchase-summary{align-items:stretch;flex-direction:column;gap:20px;margin-top:2rem;padding:1rem}.summary-details{margin-bottom:0}.payment-section{align-items:stretch;flex-direction:column;gap:16px}}.purchase-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.purchase-flowchart{flex-direction:column}.horizontal-steps,.purchase-flowchart{align-items:center;display:flex;gap:20px}.horizontal-steps{flex-wrap:wrap;justify-content:center}.vertical-steps{align-items:center;display:flex;flex-direction:column;gap:20px}.flow-step{border-radius:8px;padding:20px;width:180px}.flow-step span{font-size:1.5em;margin-bottom:5px}.flow-step p{font-size:1.1em}.flow-arrow{font-size:2em}.horizontal-steps .flow-arrow,.vertical-steps .flow-arrow{transform:rotate(0deg)}.faq-section{background-color:#fff;box-shadow:0 2px 4px #0000001a;flex:1 1;max-width:600px;padding:20px}.faq-section h2{margin-top:0;padding-bottom:10px}.faq-item,.faq-section h2{margin-bottom:20px}.faq-item h3{color:#555;font-size:1.1em;margin-bottom:5px}.faq-item p{font-size:1em}.payment-section{gap:2rem;margin-top:1rem}.payment-methods,.payment-section{align-items:center;display:flex;flex-wrap:wrap}.payment-methods{gap:1rem}.payment-method{align-items:center;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;cursor:pointer;display:flex;gap:.5rem;height:40px;justify-content:center;min-width:120px;padding:.6rem 1rem;position:relative;transition:all .3s ease}.payment-method:hover{background-color:#f8fff8;border-color:#4caf50}.payment-method.selected{background-color:#f0fff0;border-color:#4caf50}.method-icon{align-items:center;bottom:0;display:flex;flex-shrink:0;font-size:1.2rem;height:20px;justify-content:center;line-height:1;margin:auto 0;position:relative;top:0;width:20px}.method-icon svg{display:block;height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.payment-method[data-method=paypal] .method-icon{color:#003087}.payment-method[data-method=usdt] .method-icon{color:#26a17b}.payment-method[data-method=wechat] .method-icon{color:#07c160}.payment-method[data-method=alipay] .method-icon{color:#1677ff}.method-name{align-items:center;color:#333;display:flex;font-size:.9rem;font-weight:500;line-height:1;white-space:nowrap}.payment-method.unavailable{background-color:#f5f5f5;border-color:#ddd;cursor:not-allowed;opacity:.5;position:relative}.payment-method.unavailable:hover{background-color:#f5f5f5;border-color:#ddd;transform:none}.payment-method.unavailable .method-name{color:#999}.payment-method.unavailable .method-icon{opacity:.6}.unavailable-badge{background-color:#ff6b6b;border-radius:10px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 6px;position:absolute;right:-8px;top:-8px;white-space:nowrap}@media (max-width:768px){.payment-section{align-items:stretch;flex-direction:column;gap:1rem}.payment-methods{justify-content:center}.purchase-button{margin-left:0;width:100%}.unavailable-badge{font-size:.6rem;padding:1px 4px}}.customer-service{background-color:#f5f5f5;min-height:calc(100vh - 60px);padding:1.5rem 0}.customer-service .container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.customer-service h1{color:#333;font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.content-wrapper{align-items:flex-start;display:flex;gap:2rem;max-width:100%}.purchase-flow{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex:0.4 1;flex-direction:column;padding:1.5rem}.purchase-flow h2{border-bottom:2px solid #4a90e2;color:#333;font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center;width:100%}.flow-steps{align-items:center;display:flex;flex-direction:column;gap:.5rem;max-width:280px;width:100%}.flow-step{background-color:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;padding:1rem;text-align:center;width:100%}.flow-step span{color:#4a90e2;display:block;font-size:1.2em;font-weight:700;margin-bottom:.3rem}.flow-step p{color:#333;font-size:.9em;margin:0}.flow-arrow{color:#4a90e2;font-size:1.5em;font-weight:700;margin:.3rem 0}.faq-section{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex:1.6 1;flex-direction:column;padding:1.5rem}.faq-section h2{border-bottom:2px solid #4a90e2;color:#333;font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem;text-align:center;width:100%}.faq-item{border-bottom:1px solid #eee;margin-bottom:1rem;padding-bottom:1rem;width:100%}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h3{color:#333;font-size:.95rem;margin-bottom:.3rem}.faq-item p{color:#666;font-size:.85rem;line-height:1.4;margin:0}@media (max-width:768px){.content-wrapper{flex-direction:column;overflow-x:hidden}.faq-section,.purchase-flow{box-sizing:border-box;overflow-wrap:break-word;width:100%;word-break:break-word}.customer-service .container{overflow-x:hidden}}.order-page{background-color:#f5f5f5;min-height:calc(100vh - 80px);padding:20px 0}.order-page .container{margin:0 auto;max-width:1200px;padding:0 20px}.order-page h1{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:30px;text-align:center}.no-orders{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:50px 20px;text-align:center}.no-orders p{color:#666;font-size:1.2rem;margin:10px 0}.no-orders .sub-text{color:#999;font-size:1rem}.orders-list{display:flex;flex-direction:column;gap:20px}.order-item{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px;transition:transform .2s ease,box-shadow .2s ease}.order-item:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.order-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.order-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.status{border-radius:20px;font-size:.9rem;font-weight:500;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-completed{background-color:#e8f5e9;color:#2e7d32}.status-pending{background-color:#fff3e0;color:#f57c00}.status-failed{background-color:#ffebee;color:#d32f2f}.status-unknown{background-color:#f5f5f5;color:#666}.order-content{align-items:stretch;display:flex;gap:20px}.order-details{flex:1 1;flex-direction:column;margin-bottom:0}.detail-row,.order-details{display:flex;justify-content:space-between}.detail-row{align-items:center;border-bottom:1px solid #f5f5f5;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;font-weight:500;min-width:100px}.detail-row .value{color:#333;font-weight:500}.serial-number-section{background-color:#f8f9fa;border:2px solid #4caf50;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:space-between;margin:0;min-width:300px;padding:20px}.serial-number-section h4{color:#4caf50;font-size:1.1rem;font-weight:600;margin:0 0 15px;text-align:center}.serial-number{align-items:center;border:1px solid #4caf50;border-radius:6px;display:flex;justify-content:center;margin-bottom:15px;padding:15px}.serial-number .label{color:#2e7d32;font-weight:600;margin-right:10px;min-width:auto}.serial-key{background-color:#fff;border:1px solid #4caf50;border-radius:4px;color:#4caf50;font-family:Courier New,monospace;font-size:1rem;font-weight:700;letter-spacing:1px;padding:8px 12px;word-break:break-all}.serial-details{display:flex;flex-direction:column;gap:10px}.serial-details .detail-row{flex:none}.serial-details .detail-row .label{color:#4caf50;font-size:.8rem;font-weight:600;letter-spacing:.5px;min-width:auto;text-transform:uppercase}.serial-details .detail-row .value{color:#333;font-size:.9rem;font-weight:500}.payment-actions{border-top:1px solid #eee;margin-top:20px;padding-top:20px;text-align:center}.simulate-payment-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.simulate-payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.simulate-payment-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.simulate-note{color:#999;font-size:.85rem;font-style:italic;margin-top:10px}.email-actions{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:10px;text-align:center}.resend-email-btn{background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:6px;box-shadow:0 2px 8px #2196f34d;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.resend-email-btn:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366;transform:translateY(-1px)}.resend-email-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.resend-note{color:#999;font-size:.8rem;font-style:italic;margin-top:8px}@media (max-width:768px){.order-page .container{padding:0 15px}.order-page h1{font-size:2rem}.order-header{align-items:flex-start;flex-direction:column;gap:10px}.order-header h3{font-size:1.1rem}.order-content{flex-direction:column;gap:15px}.order-details{flex:none;margin-bottom:0}.serial-number-section{flex:none;min-width:auto}.detail-row{align-items:flex-start;flex-direction:column;gap:5px}.detail-row .label{min-width:auto}.serial-details{grid-template-columns:1fr}.serial-number{align-items:center;flex-direction:column;gap:10px}.serial-key{font-size:1rem;word-break:break-all}}.loading{padding:50px}.auth-page{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.auth-container{margin-top:-100px;max-width:400px;padding:20px;width:100%}.auth-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px}.auth-box h2{color:#333;font-size:24px;margin-bottom:30px;text-align:center}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:16px;padding:12px;transition:border-color .3s}.form-group input:focus{border-color:#4a90e2}.submit-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s;width:100%}.submit-button:hover{background-color:#357abd}.switch-form{margin-top:20px;text-align:center}.switch-button{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:14px;padding:0}.switch-button:hover{text-decoration:underline}.error-message{animation:shake .5s ease-in-out;background-color:#f8d7da;border:2px solid #f5c6cb;border-radius:6px;box-shadow:0 2px 8px #dc354533;color:#721c24}.error-message,.success-message{font-size:14px;margin-bottom:20px;padding:15px;position:relative}.success-message{animation:fadeIn .3s ease-in;background-color:#d4edda;border:2px solid #c3e6cb;border-radius:6px;box-shadow:0 2px 8px #15572433;color:#155724;font-weight:500;text-align:center}.error-close-btn,.success-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;opacity:.7;padding:0;position:absolute;right:10px;top:5px;transition:opacity .2s;width:20px}.error-close-btn:hover,.success-close-btn:hover{background-color:#0000001a;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.payment-page{background-color:#f5f5f5;min-height:calc(100vh - 60px);padding:2rem 0}.payment-page .container{margin:0 auto;max-width:800px;padding:0 1rem}.payment-page h1{color:#333;margin-bottom:2rem;text-align:center}.payment-page h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.order-summary{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.summary-details{margin-bottom:1rem}.summary-details p{color:#666;font-size:1.1rem;margin:.5rem 0}.payment-methods{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.methods-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.method-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.method-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.method-card.selected{background-color:#f0fff0;border-color:#4caf50}.method-icon{font-size:2rem;margin-bottom:1rem}.method-card h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.method-card p{color:#666;font-size:.9rem;margin:0}.usdt-payment-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem}.usdt-payment-info{display:flex;flex-direction:column;gap:2rem}.amount-info,.instructions,.payment-status,.qr-code-section,.wallet-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.amount-info h3,.instructions h3,.qr-code-section h3,.wallet-info h3{color:#333;font-size:1.1rem;margin-bottom:1rem}.wallet-address{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;display:flex;font-family:monospace;font-size:.9rem;gap:1rem;padding:1rem;word-break:break-all}.wallet-address span{color:#333;flex:1 1}.copy-button{background:#26a17b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:background-color .3s ease}.copy-button:hover{background:#1f8a6b}.network-info{color:#666;font-size:.9rem;margin-top:.5rem}.amount{color:#26a17b;font-size:2rem;font-weight:700;margin:.5rem 0}.order-number{color:#666;font-size:.9rem;margin:0}.instructions ul{list-style:none;margin:0;padding:0}.instructions li{border-bottom:1px solid #eee;color:#666;padding:.5rem 0}.instructions li:last-child{border-bottom:none}.payment-status{text-align:center}.payment-status p{color:#333;font-size:1.1rem;margin-bottom:1rem}.loading-indicator{align-items:center;color:#666;display:flex;gap:1rem;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#26a17b;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.qr-code-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.qr-code{background:#fff;border-radius:8px;display:inline-block;margin:1.5rem 0;padding:1rem}.qr-code img{height:auto;max-width:200px}.qr-tip{color:#666;font-size:1rem;margin-top:1rem}.pay-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem;transition:background-color .3s ease;width:100%}.pay-button:hover{background-color:#45a049}.pay-button:disabled{background-color:#ccc;cursor:not-allowed}.loading-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;padding:3rem;text-align:center}.loading-section .loading-indicator{align-items:center;color:#666;display:flex;flex-direction:column;gap:1rem;justify-content:center}.loading-section .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#26a17b;height:40px;width:40px}.loading-section span{color:#333;font-size:1.1rem}.order-summary .summary-details p:last-child{color:#26a17b;font-weight:500}@media (max-width:768px){.methods-grid{grid-template-columns:1fr}.method-card{padding:1rem}.qr-code img{max-width:150px}.wallet-address{flex-direction:column;gap:.5rem}.copy-button{width:100%}.usdt-payment-info{gap:1rem}.amount-info,.instructions,.payment-status,.qr-code-section,.wallet-info{padding:1rem}.loading-section{padding:2rem 1rem}.loading-section .spinner{height:30px;width:30px}.loading-section span{font-size:1rem}}.payment-success-page{background-color:#f5f5f5;min-height:calc(100vh - 60px);padding:2rem 0}.payment-success-page .container{margin:0 auto;max-width:600px;padding:0 1rem}.success-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.success-icon{align-items:center;background-color:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-card h1{color:#333;font-size:1.8rem;margin-bottom:1.5rem}.order-details{background-color:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1rem;text-align:left}.order-details p{color:#666;font-size:1.1rem;margin:.5rem 0}.serial-number-section{border-top:1px solid #ddd;margin-top:2rem;padding-top:1.5rem}.serial-number-section h2{color:#333;font-size:1.4rem;margin-bottom:1rem}.serial-number{background-color:#e8f5e9;border-radius:5px;color:#2e7d32;font-family:monospace;font-size:1.2rem;letter-spacing:1px;margin:1rem 0;padding:1rem}.serial-number-note{color:#666;font-size:.9rem;font-style:italic}.primary-button,.secondary-button{border-radius:5px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.primary-button{background-color:#4caf50;border:none;color:#fff}.primary-button:hover{background-color:#45a049}.secondary-button{background-color:#fff;border:1px solid #ddd;color:#666}.secondary-button:hover{background-color:#f5f5f5}.error-message{border-radius:5px;color:#c62828;margin-bottom:1rem;padding:1rem}.loading{color:#666;font-size:1.2rem;padding:2rem;text-align:center}.back-button{background-color:#666;border:none;border-radius:5px;color:#fff;cursor:pointer;display:block;margin:1rem auto;padding:.8rem 1.5rem;transition:background-color .3s ease}.back-button:hover{background-color:#555}@media (max-width:768px){.action-buttons{flex-direction:column}.primary-button,.secondary-button{width:100%}}.payment-cancel-page{background-color:#f5f5f5;min-height:calc(100vh - 60px);padding:2rem 0}.payment-cancel-page .container{margin:0 auto;max-width:600px;padding:0 1rem}.cancel-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.cancel-icon{align-items:center;background-color:#f44336;border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.cancel-card h1{color:#333;font-size:1.8rem;margin-bottom:1rem}.message{color:#666;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.action-buttons{display:flex;gap:1rem;justify-content:center}.back-button,.retry-button{border-radius:5px;cursor:pointer;font-size:1rem;padding:.8rem 1.5rem;transition:all .3s ease}.retry-button{background-color:#2196f3;border:none;color:#fff}.retry-button:hover{background-color:#1976d2}.back-button{background-color:#fff;border:1px solid #ddd;color:#666}.back-button:hover{background-color:#f5f5f5}@media (max-width:768px){.action-buttons{flex-direction:column}.back-button,.retry-button{width:100%}}.download-page{background-color:#f5f5f5;min-height:calc(100vh - 60px);padding:2rem 0}.download-page .container{margin:0 auto;max-width:1200px;padding:0 1rem}.download-page h1{color:#333;font-size:2rem;margin-bottom:2rem;text-align:center}.download-content{display:flex;flex-direction:column;gap:2rem}.download-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.download-section h2{border-bottom:2px solid #4a90e2;color:#333;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.download-card{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:2rem;padding:1.5rem;transition:transform .2s}.download-card:hover{transform:translateY(-2px)}.app-icon{flex-shrink:0}.app-icon img{border-radius:16px;height:80px;width:80px}.app-info{flex-grow:1}.app-info h3{color:#333;font-size:1.2rem;margin-bottom:.5rem}.app-info p{color:#666;font-size:.9rem;margin:.25rem 0}.download-button{flex-shrink:0}.download-link{background-color:#4a90e2;border-radius:4px;color:#fff;display:inline-block;font-weight:500;padding:.8rem 2rem;text-decoration:none;transition:background-color .2s}.download-link:hover{background-color:#357abd}@media (max-width:768px){.download-card{flex-direction:column;gap:1rem;text-align:center}.app-icon img{height:64px;width:64px}.download-button{width:100%}.download-link{display:block;text-align:center}}.change-password-page{background-color:#f5f5f5;min-height:calc(100vh - 80px);padding:20px 0}.change-password-page .container{margin:0 auto;max-width:600px;padding:0 20px}.change-password-page h1{color:#333;font-size:2.5rem;font-weight:600;margin-bottom:10px;text-align:center}.change-password-page .subtitle{color:#666;font-size:1.1rem;margin-bottom:30px;text-align:center}.change-password-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:1rem;font-weight:500;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.form-group input::placeholder{color:#999}.form-hint{color:#666;display:block;font-size:.85rem;margin-top:5px}.message{border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 15px}.message.success{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.message.error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.submit-btn{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:6px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:500;padding:15px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#4caf50);box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.submit-btn:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.password-tips{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:25px}.password-tips h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:15px}.password-tips ul{list-style:none;margin:0;padding:0}.password-tips li{color:#666;padding:8px 0 8px 20px;position:relative}.password-tips li:before{color:#4caf50;content:"✓";font-weight:700;left:0;position:absolute}.error-message{background-color:#ffebee;border-radius:8px;color:#d32f2f;font-weight:500;margin:20px 0;padding:20px;text-align:center}@media (max-width:768px){.change-password-page .container{padding:0 15px}.change-password-page h1{font-size:2rem}.change-password-form,.password-tips{padding:20px}.form-group input{padding:10px 12px}.submit-btn{font-size:1rem;padding:12px}}.App{position:relative;text-align:center}.site-nav{background-color:#fff;box-shadow:0 2px 4px #0000001a;justify-content:space-between;padding:10px 20px;position:relative;z-index:10}.site-logo,.site-nav{align-items:center;display:flex}.site-logo{gap:10px}.site-logo img{height:40px;width:auto}.site-logo span{color:#4a90e2;font-size:1.8em;font-weight:700}.nav-links{align-items:center;display:flex;gap:20px}.nav-button{border-radius:5px;color:#333;display:inline-block;font-size:1.1em;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.nav-button:hover{background-color:#f0f0f0;color:#000}.nav-button.active{border-bottom:2px solid #4a90e2;font-weight:700}.user-status{margin-left:20px}.user-icon{background:none;border:none;color:#333;cursor:pointer;font-size:1.5em}.user-profile{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:15px;position:absolute;right:20px;top:60px;width:250px;z-index:100}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{background-color:#f5f5f5;flex:1 1;margin-top:60px;padding:20px}
/*# sourceMappingURL=main.f9c80629.css.map*/