.pricing-page{padding:24px;max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:40px}.loading-container{text-align:center;padding:50px}.current-membership{margin-bottom:24px;background:#f6ffed;border:1px solid #b7eb8f}.membership-info{display:flex;align-items:center;justify-content:space-between}.membership-details{display:flex;align-items:center}.membership-title{margin-left:8px;font-size:16px;font-weight:700}.package-card{position:relative}.package-card.popular{border:2px solid #1890ff;box-shadow:0 4px 12px #1890ff26}.popular-badge{position:absolute;top:-10px;right:10px;background:#ff4d4f;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.recommended-badge{position:absolute;top:-10px;right:10px;background:#1890ff;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.package-content{text-align:center}.package-icon{font-size:24px;margin-bottom:8px}.package-price{font-size:32px;font-weight:700;color:#1890ff;margin:16px 0}.package-price.basic{color:#52c41a}.package-price.standard{color:#1890ff}.package-price.premium{color:#722ed1}.package-price.enterprise{color:#f5222d}.package-price.free{color:#52c41a}.package-credits{margin-bottom:16px}.credit-amount{font-size:16px;font-weight:700}.bonus-credits{font-size:12px;color:#ff4d4f}.package-actions{margin-top:16px}.package-button{width:100%}.package-button.basic{background-color:#52c41a;border-color:#52c41a}.package-button.standard{background-color:#1890ff;border-color:#1890ff}.package-button.premium{background-color:#722ed1;border-color:#722ed1}.package-button.enterprise{background-color:#f5222d;border-color:#f5222d}.purchase-modal .package-info{margin-bottom:16px}.purchase-modal .package-details{margin-top:8px}.purchase-modal .payment-methods{margin-top:8px;display:block}.payment-qr-section{text-align:center}.payment-qr-container,.payment-qr-tips{text-align:center;margin-bottom:16px}.payment-info{text-align:left;margin:16px 0;padding:12px;background:#f9f9f9;border-radius:6px}.payment-info div{margin-bottom:8px}.payment-info div:last-child{margin-bottom:0}.payment-status{text-align:center;margin-top:16px}.payment-status-text{margin-top:8px}.purchase-modal .ant-modal-body{padding:24px}.package-info{margin-bottom:24px}.package-details{margin-top:8px;padding:12px;background:#f9f9f9;border-radius:6px}.package-details div{margin-bottom:6px}.package-details div:last-child{margin-bottom:0}.payment-methods{margin-top:8px}.payment-methods .ant-radio-wrapper{margin-right:0;margin-bottom:8px;display:block}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}#root{width:100%;height:100vh}.ant-layout{background:var(--background-color);transition:background-color .3s ease}.ant-layout-sider{box-shadow:2px 0 8px #1d23290d}.ant-menu{border-right:none}.ant-layout-header{padding:0;background:var(--header-background);box-shadow:0 1px 4px #00152914;transition:background-color .3s ease}:root{--background-color: #f0f2f5;--header-background: #fff}[data-theme=dark]{--background-color: #141414;--header-background: #1f1f1f}