.sidebar-logo{height:64px;display:flex;align-items:center;justify-content:center;padding:16px;border-bottom:1px solid #f0f0f0;transition:all .3s}.logo-icon{display:flex;align-items:center;justify-content:center;min-width:32px}.logo-text{font-size:18px;font-weight:600;color:var(--text-primary);margin-left:12px;white-space:nowrap;overflow:hidden}.ant-menu-inline .ant-menu-item{height:40px;line-height:40px;margin:4px 8px;border-radius:4px}.ant-menu-inline .ant-menu-item:hover{background-color:#24be5814}.ant-menu-inline .ant-menu-item-selected{background-color:#f0fff2;color:#24be58}.ant-menu-inline .ant-menu-item-selected:after{border-right:none}.ant-menu-inline .ant-menu-item .anticon{font-size:16px;transition:color .3s}.ant-menu-inline .ant-menu-item:hover .anticon,.ant-menu-inline .ant-menu-item-selected .anticon{color:#24be58}.ant-layout-sider-collapsed .sidebar-logo{padding:16px 8px}.ant-layout-sider-collapsed .logo-text{display:none}.ant-layout-sider::-webkit-scrollbar{width:6px}.ant-layout-sider::-webkit-scrollbar-track{background:transparent}.ant-layout-sider::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.ant-layout-sider::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width: 768px){.ant-layout-sider{position:fixed!important;z-index:999;box-shadow:var(--shadow-2)}}.top-header{background:var(--bg-white);padding:0 24px;height:64px;line-height:64px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-1);position:sticky;top:0;z-index:99}.top-header-content{width:100%;display:flex;align-items:center;justify-content:flex-end}.header-right{display:flex;align-items:center}.balance-display{display:flex;align-items:center;padding:6px 12px;background:var(--primary-bg);border:1px solid var(--primary-border);border-radius:var(--border-radius);cursor:pointer;transition:all .3s}.balance-display:hover{background:var(--primary-bg-hover);border-color:var(--primary-border-hover)}.header-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:all .3s}.header-icon-btn:hover{background:var(--bg-gray)}.user-info{display:flex;align-items:center;padding:4px 12px;border-radius:var(--border-radius);cursor:pointer;transition:all .3s}.user-info:hover{background:var(--bg-gray)}@media (max-width: 768px){.top-header{padding:0 16px}.balance-display span,.user-info span{display:none}}@media (max-width: 480px){.top-header{padding:0 12px}.header-right{gap:12px}}.announcement-banner{position:sticky;top:0;z-index:1001;width:100%}.announcement-banner .ant-alert-banner{border-radius:0;border:none;border-bottom:1px solid rgba(0,0,0,.06);font-size:14px;padding:10px 40px}.announcement-banner .announcement-title{font-weight:700;margin-right:12px}.announcement-banner .announcement-content img{max-width:100%;vertical-align:middle}.announcement-banner .announcement-content a{color:inherit;text-decoration:underline;font-weight:500}.announcement-banner .announcement-content a:hover{opacity:.8}.app-layout{min-height:100vh}.app-layout-content{margin:24px;padding:24px;background:var(--bg-white);border-radius:var(--border-radius-lg);min-height:calc(100vh - 112px);box-shadow:var(--shadow-1)}@media (max-width: 768px){.app-layout-content{margin:16px;padding:16px}}@media (max-width: 480px){.app-layout-content{margin:12px;padding:12px}}.home-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#fff;background-color:#050510;min-height:100vh;overflow-x:hidden;position:relative}.home-page:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(36,190,88,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,242,255,.1) 0%,transparent 40%);z-index:0;pointer-events:none}.home-page:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;opacity:.05;z-index:0;pointer-events:none}.home-page .home-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;background:#050510b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05)}.home-page .home-header .logo{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#fff;text-decoration:none}.home-page .home-header .logo img{height:36px;width:36px;filter:drop-shadow(0 0 8px rgba(36,190,88,.5))}.home-page .home-header .logo span{background:linear-gradient(90deg,#fff,#24be58);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-page .home-header .nav-links{display:flex;gap:30px;align-items:center}.home-page .home-header .nav-links a{color:#ffffffb3;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s}.home-page .home-header .nav-links a:hover{color:#24be58;text-shadow:0 0 10px rgba(36,190,88,.5)}.home-page .home-header .nav-links .btn-login{padding:8px 24px;border-radius:20px;background:#ffffff1a;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.1);transition:all .3s}.home-page .home-header .nav-links .btn-login:hover{background:#fff3;border-color:#ffffff4d}.home-page .home-header .nav-links .btn-start{padding:8px 24px;border-radius:20px;background:linear-gradient(135deg,#24be58,#1c9344);color:#fff;font-weight:600;box-shadow:0 0 20px #24be5866;transition:all .3s;border:none}.home-page .home-header .nav-links .btn-start:hover{transform:translateY(-1px);box-shadow:0 0 30px #24be5899}.home-page .hero-section{position:relative;z-index:1;padding:180px 20px 100px;text-align:center}.home-page .hero-section .hero-badge{display:inline-block;padding:8px 20px;background:#24be581a;color:#24be58;border-radius:30px;font-size:13px;font-weight:600;margin-bottom:32px;border:1px solid rgba(36,190,88,.2);box-shadow:0 0 15px #24be581a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.home-page .hero-section h1{font-size:72px;line-height:1.1;font-weight:800;margin-bottom:24px;color:#fff;text-shadow:0 0 40px rgba(36,190,88,.2);letter-spacing:-1px}@media (max-width: 768px){.home-page .hero-section h1{font-size:48px}}.home-page .hero-section .subtitle{font-size:20px;color:#ffffffb3;max-width:640px;margin:0 auto 48px;line-height:1.6}.home-page .hero-section .cta-buttons{display:flex;justify-content:center;gap:20px}.home-page .hero-section .cta-buttons .btn-primary{padding:16px 48px;font-size:18px;border-radius:40px;background:linear-gradient(90deg,#24be58,#00c853);color:#fff;font-weight:700;border:none;cursor:pointer;transition:all .3s;box-shadow:0 0 30px #24be5866;position:relative;overflow:hidden}.home-page .hero-section .cta-buttons .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:.5s}.home-page .hero-section .cta-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 50px #24be5899}.home-page .hero-section .cta-buttons .btn-primary:hover:before{left:100%}.home-page .hero-section .cta-buttons .btn-secondary{padding:16px 48px;font-size:18px;border-radius:40px;background:#ffffff0d;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-page .hero-section .cta-buttons .btn-secondary:hover{background:#ffffff1a;border-color:#fff6}.home-page .features-section{position:relative;z-index:1;padding:40px 20px 100px}.home-page .features-section .section-title{text-align:center;margin-bottom:60px}.home-page .features-section .section-title h2{font-size:32px;font-weight:700;color:#fff;margin-bottom:16px;background:linear-gradient(90deg,#fff,#ffffff80);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-page .features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto}.home-page .features-section .features-grid .feature-card{background:#ffffff08;padding:40px;border-radius:24px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;position:relative;overflow:hidden}.home-page .features-section .features-grid .feature-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(36,190,88,.05),transparent 70%);opacity:0;transition:opacity .4s}.home-page .features-section .features-grid .feature-card:hover{transform:translateY(-10px);border-color:#24be584d;box-shadow:0 20px 40px #0006}.home-page .features-section .features-grid .feature-card:hover:before{opacity:1}.home-page .features-section .features-grid .feature-card:hover .icon{transform:scale(1.1);color:#fff;background:#24be58;box-shadow:0 0 20px #24be58}.home-page .features-section .features-grid .feature-card .icon{width:56px;height:56px;background:#24be581a;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:#24be58;font-size:28px;transition:all .4s;border:1px solid rgba(36,190,88,.2)}.home-page .features-section .features-grid .feature-card h3{font-size:20px;font-weight:700;margin-bottom:12px;color:#fff}.home-page .features-section .features-grid .feature-card p{color:#ffffffb3;line-height:1.6;font-size:15px}.home-page .home-footer{position:relative;z-index:1;padding:40px 20px;background:transparent;border-top:1px solid rgba(255,255,255,.1);text-align:center}.home-page .home-footer p{color:#ffffff4d;font-size:14px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);padding:20px}.login-page .login-container{width:100%;max-width:480px;padding:48px 50px 32px;background:#fff;border-radius:16px;box-shadow:0 8px 40px #00000014}@media (max-width: 768px){.login-page .login-container{padding:32px 24px;max-width:100%}}.login-page .login-logo{text-align:center;margin-bottom:32px}.login-page .login-logo .logo-text{font-size:28px;font-weight:700;color:var(--primary-color);letter-spacing:-.5px}.login-page .login-title{text-align:center;margin-bottom:40px}.login-page .login-title h1{font-size:24px;font-weight:600;color:#14151a;margin:0 0 8px;line-height:1.3}.login-page .login-title .login-subtitle{font-size:14px;color:#8f959e;margin:0;line-height:1.5}.login-page .login-form .ant-form-item{margin-bottom:20px}.login-page .login-form .login-input{height:51px!important;border-radius:12px!important;padding:16px 12px!important;border-color:#f7f8fa!important;background:#f7f8fa!important;font-size:14px!important;color:#45515e!important;font-weight:400!important;line-height:19px!important;box-sizing:border-box!important;transition:all .2s ease}.login-page .login-form .login-input:hover{border-color:#e5e6eb!important;background:#f7f8fa!important}.login-page .login-form .login-input:focus,.login-page .login-form .login-input.ant-input-focused{border-color:var(--primary-color)!important;background:#fff!important;box-shadow:0 0 0 2px #24be581a!important}.login-page .login-form .login-input::placeholder{color:#c9cdd4!important}.login-page .login-form .code-input-wrapper{display:flex;gap:12px}.login-page .login-form .code-input-wrapper .code-input{flex:1}.login-page .login-form .code-input-wrapper .send-code-btn{height:51px!important;padding:6px 20px!important;border-radius:12px!important;font-size:14px!important;font-weight:500!important;line-height:19px!important;white-space:nowrap;border:1px solid #e5e6eb!important;background:#fff!important;color:#181e25!important;transition:all .2s ease}.login-page .login-form .code-input-wrapper .send-code-btn:hover:not(:disabled){border-color:transparent!important;background:#f7f8fa!important;color:#181e25!important}.login-page .login-form .code-input-wrapper .send-code-btn:active:not(:disabled){background:#e5e6eb!important}.login-page .login-form .code-input-wrapper .send-code-btn:disabled{border:1px solid #e5e6eb!important;background:#fff6!important;color:#c9cdd4!important;cursor:not-allowed}.login-page .login-form .login-checkbox{font-size:13px!important;color:#8f959e!important;-webkit-user-select:none;user-select:none}.login-page .login-form .login-checkbox .ant-checkbox{top:.1em}.login-page .login-form .login-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:2px!important;width:14px!important;height:14px!important;border-color:#e5e6eb!important}.login-page .login-form .login-checkbox .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.login-page .login-form .login-checkbox .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner:after{border:none!important;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.82663 4.13826C9.61958 3.93185 9.28037 3.94634 9.09169 4.16966L5.98981 7.84097L4.86577 6.66719C4.67179 6.46463 4.34918 6.4612 4.15095 6.6596L3.79771 7.01313C3.60557 7.20543 3.60227 7.51601 3.79029 7.71235L5.6415 9.64549C5.78787 9.79835 6.0075 9.83781 6.19165 9.76272C6.29357 9.73962 6.38935 9.68443 6.46249 9.59785L6.74174 9.26734L7.05525 8.95357L7.02953 8.92672L10.2072 5.16566C10.3752 4.9669 10.3626 4.67257 10.1783 4.48887L9.82663 4.13826Z" fill="white"/%3E%3C/svg%3E')!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;content:""!important;width:14px!important;height:14px!important;transform:none!important;top:0!important;right:0!important;bottom:0!important;left:0!important;margin:auto!important}.login-page .login-form .login-checkbox a{color:var(--primary-color)!important;text-decoration:none;margin:0 2px;transition:opacity .2s ease}.login-page .login-form .login-checkbox a:hover{opacity:.8}.login-page .login-form .login-button{height:51px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;background:#181e25!important;border:none!important;color:#fff!important;margin-top:8px;box-shadow:none!important;transition:all .2s ease}.login-page .login-form .login-button:hover:not(:disabled){background:#5f5f5f!important}.login-page .login-form .login-button:active:not(:disabled){background:#181e25!important;transform:scale(.98)}.login-page .login-form .login-button:disabled{background:#9f9f9f!important;color:#fff!important;cursor:not-allowed}.login-page .login-form .login-button.ant-btn-loading{opacity:.8}.login-page .login-footer{margin-top:32px;text-align:center}.login-page .login-footer p{font-size:12px;color:#c9cdd4;margin:0;line-height:1.5}@media (max-width: 768px){.login-page .login-container{box-shadow:none;border-radius:0}.login-page .login-form .code-input-wrapper{flex-direction:column;gap:12px}.login-page .login-form .code-input-wrapper .send-code-btn{width:100%}}.login-page .ant-form-item-explain-error{font-size:12px;margin-top:4px}.login-page .ant-form-item-has-error .login-input{border-color:#ff4d4f!important;background:#fff!important}.login-page .ant-form-item-has-error .login-input:focus{border-color:#ff4d4f!important;box-shadow:0 0 0 2px #ff4d4f1a!important}.coding-plan-page{max-width:1280px;margin:0 auto;padding:40px 24px;background-color:#f7f8fa;min-height:calc(100vh - 64px)}.coding-plan-page .page-header{text-align:center;margin-bottom:48px}.coding-plan-page .page-header h2{font-size:36px;font-weight:800;color:#1a1a1a;margin-bottom:16px;letter-spacing:-.5px}.coding-plan-page .page-header .ant-typography-secondary{font-size:16px;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.coding-plan-page .tabs-container{display:flex;justify-content:center;margin-bottom:48px}.coding-plan-page .tabs-container .custom-segmented{background:#e8e8e8;padding:4px;border-radius:100px}.coding-plan-page .tabs-container .custom-segmented .ant-segmented-item{border-radius:100px;min-width:140px;transition:all .3s cubic-bezier(.4,0,.2,1)}.coding-plan-page .tabs-container .custom-segmented .ant-segmented-item-selected{background:#fff;box-shadow:0 2px 8px #0000001a;color:#24be58;font-weight:600}.coding-plan-page .tabs-container .custom-segmented .ant-segmented-item .ant-segmented-item-label{padding:8px 12px;font-size:15px}.coding-plan-page .packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-bottom:64px;align-items:flex-start}.coding-plan-page .packages-grid .plan-card{background:#fff;border-radius:20px;padding:32px 24px;position:relative;border:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%}.coding-plan-page .packages-grid .plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014;border-color:transparent}.coding-plan-page .packages-grid .plan-card.recommended{border:2px solid #24be58;background:linear-gradient(180deg,#24be5808,#fff);box-shadow:0 10px 30px #24be581a}.coding-plan-page .packages-grid .plan-card.recommended .plan-tag{background:#24be58;color:#fff}.coding-plan-page .packages-grid .plan-card .plan-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#333;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px;box-shadow:0 4px 10px #0000001a;z-index:2;letter-spacing:.5px}.coding-plan-page .packages-grid .plan-card .card-header{text-align:center;margin-bottom:24px}.coding-plan-page .packages-grid .plan-card .card-header .plan-name{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:8px}.coding-plan-page .packages-grid .plan-card .card-header .plan-desc{font-size:14px;color:#888;margin:0;min-height:42px;line-height:1.5}.coding-plan-page .packages-grid .plan-card .card-price{text-align:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.coding-plan-page .packages-grid .plan-card .card-price .price-wrapper{display:flex;align-items:baseline;justify-content:center;color:#1a1a1a}.coding-plan-page .packages-grid .plan-card .card-price .price-wrapper .currency{font-size:24px;font-weight:600;margin-right:4px}.coding-plan-page .packages-grid .plan-card .card-price .price-wrapper .amount{font-size:48px;font-weight:800;line-height:1;letter-spacing:-1px}.coding-plan-page .packages-grid .plan-card .card-price .price-wrapper .cycle{font-size:16px;color:#999;margin-left:4px;font-weight:500}.coding-plan-page .packages-grid .plan-card .card-price .original-price{margin-top:8px;font-size:14px;color:#bbb;text-decoration:line-through}.coding-plan-page .packages-grid .plan-card .card-features{flex:1;margin-bottom:32px}.coding-plan-page .packages-grid .plan-card .card-features .credits-info{display:flex;align-items:center;justify-content:center;background:#f0fdf4;color:#16a34a;padding:12px;border-radius:12px;margin-bottom:24px;font-size:15px;font-weight:600}.coding-plan-page .packages-grid .plan-card .card-features .credits-info .icon{margin-right:8px;font-size:18px}.coding-plan-page .packages-grid .plan-card .card-features .credits-info .highlight{font-size:18px;margin:0 4px}.coding-plan-page .packages-grid .plan-card .card-features .credits-info .sub-text{font-size:12px;opacity:.8;margin-left:4px;font-weight:400}.coding-plan-page .packages-grid .plan-card .card-features .features-list{list-style:none;padding:0;margin:0}.coding-plan-page .packages-grid .plan-card .card-features .features-list li{display:flex;align-items:flex-start;margin-bottom:12px;font-size:14px;color:#555;line-height:1.5}.coding-plan-page .packages-grid .plan-card .card-features .features-list li .check-icon{color:#24be58;font-size:16px;margin-right:10px;margin-top:3px;flex-shrink:0}.coding-plan-page .packages-grid .plan-card .card-footer .buy-btn{height:48px;font-size:16px;font-weight:600;border-radius:100px;box-shadow:0 4px 12px #24be5840;border:none;background:linear-gradient(90deg,#24be58,#28d362);transition:all .3s ease}.coding-plan-page .packages-grid .plan-card .card-footer .buy-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #24be5859}.coding-plan-page .packages-grid .plan-card .card-footer .buy-btn:active{transform:scale(.98)}.coding-plan-page .payment-confirm-content .confirm-card{background:#f9f9f9;border:1px solid #eee;border-radius:8px;margin:16px 0}@media (max-width: 768px){.coding-plan-page{padding:24px 16px}.coding-plan-page .packages-grid{grid-template-columns:1fr;gap:24px}.coding-plan-page .plan-card{padding:24px 20px}.coding-plan-page .plan-card .card-price .amount{font-size:40px}}.api-keys-page{max-width:1400px;margin:0 auto;padding:32px 24px}.api-keys-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.api-keys-page .page-header .header-left{flex:1}.api-keys-page .page-header .header-left h2{font-size:32px;font-weight:700;color:#14151a;line-height:1.3}.api-keys-page .page-header .header-right .ant-btn-lg{height:48px;padding:0 32px;font-size:16px;font-weight:600;border-radius:8px;box-shadow:0 4px 12px #24be5833}.api-keys-page .page-header .header-right .ant-btn-lg:hover{box-shadow:0 6px 16px #24be584d;transform:translateY(-2px)}.api-keys-page .keys-card{border-radius:12px;box-shadow:0 2px 8px #0000000f;margin-bottom:24px}.api-keys-page .keys-card .ant-card-body{padding:0}.api-keys-page .keys-card .ant-table .ant-table-thead>tr>th{background:#fafafa;color:#000000e0;font-weight:600;border-bottom:1px solid #f0f0f0;padding:16px}.api-keys-page .keys-card .ant-table .ant-table-thead>tr>th:before{display:none}.api-keys-page .keys-card .ant-table .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f5f5f5}.api-keys-page .keys-card .ant-table .ant-table-tbody>tr:hover>td{background:#fafafa}.api-keys-page .keys-card .key-value-cell{display:flex;align-items:center;gap:8px}.api-keys-page .keys-card .key-value-cell .key-value{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;color:#262626;background:#f5f5f5;padding:4px 12px;border-radius:4px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-keys-page .keys-card .key-value-cell .copy-button{flex-shrink:0;color:var(--primary-color)}.api-keys-page .keys-card .key-value-cell .copy-button:hover{color:var(--primary-color);background:#24be581a}.api-keys-page .keys-card .usage-cell{display:flex;flex-direction:column;gap:4px}.api-keys-page .page-footer .info-card{border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb}.api-keys-page .page-footer .info-card h4{font-size:16px;font-weight:600;color:#14151a;margin-bottom:16px}.api-keys-page .page-footer .info-card ul{list-style:none;padding:0;margin:0}.api-keys-page .page-footer .info-card ul li{padding:8px 0 8px 24px;position:relative;font-size:14px;color:#6b7280;line-height:1.6}.api-keys-page .page-footer .info-card ul li:before{content:"•";position:absolute;left:8px;color:var(--primary-color);font-size:16px}@media (max-width: 768px){.api-keys-page{padding:24px 16px}.api-keys-page .page-header{flex-direction:column;gap:16px}.api-keys-page .page-header .header-right,.api-keys-page .page-header .header-right .ant-btn-lg{width:100%}.api-keys-page .keys-card .ant-table .ant-table-thead>tr>th,.api-keys-page .keys-card .ant-table .ant-table-tbody>tr>td{padding:12px 8px}.api-keys-page .keys-card .ant-table .key-value-cell{flex-direction:column;align-items:flex-start}.api-keys-page .keys-card .ant-table .key-value-cell .key-value{width:100%}}@media print{.api-keys-page .page-header .header-right,.api-keys-page .ant-table-column-has-actions{display:none!important}.api-keys-page .keys-card{box-shadow:none!important;border:1px solid #e0e0e0!important}}.account-page{max-width:900px;margin:0 auto;padding:24px}.account-page .page-header{margin-bottom:24px}.account-page .user-info-card{margin-bottom:24px;border-radius:12px}.account-page .user-info-card .user-profile{display:flex;align-items:center;gap:24px}.account-page .user-info-card .user-profile .user-details{flex:1;display:flex;flex-direction:column;gap:4px}.account-page .detail-card{margin-bottom:24px;border-radius:12px}.account-page .detail-card .ant-descriptions-item-label{font-weight:500}.account-page .security-card{border-radius:12px}.account-page .security-card .security-tips{margin:0;padding-left:20px;color:#666}.account-page .security-card .security-tips li{padding:8px 0;line-height:1.6}.account-page .security-card .security-tips li::marker{color:#24be58}@media (max-width: 768px){.account-page{padding:16px}.account-page .user-info-card .user-profile{flex-direction:column;text-align:center}.account-page .user-info-card .user-profile .user-details{align-items:center}}.balance-page{padding:24px;background-color:#f5f5f5;min-height:calc(100vh - 64px)}.balance-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:0 0 16px;border-bottom:1px solid #e8e8e8}.balance-page .page-header .header-left{flex:1}.balance-page .page-header .header-left h2{font-size:28px;font-weight:600;color:#000;margin:0}.balance-page .page-header .header-right{display:flex;gap:12px}.balance-page .subscription-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.balance-page .subscription-card .credit-progress .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.balance-page .subscription-card .credit-progress .progress-footer{margin-top:12px;font-size:13px;color:#8c8c8c}.balance-page .stats-row,.balance-page .stats-row.secondary{margin-bottom:24px}.balance-page .stats-row .ant-card{border-radius:8px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.balance-page .stats-row .ant-card .ant-statistic .ant-statistic-title{font-size:14px;color:#00000073;margin-bottom:8px}.balance-page .stats-row .ant-card .ant-statistic .ant-statistic-content{font-size:24px;font-weight:600;color:#000}.balance-page .filter-card{margin-bottom:24px;border-radius:8px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.balance-page .filter-card .ant-card-body{padding:16px 24px}.balance-page .filter-card .ant-space{width:100%}.balance-page .filter-card .ant-space .ant-space-item{flex-shrink:0}.balance-page .filter-card .ant-select,.balance-page .filter-card .ant-picker{min-width:200px}.balance-page .filter-card .ant-btn{min-width:80px}.balance-page .table-card{border-radius:8px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.balance-page .table-card .ant-card-body{padding:0}.balance-page .table-card .ant-table-wrapper .ant-table .ant-table-thead>tr>th{background-color:#fafafa;font-weight:600;color:#000000d9;border-bottom:1px solid #f0f0f0;padding:16px}.balance-page .table-card .ant-table-wrapper .ant-table .ant-table-thead>tr>th:before{display:none}.balance-page .table-card .ant-table-wrapper .ant-table .ant-table-tbody>tr>td{padding:16px;border-bottom:1px solid #f0f0f0}.balance-page .table-card .ant-table-wrapper .ant-table .ant-table-tbody>tr:hover>td{background-color:#fafafa}.balance-page .table-card .ant-table-wrapper .ant-table .ant-table-tbody>tr:last-child>td{border-bottom:none}.balance-page .table-card .ant-table-wrapper .ant-pagination{padding:16px 24px;margin:0}.balance-page .table-card .ant-tag{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;border:none}@media (max-width: 768px){.balance-page{padding:16px}.balance-page .page-header{flex-direction:column;gap:16px}.balance-page .page-header .header-right{width:100%}.balance-page .page-header .header-right .ant-btn{flex:1}.balance-page .filter-card .ant-space{flex-direction:column}.balance-page .filter-card .ant-space .ant-space-item,.balance-page .filter-card .ant-space .ant-space-item .ant-select,.balance-page .filter-card .ant-space .ant-space-item .ant-picker,.balance-page .filter-card .ant-space .ant-space-item .ant-btn{width:100%}.balance-page .table-card .ant-table-wrapper .ant-table{font-size:12px}.balance-page .table-card .ant-table-wrapper .ant-table .ant-table-thead>tr>th,.balance-page .table-card .ant-table-wrapper .ant-table .ant-table-tbody>tr>td{padding:12px 8px}}@media (max-width: 576px){.balance-page .page-header .header-left h2{font-size:24px}.balance-page .stats-row .ant-col{margin-bottom:16px}.balance-page .stats-row .ant-col:last-child{margin-bottom:0}}.docs-page{height:calc(100vh - 64px);background-color:#fff;overflow:hidden}.docs-page .docs-container{display:flex;height:100%;max-width:1400px;margin:0 auto;position:relative}.docs-sidebar{width:280px;height:100%;border-right:1px solid #f0f0f0;overflow-y:auto;flex-shrink:0;background:#fff;padding:16px 0}.docs-sidebar .sidebar-group-title{padding:8px 24px;color:#999;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.docs-sidebar .sidebar-menu{list-style:none;padding:0;margin:0}.docs-sidebar .sidebar-menu .menu-item{padding:0;margin:0}.docs-sidebar .sidebar-menu .menu-item a{display:block;padding:10px 24px;color:#333;text-decoration:none;font-size:14px;line-height:1.5;border-left:3px solid transparent;transition:all .2s}.docs-sidebar .sidebar-menu .menu-item a:hover{color:#24be58;background-color:#24be580d}.docs-sidebar .sidebar-menu .menu-item a.active{color:#24be58;background-color:#24be5814;border-left-color:#24be58;font-weight:500}.docs-content-wrapper{flex:1;height:100%;overflow-y:auto;padding:0 48px;display:flex;justify-content:center}.docs-content-wrapper .docs-content{width:100%;max-width:800px;padding:48px 0 100px}.docs-content-wrapper .docs-content .doc-meta{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.docs-content-wrapper .docs-content .doc-meta h1{font-size:32px;font-weight:700;margin-bottom:16px;color:#1a1a1a}.docs-content-wrapper .docs-content .doc-meta .meta-info{color:#999;font-size:13px}.docs-content-wrapper .docs-content .markdown-body{font-size:16px;line-height:1.8;color:#2c3e50}.docs-content-wrapper .docs-content .markdown-body h1,.docs-content-wrapper .docs-content .markdown-body h2,.docs-content-wrapper .docs-content .markdown-body h3,.docs-content-wrapper .docs-content .markdown-body h4,.docs-content-wrapper .docs-content .markdown-body h5,.docs-content-wrapper .docs-content .markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.docs-content-wrapper .docs-content .markdown-body h1{font-size:2em;padding-bottom:.3em;border-bottom:1px solid #eaecef}.docs-content-wrapper .docs-content .markdown-body h2{font-size:1.5em;padding-bottom:.3em;border-bottom:1px solid #eaecef}.docs-content-wrapper .docs-content .markdown-body h3{font-size:1.25em}.docs-content-wrapper .docs-content .markdown-body h4{font-size:1em}.docs-content-wrapper .docs-content .markdown-body p{margin-bottom:16px}.docs-content-wrapper .docs-content .markdown-body a{color:#24be58;text-decoration:none}.docs-content-wrapper .docs-content .markdown-body a:hover{text-decoration:underline}.docs-content-wrapper .docs-content .markdown-body code{padding:.2em .4em;margin:0;font-size:85%;background-color:#1b1f230d;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.docs-content-wrapper .docs-content .markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f6f8fa;border-radius:6px;margin-bottom:16px}.docs-content-wrapper .docs-content .markdown-body pre code{background-color:transparent;padding:0}.docs-content-wrapper .docs-content .markdown-body blockquote{color:#6a737d;border-left:.25em solid #24be58;background-color:#24be580d;margin:0 0 16px;padding:16px;border-radius:0 4px 4px 0}.docs-content-wrapper .docs-content .markdown-body ul,.docs-content-wrapper .docs-content .markdown-body ol{padding-left:2em;margin-bottom:16px}.docs-content-wrapper .docs-content .markdown-body table{display:block;width:100%;overflow:auto;margin-bottom:16px;border-collapse:collapse}.docs-content-wrapper .docs-content .markdown-body table th,.docs-content-wrapper .docs-content .markdown-body table td{padding:6px 13px;border:1px solid #dfe2e5}.docs-content-wrapper .docs-content .markdown-body table tr{background-color:#fff;border-top:1px solid #c6cbd1}.docs-content-wrapper .docs-content .markdown-body table tr:nth-child(2n){background-color:#f6f8fa}.docs-content-wrapper .docs-content .markdown-body img{max-width:100%;box-sizing:content-box;background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #0000001a}.docs-toc{width:240px;flex-shrink:0;height:100%;overflow-y:auto;padding:48px 16px 0 0}.docs-toc .toc-content{position:sticky;top:48px;border-left:1px solid #f0f0f0;padding-left:16px}.docs-toc .toc-content .toc-title{font-size:12px;font-weight:600;color:#999;margin-bottom:12px;text-transform:uppercase}.docs-toc .toc-content .toc-list{list-style:none;padding:0;margin:0}.docs-toc .toc-content .toc-list li{margin-bottom:6px}.docs-toc .toc-content .toc-list li a{display:block;color:#666;text-decoration:none;font-size:13px;line-height:1.5;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.docs-toc .toc-content .toc-list li a:hover{color:#24be58}.docs-toc .toc-content .toc-list li a.active{color:#24be58;font-weight:500}.docs-toc .toc-content .toc-list li.toc-level-3{padding-left:12px}@media (max-width: 1200px){.docs-toc{display:none}}@media (max-width: 768px){.docs-sidebar{position:absolute;left:0;top:0;z-index:100;transform:translate(-100%);transition:transform .3s;box-shadow:2px 0 8px #0000001a}.docs-sidebar.open{transform:translate(0)}.docs-content-wrapper{padding:0 16px}}.admin-docs-page .shadow-card{box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.editor-meta-bar{padding:16px 24px;background:#fff;border-bottom:1px solid #f0f0f0}.editor-meta-bar .ant-form-item-label{padding-bottom:4px}.editor-meta-bar .ant-form-item-label>label{color:#999;font-size:12px}.editor-toolbar{padding:8px 24px;background:#fafafa;border-bottom:1px solid #f0f0f0}.editor-toolbar .divider{width:1px;height:16px;background:#e0e0e0;margin:0 8px;display:inline-block;vertical-align:middle}.editor-main{flex:1;display:flex;overflow:hidden;height:calc(100% - 130px)}.editor-main .editor-pane{flex:1;overflow-y:auto}.editor-main .editor-pane.editor-input{border-right:1px solid #f0f0f0}.editor-main .editor-pane.editor-input textarea:focus{box-shadow:none}.editor-main .editor-pane.editor-preview{padding:24px 40px;background:#fff}.markdown-body{font-size:16px;line-height:1.8;color:#2c3e50}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin-top:24px;margin-bottom:16px;font-weight:600}.markdown-body h1,.markdown-body h2{border-bottom:1px solid #eaecef;padding-bottom:.3em}.markdown-body code{padding:.2em .4em;font-size:85%;background-color:#1b1f230d;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.markdown-body pre{padding:16px;overflow:auto;font-size:85%;background-color:#f6f8fa;border-radius:6px}.markdown-body pre code{padding:0;background:transparent}.markdown-body blockquote{padding:0 1em;color:#6a737d;border-left:.25em solid #dfe2e5;margin:0 0 16px}.markdown-body img{max-width:100%;border-radius:4px;box-shadow:0 2px 8px #0000001a}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:16px}.markdown-body table th,.markdown-body table td{border:1px solid #dfe2e5;padding:6px 13px}.markdown-body table tr:nth-child(2n){background-color:#f6f8fa}:root{--primary-color: #24be58;--primary-hover: #21AF51;--primary-active: #1e9e48;--primary-bg: #f0fff2;--primary-bg-hover: #c9f2d1;--primary-border: #9ae6ab;--primary-border-hover: #6fd98b;--success-color: #52c41a;--warning-color: #faad14;--error-color: #ff4d4f;--info-color: #1677ff;--text-primary: #262626;--text-secondary: rgba(0, 0, 0, .65);--text-tertiary: rgba(0, 0, 0, .45);--text-quaternary: rgba(0, 0, 0, .25);--text-disabled: rgba(0, 0, 0, .25);--text-heading: #262626;--text-label: rgba(0, 0, 0, .65);--text-description: rgba(0, 0, 0, .45);--bg-white: #ffffff;--bg-gray: #f5f5f5;--bg-container: #ffffff;--bg-layout: #f5f5f5;--bg-elevated: #ffffff;--bg-mask: rgba(0, 0, 0, .45);--border-color: #d9d9d9;--border-light: #f0f0f0;--border-split: rgba(5, 5, 5, .06);--shadow-1: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--shadow-2: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--shadow-card: 0 1px 2px -2px rgba(0, 0, 0, .16), 0 3px 6px 0 rgba(0, 0, 0, .12), 0 5px 12px 4px rgba(0, 0, 0, .09);--border-radius: 4px;--border-radius-lg: 8px;--border-radius-sm: 4px;--border-radius-xs: 1px;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--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";--font-size: 14px;--font-size-sm: 12px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-heading-1: 38px;--font-size-heading-2: 30px;--font-size-heading-3: 24px;--font-size-heading-4: 20px;--font-size-heading-5: 16px;--line-height: 1.5714285714285714;--line-height-lg: 1.5;--line-height-sm: 1.6666666666666667;--control-height: 32px;--control-height-lg: 40px;--control-height-sm: 24px;--z-index-base: 0;--z-index-popup: 1000;--z-index-modal: 1000;--z-index-notification: 1010;--z-index-tooltip: 1060}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--text-primary);background-color:var(--bg-layout);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-gray);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}a{color:var(--primary-color);text-decoration:none;transition:color .3s}a:hover{color:var(--primary-hover)}a:active{color:var(--primary-active)}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:600;margin:0;padding:0}h1{font-size:var(--font-size-heading-1);line-height:1.2105263157894737}h2{font-size:var(--font-size-heading-2);line-height:1.2666666666666666}h3{font-size:var(--font-size-heading-3);line-height:1.3333333333333333}h4{font-size:var(--font-size-heading-4);line-height:1.4}h5{font-size:var(--font-size-heading-5);line-height:1.5}p{margin:0;padding:0}ul,ol{list-style:none;margin:0;padding:0}img{max-width:100%;height:auto;display:block}button{border:none;outline:none;cursor:pointer;background:transparent;font-family:inherit}input,textarea{font-family:inherit;font-size:inherit;line-height:inherit;outline:none}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-tertiary{color:var(--text-tertiary)!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}.hidden{display:none!important}.cursor-pointer{cursor:pointer}.page-container{padding:var(--spacing-lg);background:var(--bg-layout);min-height:100%}.content-container{max-width:1400px;margin:0 auto}.custom-card{background:var(--bg-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-card);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media (max-width: 768px){.page-container,.custom-card{padding:var(--spacing-md)}}@media (max-width: 480px){.page-container,.custom-card{padding:var(--spacing-sm)}}