.login-container{display:flex;min-height:100vh;width:100%;position:relative}.login-top-links{position:absolute;top:24px;right:24px;z-index:10;display:flex;gap:16px}.top-link-button{color:#667eea;font-size:14px;padding:0;height:auto}.top-link-button:hover{color:#764ba2}.login-left-panel{flex:1;background:linear-gradient(135deg,#f0f3f9,#e8ecf4);position:relative;overflow:hidden;display:flex;flex-direction:column;padding:40px}.login-brand{position:relative;z-index:2;margin-bottom:40px}.brand-logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px #667eea4d}.brand-text{font-size:24px;font-weight:600;color:#1a1a1a;letter-spacing:-.5px}.login-illustration{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.illustration-content{width:100%;max-width:500px;position:relative}.illustration-main{position:relative;width:100%;height:400px}.illustration-monitor{position:absolute;left:10%;top:20%;width:280px;height:200px;background:#1a1a1a;border-radius:12px;box-shadow:0 8px 24px #0003;z-index:1}.monitor-screen{width:100%;height:85%;background:#2d2d2d;border-radius:8px 8px 0 0;padding:12px;position:relative}.screen-content{width:100%;height:100%;background:#1a1a1a;border-radius:4px;position:relative;overflow:hidden}.data-chart{position:absolute;bottom:20px;left:20px;right:20px;height:60px;background:linear-gradient(90deg,#4caf50,#ffc107,#2196f3);border-radius:4px;opacity:.6}.data-points{position:absolute;top:20px;right:20px;display:flex;gap:8px}.point{width:8px;height:8px;border-radius:50%}.point-green{background:#4caf50}.point-yellow{background:#ffc107}.illustration-person{position:absolute;left:25%;top:45%;z-index:2}.person-body{width:60px;height:80px;background:#ffc107;border-radius:30px 30px 8px 8px;position:relative}.person-laptop{position:absolute;top:20px;left:50%;transform:translate(-50%);width:80px;height:50px;background:#1a1a1a;border-radius:4px;box-shadow:0 4px 8px #0000004d}.illustration-shield{position:absolute;right:15%;top:30%;width:100px;height:100px;background:#1a1a1a;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0000004d;z-index:3}.shield-icon{color:#4caf50;font-size:48px;font-weight:700}.illustration-phone{position:absolute;right:5%;top:50%;width:40px;height:70px;background:#1a1a1a;border-radius:8px;box-shadow:0 4px 12px #0003}.login-decorations{position:absolute;bottom:0;left:0;right:0;height:200px;z-index:1}.decoration-shape{position:absolute;border-radius:50%;opacity:.1}.shape-1{width:60px;height:60px;background:#667eea;bottom:40px;left:10%}.shape-2{width:40px;height:40px;background:#ffc107;bottom:80px;left:20%}.shape-3{width:50px;height:50px;background:#4caf50;bottom:60px;left:30%}.shape-4{width:35px;height:35px;background:#2196f3;bottom:100px;left:15%}.login-waves{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(to top,rgba(102,126,234,.1) 0%,transparent 100%);border-radius:50% 50% 0 0/100% 100% 0 0;z-index:1}.login-right-panel{flex:0 0 650px;background:#fff;display:flex;align-items:center;justify-content:center;padding:60px 40px}.login-form-container{width:100%;max-width:400px}.login-title{font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:12px;margin-top:0}.login-subtitle{font-size:14px;color:#666;line-height:1.6;margin-bottom:32px}.login-form{width:100%}.login-form .ant-form-item-label>label{font-weight:500;color:#1a1a1a}.login-form-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.forgot-password-link{padding:0;color:#667eea;font-size:14px}.forgot-password-link:hover{color:#764ba2}.login-register-link{text-align:center;margin-top:24px;color:#666;font-size:14px}.register-link{padding:0;color:#667eea;font-weight:500}.register-link:hover{color:#764ba2}@media(max-width:1200px){.login-left-panel{display:none}.login-right-panel{flex:1}}@media(max-width:768px){.login-right-panel{padding:40px 20px}.login-title{font-size:28px}.login-top-links{top:16px;right:16px;gap:12px}.top-link-button{font-size:12px}}.app-footer{width:100%;display:flex;align-items:center;justify-content:center;background-color:transparent;margin-top:24px;padding:16px 0}.app-footer-link{display:inline-flex;align-items:center;gap:8px;color:#666;text-decoration:none;font-size:12px;transition:all .3s}.app-footer-link:hover{color:#1890ff}.app-footer-icon{width:16px;height:16px;object-fit:contain;vertical-align:middle}.terms-container{padding:24px;min-height:100vh;background:#f5f5f5}.terms-header{max-width:900px;margin:0 auto 24px}.terms-back-button{color:#667eea;padding:0;font-size:14px}.terms-back-button:hover{color:#764ba2}.terms-card{max-width:900px;margin:0 auto;box-shadow:0 2px 8px #0000001a;border-radius:8px}.terms-title{text-align:center;margin-bottom:32px!important;color:#1890ff;font-weight:600}.terms-content{color:#333}.terms-intro{font-size:16px;line-height:1.8;margin-bottom:32px;color:#666;padding:16px;background:#f9f9f9;border-left:4px solid #1890ff;border-radius:4px}.terms-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e8e8e8}.terms-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.terms-section-title{color:#1890ff;margin-bottom:16px!important;font-weight:600;font-size:18px}.terms-section-content{font-size:15px;line-height:1.8;color:#555;margin-bottom:0;text-align:justify}@media(max-width:768px){.terms-container{padding:16px}.terms-card{border-radius:4px}.terms-title{font-size:24px!important;margin-bottom:24px!important}.terms-intro{font-size:14px;padding:12px}.terms-section{margin-bottom:24px;padding-bottom:20px}.terms-section-title{font-size:16px!important}.terms-section-content{font-size:14px}}.privacy-container{padding:24px;min-height:100vh;background:#f5f5f5}.privacy-header{max-width:900px;margin:0 auto 24px}.privacy-back-button{color:#667eea;padding:0;font-size:14px}.privacy-back-button:hover{color:#764ba2}.privacy-card{max-width:900px;margin:0 auto;box-shadow:0 2px 8px #0000001a;border-radius:8px}.privacy-title{text-align:center;margin-bottom:32px!important;color:#1890ff;font-weight:600}.privacy-content{color:#333}.privacy-intro{font-size:16px;line-height:1.8;margin-bottom:32px;color:#666;padding:16px;background:#f9f9f9;border-left:4px solid #1890ff;border-radius:4px}.privacy-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e8e8e8}.privacy-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.privacy-section-title{color:#1890ff;margin-bottom:16px!important;font-weight:600;font-size:18px}.privacy-section-content{font-size:15px;line-height:1.8;color:#555;margin-bottom:0;text-align:justify}.privacy-email-link{color:#1890ff;text-decoration:none;font-weight:500;margin-left:4px;transition:color .3s}.privacy-email-link:hover{color:#40a9ff;text-decoration:underline}@media(max-width:768px){.privacy-container{padding:16px}.privacy-card{border-radius:4px}.privacy-title{font-size:24px!important;margin-bottom:24px!important}.privacy-intro{font-size:14px;padding:12px}.privacy-section{margin-bottom:24px;padding-bottom:20px}.privacy-section-title{font-size:16px!important}.privacy-section-content{font-size:14px}}.user-info-descriptions,.user-info-descriptions .ant-descriptions-item-label,.user-info-descriptions .ant-descriptions-item-content,.member-info-descriptions,.member-info-descriptions .ant-descriptions-item-label,.member-info-descriptions .ant-descriptions-item-content{font-size:15px!important}#test-pro-layout .ant-pro-layout .ant-menu-root>.ant-menu-item,#test-pro-layout .ant-pro-layout .ant-menu-root>.ant-menu-submenu>.ant-menu-submenu-title{font-size:calc(1em + 2px)!important}.charge-container{min-height:100vh;background:#f5f5f5;padding:24px 20px;display:flex;flex-direction:column;align-items:center}.charge-header{text-align:center;margin-bottom:20px}.charge-main-title{font-size:24px;font-weight:600;margin-bottom:8px;color:#1a1a1a}.charge-subtitle{font-size:14px;color:#1890ff;cursor:pointer}.charge-subtitle:hover{color:#40a9ff}.charge-cards-wrapper{max-width:1000px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}.charge-section-card{border-radius:8px;box-shadow:0 2px 8px #00000014;background:#fff}.section-title{margin-bottom:16px;font-size:16px;font-weight:600;text-align:center}.membership-cards-container{display:flex;gap:12px;justify-content:center}.membership-card{flex:1;min-width:280px;max-width:380px;cursor:pointer;transition:all .2s ease;border:1px solid #d9d9d9;border-radius:6px;background:#fff}.membership-card:hover{border-color:#ffc107}.membership-card-selected{border-color:#ffc107;background:#fffbe6}.membership-card-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:4px;padding:12px 0}.membership-icon{font-size:24px;color:#1890ff}.membership-name{margin:0!important;font-size:18px;font-weight:600}.features-note{text-align:center;margin:12px 0}.features-list{width:100%}.feature-item{display:flex;align-items:center;gap:8px;padding:6px 0}.feature-icon{color:#52c41a;font-size:16px}.feature-label{flex:1;font-size:14px;color:#1a1a1a}.feature-value{font-size:14px;font-weight:600;color:#1890ff}.pricing-options{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pricing-card{flex:1;min-width:140px;max-width:200px;cursor:pointer;transition:all .2s ease;border:1px solid #d9d9d9;border-radius:6px;background:#fff;height:120px;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.pricing-card:hover{border-color:#ffc107}.pricing-card-selected{border-color:#ffc107;background:#fffbe6}.pricing-card-content{text-align:center;padding:8px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;position:relative;z-index:0;box-sizing:border-box}.pricing-card-content>*{text-align:center!important;width:100%;margin-left:0!important;margin-right:0!important;display:block}.pricing-amount{margin:8px 0 4px!important;color:#ff4d4f;font-weight:600;font-size:20px}.pricing-card-selected .pricing-amount{color:#ff4d4f}.charge-action{margin-top:20px}.purchase-button{height:44px;font-size:16px;font-weight:600;border-radius:6px;background:#ff4d4f!important;border:none!important;color:#fff!important}.purchase-button:hover{background:#ff4d4f!important;border-color:#ff4d4f!important}.purchase-button:active,.purchase-button:focus,.purchase-button.ant-btn-primary:not(:disabled):not(.ant-btn-disabled):active{background:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.purchase-button.ant-btn-loading{background:#ff4d4f!important;border-color:#ff4d4f!important}@media(max-width:768px){.charge-container{padding:20px 10px}.charge-main-title{font-size:24px}.pricing-options{flex-direction:column}.pricing-card{max-width:100%}}.payment-container{min-height:100vh;background:#f5f5f5;padding:40px 20px;display:flex;justify-content:center;align-items:center}.payment-card{max-width:600px;width:100%;border-radius:8px;box-shadow:0 2px 8px #00000014;background:#fff}.payment-info-section{padding:24px;border-bottom:1px solid #f0f0f0}.payment-title{margin-bottom:20px!important;text-align:center;font-size:20px;font-weight:600}.payment-descriptions{margin-top:16px}.payment-descriptions .ant-descriptions-item-label{font-weight:600;width:120px}.payment-qrcode-section{padding:40px 24px;display:flex;flex-direction:column;align-items:center}.qrcode-wrapper{display:inline-block;margin-bottom:24px}.qrcode-tips{text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.qrcode-cancel{display:flex;justify-content:flex-end;width:100%;padding-right:0}.payment-result-card{max-width:500px;width:100%;border-radius:8px;box-shadow:0 2px 8px #00000014;background:#fff}.payment-result-content{padding:60px 40px;display:flex;flex-direction:column;align-items:center;text-align:center}.result-icon{margin-bottom:24px}.result-title{margin-bottom:16px!important;font-size:24px;font-weight:600}.result-description{font-size:16px;line-height:1.6}.payment-error{text-align:center;padding:60px 40px}@media(max-width:768px){.payment-container{padding:20px 16px}.payment-card{max-width:100%}.payment-info-section{padding:20px}.payment-qrcode-section{padding:30px 20px}.qrcode-wrapper{transform:scale(.9)}.qrcode-cancel{position:relative;bottom:0;right:0;margin-top:20px}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}