@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,body,ul,p,b,li{margin:0;padding:0;line-height:1}.wid{width:1200px;margin:0 auto}input{border:none}textarea:focus-visible,input:focus-visible{outline:none}li{list-style:none}.fl{float:left}.fr{float:right}.clearfix:after{content:"";display:block;clear:both}a:focus-visible{outline:none}button:focus,button:focus-visible{outline:none}.btn{border:1px solid #000}.red{background:red}.blue{color:#fff}.jian{-webkit-user-select:none;user-select:none;margin-top:20px;padding:0 10px}.jian b{cursor:pointer}.background-shapes{position:absolute;inset:0;z-index:2;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.5;filter:blur(60px)}.shape-1{width:500px;height:500px;background:linear-gradient(45deg,#8a2be2,#00bfff);top:-250px;left:-150px;animation:float 15s infinite ease-in-out}.shape-2{width:400px;height:400px;background:linear-gradient(45deg,#f0c,#339);bottom:-150px;right:-100px;animation:float 18s infinite ease-in-out reverse}.shape-3{width:300px;height:300px;background:linear-gradient(45deg,#0fc,#06f);top:40%;left:70%;animation:float 12s infinite ease-in-out}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-20px,20px) rotate(5deg)}50%{transform:translate(10px,-15px) rotate(-5deg)}75%{transform:translate(15px,10px) rotate(3deg)}}@media (max-width: 768px){.shape{filter:blur(40px)}.shape-1{width:300px;height:300px}.shape-2{width:250px;height:250px}.shape-3{width:200px;height:200px}}.background{background:url(/assets/1-Dpehu_-o.webp) 100% 100%/cover no-repeat}button.btn{width:100%;height:40px;border:none;cursor:pointer;color:#fff;background:#0395f9;font-size:16px;border-radius:4px}button.btn:hover{background:#27a4f7}button.btn:active{background:#0388e0}.pt60{padding-top:60px}.loadding{display:flex;justify-content:center;align-items:center;height:80vh}.flex-end{justify-content:flex-end}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.flex-start{justify-content:flex-start;align-items:center}.flex-around{justify-content:space-around;align-items:center}.flex-column{flex-direction:column}.flex-column-center{flex-direction:column;justify-content:center;align-items:center}.message-container{position:fixed;top:20px;left:0;right:0;display:flex;flex-direction:column;align-items:center;z-index:10000;pointer-events:none}.message-item{display:flex;align-items:center;min-width:300px;max-width:90vw;padding:12px 20px;margin-bottom:10px;border-radius:8px;background:#fff;box-shadow:0 4px 12px #00000026;pointer-events:auto;transition:all .3s ease-out;transform:translateY(-20px);opacity:0}.message-item.visible{transform:translateY(0);opacity:1}.message-item.leaving{transform:translateY(-20px);opacity:0}.message-content{display:flex;align-items:center;flex:1;font-size:14px;line-height:1.5}.message-icon{margin-right:8px;font-size:16px}.message-icon.loading{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-item.success{border-left:4px solid #52c41a;color:#52c41a}.message-item.error{border-left:4px solid #f5222d;color:#f5222d}.message-item.warning{border-left:4px solid #faad14;color:#faad14}.message-item.info,.message-item.loading{border-left:4px solid #1890ff;color:#1890ff}.message-close-btn{background:none;border:none;font-size:18px;cursor:pointer;margin-left:10px;color:#999;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.message-close-btn:hover{color:#666;background-color:#f5f5f5}@media (max-width: 768px){.message-item{min-width:auto;width:90%;max-width:90%}.message-container{padding:0 10px}}.membership-expired-container{display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#120c24,#010208);padding:60px 20px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.expired-content{background:#fff;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);-moz-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px #0000001a;padding:40px;max-width:900px;width:100%;text-align:center}.expired-header{margin-bottom:30px}.expired-header .icon{font-size:60px;margin-bottom:15px}.expired-header h1{color:#333;margin-bottom:10px;font-size:28px}.expired-header p{color:#666;font-size:16px}.expired-header span{color:#4a6cf7}.plan-selection{margin-bottom:30px}.plan-selection h2{color:#333;margin-bottom:20px;font-size:22px;text-align:left}.plan-options{display:flex;gap:15px;margin-bottom:20px}.plan-card{border:2px solid #e1e5eb;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;padding:20px;flex:1;cursor:pointer;transition:all .3s ease;background:#c9a877}.plan-card.selected{border-color:#c9a877;background:#1f2023}.plan-card.selected .plan-header h3{color:#fff}.plan-card.selected .billing-cycle{color:#ff4757}.plan-card:hover{transform:translateY(-5px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,.1);-moz-box-shadow:0 5px 15px rgba(0,0,0,.1);box-shadow:0 5px 15px #0000001a}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.plan-header h3{margin:0;color:#333}.discount-badge{background-color:#ff4757;color:#fff;padding:4px 8px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;font-size:12px;font-weight:700}.price{margin-bottom:10px}.current-price{font-size:24px;font-weight:700;color:#4a6cf7;margin-right:10px}.original-price{text-decoration:line-through;color:#fff}.billing-cycle{color:#333;font-size:14px}.billing-desc{margin-top:10px}.billing-desc p{color:#fff;font-size:14px;text-align:left;line-height:1.4;position:relative}.renew-button{background-color:#4a6cf7;color:#fff;border:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:16px 40px;font-size:18px;font-weight:700;cursor:pointer;transition:background-color .3s;margin-bottom:40px}.renew-button:hover{background-color:#3b5be3}.renew-button.status{background:#f60;margin-left:10px}.renew-button.status1{background:#049dcd;margin-left:10px}.benefits-section{margin-bottom:30px;margin-top:30px}.benefits-section h2{color:#333;margin-bottom:25px;font-size:22px;text-align:left}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.benefit-card{background-color:#f8f9fa;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;padding:20px;text-align:center}.benefit-icon{font-size:40px;margin-bottom:15px}.benefit-card h3{color:#333;margin-bottom:10px;font-size:18px}.benefit-card p{color:#666;font-size:14px;margin:0;line-height:1.4;text-align:left}.support-section{border-top:1px solid #e1e5eb;padding-top:20px}.support-section p{color:#666}.support-section a{color:#4a6cf7;text-decoration:none;margin:0 5px}.support-section a:hover{text-decoration:underline}.free a{color:#4a6cf7;text-decoration:underline}@media (max-width: 768px){.expired-content{padding:20px}.plan-options{flex-direction:column}.benefits-grid{grid-template-columns:1fr}}.app{display:flex;justify-content:center;align-items:center;background:#f5f7fa;padding:10px 0}.open-button{padding:12px 24px;background:#4a6cf7;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease}.open-button:hover{background:#2b53f6;transform:translateY(-2px)}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.popup-content{position:relative;width:380px;max-width:90%;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;overflow:hidden;animation:slideUp .4s ease}.close-button{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#f5f5f5;border:none;border-radius:50%;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;z-index:10;transition:all .2s ease}.close-button:hover{background:#eaeaea}.popup-body{padding:40px 30px 30px;text-align:center}.qr-code-container{margin-bottom:25px;background:#f9f9f9;border-radius:8px;display:inline-block}.qr-code-image{width:150px;height:150px;object-fit:contain}.text-content h3{margin:0 0 12px;color:#333;font-size:20px;font-weight:600}.text-content p{margin:0 0 12px;color:#707070;font-size:14px;line-height:1.6}.text-content p:last-child{margin-bottom:0}.popup-footer{padding:20px 30px;border-top:1px solid #eee;text-align:center}.action-button{padding:10px 24px;background:#4a6cf7;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.action-button:hover{background:#2b53f6}@media (max-width: 480px){.popup-body{padding:30px 20px 20px}.popup-footer{padding:15px 20px}}@-moz-keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-o-keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recharge-modal-mask{position:fixed;inset:0;z-index:1000;height:100%;background-color:#00000073;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.recharge-modal{position:relative;width:420px;background:#fff;border-radius:4px;box-shadow:0 4px 12px #00000026;animation:zoomIn .3s ease}.recharge-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #d9d9d9;background:#f9f9f9;border-radius:4px 4px 0 0}.recharge-modal-header h2{margin:0;color:#333;font-weight:500;font-size:16px}.recharge-modal-header .close-btn{font-size:18px;cursor:pointer;color:#999;transition:color .3s}.recharge-modal-header .close-btn:hover{color:#333}.recharge-modal-body{padding:24px}.recharge-modal-body .form-group{margin-bottom:20px}.recharge-modal-body .form-group label{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:500;text-align:left}.recharge-modal-body .form-group input{width:100%;height:32px;padding:4px 11px;color:#333;font-size:14px;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;transition:all .3s}.recharge-modal-body .form-group input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.recharge-modal-body .form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.form-actions button{height:32px;padding:0 15px;font-size:14px;border-radius:4px;cursor:pointer;transition:all .3s}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.form-actions .btn-cancel{color:#333;background:#fff;border:1px solid #d9d9d9}.form-actions .btn-cancel:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.form-actions .btn-submit{color:#fff;background:#1890ff;border:1px solid #1890ff}.form-actions .btn-submit:hover:not(:disabled){background:#40a9ff;border-color:#40a9ff}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@-o-keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}
