.landing-page{width:100%;overflow-x:hidden;background:#fff}.container{max-width:1440px;margin:0 auto;padding:0 32px}.hero-section{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:120px 0 80px}.hero-background{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:.95}.hero-particles{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 50%);animation:particlesMove 20s ease-in-out infinite}@keyframes particlesMove{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.05)}}.hero-content{position:relative;z-index:1;text-align:center;color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;font-size:14px;font-weight:500;margin-bottom:32px;border:1px solid rgba(255,255,255,.2);animation:fadeInUp .6s ease-out}.hero-title{font-size:64px!important;font-weight:800!important;line-height:1.2!important;margin-bottom:24px!important;color:#fff!important;animation:fadeInUp .8s ease-out}.gradient-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px!important;line-height:1.8!important;color:#ffffffe6!important;margin-bottom:48px!important;max-width:800px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease-out}.hero-actions{margin-bottom:80px;animation:fadeInUp 1.2s ease-out}.cta-button{height:56px!important;padding:0 40px!important;font-size:16px!important;font-weight:600!important;border-radius:12px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.cta-button.primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 8px 24px #3b82f666!important}.cta-button.primary:hover{transform:translateY(-2px)!important;box-shadow:0 12px 32px #3b82f680!important}.cta-button.secondary{background:#ffffff26!important;border:2px solid rgba(255,255,255,.3)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cta-button.secondary:hover{background:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-2px)!important}.cta-button.inverse{background:#fff!important;color:#3b82f6!important;border:none!important}.cta-button.inverse:hover{background:#f3f4f6!important;transform:translateY(-2px)!important}.cta-button.ghost{background:transparent!important;border:2px solid white!important;color:#fff!important}.cta-button.ghost:hover{background:#ffffff1a!important;transform:translateY(-2px)!important}.hero-stats{animation:fadeInUp 1.4s ease-out}.stat-item{text-align:center}.stat-value{font-size:48px;font-weight:800;font-family:Roboto Mono,monospace;color:#fff;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#fffc;font-weight:500}.features-section{padding:120px 0}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:48px!important;font-weight:800!important;margin-bottom:16px!important;color:#111827!important}.section-subtitle{font-size:18px!important;color:#6b7280!important}.feature-card{height:100%;border-radius:16px!important;padding:32px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid #f3f4f6!important}.feature-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 60px #0000001f!important}.feature-icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.feature-icon{font-size:32px;color:#fff}.feature-title{font-size:20px!important;font-weight:700!important;margin-bottom:12px!important;color:#111827!important}.feature-description{font-size:15px!important;color:#6b7280!important;line-height:1.8!important;margin-bottom:0!important}.providers-section{background:linear-gradient(135deg,#f9fafb,#fff);padding:120px 0}.providers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:80px}.provider-card{background:#fff;border-radius:16px;padding:32px;text-align:center;border:2px solid #f3f4f6;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.provider-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.provider-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.provider-name{font-size:18px!important;display:block}.tech-metrics{background:#fff;border-radius:20px;padding:48px 32px;box-shadow:0 8px 24px #0000000f}.metric-item{text-align:center}.metric-icon{font-size:32px;color:#3b82f6;margin-bottom:16px;display:block}.use-cases-section{padding:120px 0}.use-case-card{height:100%;border-radius:16px!important;padding:32px!important;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)!important;border:1px solid #f3f4f6!important}.use-case-card:hover{transform:translateY(-8px)!important;box-shadow:0 16px 48px #0000001a!important}.use-case-icon{font-size:64px;margin-bottom:24px;height:80px;display:flex;align-items:center;justify-content:center}.use-case-card h4{font-size:18px!important;font-weight:700!important;margin-bottom:12px!important;color:#111827!important}.use-case-card p{font-size:14px!important;color:#6b7280!important;line-height:1.8!important;margin-bottom:0!important}.pricing-cta-section{background:linear-gradient(135deg,#f9fafb,#fff);padding:120px 0}.pricing-cta-card{border-radius:24px!important;padding:64px!important;box-shadow:0 20px 60px #00000014!important}.benefit-item{display:flex;align-items:center;gap:12px}.benefit-icon{font-size:20px;color:#10b981}.benefit-item span{font-size:16px;color:#374151}.pricing-preview{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);padding:40px;border-radius:20px;text-align:center}.pricing-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.tier-item{background:#fff;padding:24px 16px;border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease}.tier-item.featured{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);transform:scale(1.05)}.tier-item h2{margin:8px 0!important}.final-cta-section{background:linear-gradient(135deg,#1e3a8a,#3b82f6);padding:120px 0;text-align:center}.final-cta-content{max-width:800px;margin:0 auto}.landing-footer{background:#111827;padding:80px 0 32px;color:#fff}.landing-footer a{color:#ffffffb3;transition:color .2s ease;display:block;margin-bottom:8px}.landing-footer a:hover{color:#3b82f6}.footer-bottom{margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 992px){.hero-title{font-size:48px!important}.section-header h2{font-size:36px!important}.pricing-tiers{grid-template-columns:1fr}.tier-item.featured{transform:scale(1)}.container{padding:0 24px}}@media (max-width: 768px){.hero-section{padding:80px 0 60px;min-height:80vh}.hero-title{font-size:36px!important}.hero-subtitle{font-size:16px!important}.stat-value{font-size:32px}.features-section,.providers-section,.use-cases-section,.pricing-cta-section,.final-cta-section{padding:80px 0}.section-header{margin-bottom:48px}.pricing-cta-card{padding:32px 24px!important}.providers-grid{grid-template-columns:repeat(2,1fr)}.container{padding:0 16px}}@media (prefers-color-scheme: dark){.landing-page{background:#0f0f0f}.section-header h2{color:#f9fafb!important}.section-subtitle{color:#9ca3af!important}.feature-card,.use-case-card,.provider-card{background:#1f1f1f!important;border-color:#374151!important}.feature-title,.use-case-card h4{color:#f9fafb!important}.feature-description,.use-case-card p{color:#9ca3af!important}.providers-section{background:linear-gradient(135deg,#111827,#1f1f1f)}.tech-metrics{background:#1f1f1f}.pricing-cta-section{background:linear-gradient(135deg,#111827,#1f1f1f)}.pricing-cta-card{background:#1f1f1f!important}.pricing-preview{background:linear-gradient(135deg,#374151,#4b5563)}.tier-item{background:#1f1f1f!important;border-color:#4b5563!important}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{width:100%;max-width:420px;padding:48px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d}.logo{text-align:center;margin-bottom:40px}@media (max-width: 576px){.login-box{padding:32px 24px;border-radius:12px}.logo-title{font-size:24px}.logo-icon{width:64px;height:64px}.logo-icon .anticon{font-size:36px!important}}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.register-box{width:100%;max-width:480px;padding:48px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d}.logo{text-align:center;margin-bottom:32px}.logo-icon{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 24px #667eea66}.logo-icon .anticon{color:#fff!important}.logo-title{margin:0 0 8px;font-size:28px;font-weight:700;color:#1f2937;letter-spacing:-.5px}.logo-subtitle{margin:0;font-size:14px;color:#6b7280;font-weight:400}@media (max-width: 576px){.register-box{padding:32px 24px;border-radius:12px}.logo-title{font-size:24px}.logo-icon{width:64px;height:64px}.logo-icon .anticon{font-size:36px!important}}:root{--primary: #4a6fa5;--secondary: #6b8cbc;--accent: #ff7e5f;--light: #f5f7fa;--dark: #2c3e50;--success: #2ecc71;--warning: #f39c12;--danger: #e74c3c;--acs-primary: #4361ee;--acs-secondary: #3a0ca3}.config-guide-page *{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.config-guide-page{background:linear-gradient(135deg,#f5f7fa,#e4edf5);color:#333;line-height:1.6;min-height:100vh}.config-guide-page .acs-header{background:linear-gradient(135deg,var(--acs-primary),var(--acs-secondary));color:#fff;padding:2.5rem 1rem;text-align:center;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.config-guide-page .acs-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.1"><path fill="white" d="M50 0 L100 50 L50 100 L0 50 Z"/></svg>');background-size:80px}.config-guide-page .acs-header h1{font-size:2.5rem;margin-bottom:.5rem;position:relative}.config-guide-page .acs-header p{font-size:1.2rem;opacity:.9;position:relative}.config-guide-page .container{max-width:1400px;margin:0 auto;padding:2rem 1rem}.config-guide-page .intro{text-align:center;margin-bottom:3rem;padding:2.5rem;background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;position:relative;border-left:5px solid var(--acs-primary)}.config-guide-page .intro:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80%;height:10px;background:#4361ee1a;border-radius:0 0 10px 10px}.config-guide-page .api-endpoints{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:3rem}.config-guide-page .endpoint-card{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 5px 15px #0000000d;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid var(--acs-primary)}.config-guide-page .endpoint-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.config-guide-page .endpoint-card h3{color:var(--acs-primary);margin-bottom:1rem;display:flex;align-items:center}.config-guide-page .endpoint-card h3 i{margin-right:10px}.config-guide-page .endpoint-card code{background:#f8f9fa;color:var(--acs-secondary);padding:.5rem;border-radius:5px;display:block;overflow-x:auto;font-size:.9rem;border-left:3px solid var(--acs-primary)}.config-guide-page .tool-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid #eee;padding-bottom:0}.config-guide-page .tool-tab{padding:1rem 2rem;cursor:pointer;border-bottom:4px solid transparent;transition:all .3s ease;font-size:1.1rem;font-weight:600;color:#666;background:#fff;border-radius:8px 8px 0 0;position:relative;bottom:-2px}.config-guide-page .tool-tab:hover{color:var(--acs-primary);background:#f8f9fa}.config-guide-page .tool-tab.active{color:var(--acs-primary);border-bottom:4px solid var(--acs-primary);background:#fff}.config-guide-page .tool-tab i{margin-right:8px}.config-guide-page .tool-content-wrapper{display:none}.config-guide-page .tool-content-wrapper.active{display:block;animation:fadeIn .3s ease-in}.config-guide-page .tool-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;margin-bottom:2rem}.config-guide-page .tool-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.config-guide-page .tool-header{padding:2rem;color:#fff;text-align:center;position:relative}.config-guide-page .tool-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:#ffffff4d}.config-guide-page .claude-header{background:linear-gradient(135deg,#d35400,#e67e22)}.config-guide-page .codex-header{background:linear-gradient(135deg,#2980b9,#3498db)}.config-guide-page .gemini-header{background:linear-gradient(135deg,#16a085,#1abc9c)}.config-guide-page .tool-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column}.config-guide-page .steps{margin:1.5rem 0;flex-grow:1}.config-guide-page .step{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px dashed #eee;position:relative;padding-left:2.5rem}.config-guide-page .step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.config-guide-page .step:before{content:"";position:absolute;left:0;top:.2rem;width:28px;height:28px;background-color:var(--acs-primary);border-radius:50%;color:#fff;text-align:center;line-height:28px;font-size:14px;font-weight:700}.config-guide-page .step:nth-child(1):before{content:"1"}.config-guide-page .step:nth-child(2):before{content:"2"}.config-guide-page .step:nth-child(3):before{content:"3"}.config-guide-page .step:nth-child(4):before{content:"4"}.config-guide-page .step-title{font-weight:600;color:var(--acs-primary);margin-bottom:1rem;display:flex;align-items:center;font-size:1.2rem}.config-guide-page .step-title i{margin-right:10px}.config-guide-page code{background:#2c3e50;color:#ecf0f1;padding:.3rem .6rem;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:1rem;display:inline-block;margin:.3rem 0}.config-guide-page pre{background:#2c3e50;color:#ecf0f1;padding:1.2rem;border-radius:8px;overflow-x:auto;margin:.8rem 0 1.2rem;font-size:1rem;line-height:1.5;border-left:4px solid var(--acs-primary)}.config-guide-page .note{background:#fff9e6;border-left:4px solid var(--warning);padding:1.2rem;margin:1.8rem 0;border-radius:0 8px 8px 0;display:flex;align-items:flex-start}.config-guide-page .note i{color:var(--warning);margin-right:12px;font-size:1.3rem;margin-top:.2rem}.config-guide-page .tip{background:#e8f6f3;border-left:4px solid var(--success);padding:1.2rem;margin:1.2rem 0;border-radius:0 8px 8px 0;display:flex;align-items:flex-start}.config-guide-page .tip i{color:var(--success);margin-right:12px;font-size:1.3rem;margin-top:.2rem}.config-guide-page .warning{background:#fdeaea;border-left:4px solid var(--danger);padding:1.2rem;margin:1.2rem 0;border-radius:0 8px 8px 0;display:flex;align-items:flex-start}.config-guide-page .warning i{color:var(--danger);margin-right:12px;font-size:1.3rem;margin-top:.2rem}.config-guide-page footer{text-align:center;padding:2.5rem;margin-top:3rem;background:var(--dark);color:#fff;border-radius:15px 15px 0 0;position:relative;overflow:hidden}.config-guide-page footer:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100" opacity="0.05"><path fill="white" d="M50 0 L100 50 L50 100 L0 50 Z"/></svg>');background-size:60px}.config-guide-page .acs-logo{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:#fff;position:relative}.config-guide-page .prerequisites{background:#fff;border-radius:10px;padding:1.8rem;margin-bottom:2rem;box-shadow:0 5px 15px #0000000d}.config-guide-page .prerequisites h2{color:var(--acs-primary);margin-bottom:1rem;display:flex;align-items:center;font-size:1.4rem}.config-guide-page .prerequisites h2 i{margin-right:12px}.config-guide-page .prerequisites ul{padding-left:1.8rem;font-size:1.05rem}.config-guide-page .prerequisites li{margin-bottom:.7rem}.config-guide-page .config-badge{display:inline-block;background:var(--acs-primary);color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.9rem;margin:.7rem 0;font-weight:700}.config-guide-page .step p{font-size:1.05rem;margin-bottom:.7rem}.config-guide-page .tool-header h2{font-size:1.8rem}.config-guide-page .tool-header p{font-size:1.1rem}.config-guide-page .os-tabs{display:flex;margin-bottom:1rem;border-bottom:1px solid #eee}.config-guide-page .os-tab{padding:.5rem 1rem;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.config-guide-page .os-tab:hover{background-color:#f5f7fa}.config-guide-page .os-tab.active{border-bottom:3px solid var(--acs-primary);color:var(--acs-primary);font-weight:700}.config-guide-page .os-content{display:none}.config-guide-page .os-content.active{display:block}.config-guide-page .windows-tip{background:#e3f2fd;border-left:4px solid #2196f3;padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0}@media (max-width: 768px){.config-guide-page .container{padding:1rem}.config-guide-page .acs-header h1{font-size:2rem}.config-guide-page .tool-tabs{flex-direction:column;gap:.5rem}.config-guide-page .tool-tab{padding:.8rem 1.5rem;border-bottom:none;border-left:4px solid transparent}.config-guide-page .tool-tab.active{border-bottom:none;border-left:4px solid var(--acs-primary)}}.config-guide-page .navigation-links{display:flex;gap:16px;margin:24px 0;padding:16px;background:#f0f5ff;border-radius:8px;border:1px solid #d6e4ff;transition:all .3s ease}.config-guide-page .navigation-links:hover{background:#e6f7ff;border-color:#91d5ff;box-shadow:0 2px 8px #1890ff26}.config-guide-page .navigation-links a{display:flex;align-items:center;font-size:14px;color:#1890ff;text-decoration:none;transition:all .3s ease}.config-guide-page .navigation-links a:hover{color:#0050b3}.config-guide-page .navigation-links i{margin-right:8px}[data-theme=dark] .config-guide-page .navigation-links{background:#1890ff1a;border-color:#1890ff4d}[data-theme=dark] .config-guide-page .navigation-links:hover{background:#1890ff26;border-color:#1890ff80}@media (max-width: 768px){.config-guide-page .navigation-links{flex-direction:column;gap:8px;margin:16px 0;padding:12px}.config-guide-page .navigation-links a{font-size:13px}}*{box-sizing:border-box}.pricing-plans-container{background:#fff;min-height:100vh}.package-card.current{border-color:#52c41a;border-width:3px;box-shadow:0 12px 40px #52c41a26}.package-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 18px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 4px 12px #2563eb4d,0 0 20px #2563eb66;white-space:nowrap}.package-badge.current-badge{background:linear-gradient(135deg,#52c41a,#389e0d);box-shadow:0 4px 12px #52c41a4d,0 0 20px #52c41a66}.package-features li:last-child{border-bottom:none}.subscribe-button{height:44px;border-radius:8px;font-weight:600;font-size:15px;transition:all .3s ease;border:none;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff}.subscribe-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d;background:linear-gradient(135deg,#1d4ed8,#0e7490)}.subscribe-button:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.cta-section{min-height:160px;padding:36px 60px;background:linear-gradient(135deg,#2563eb,#0891b2);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:32px;font-weight:700;color:#fff;margin-bottom:12px;text-shadow:0 4px 12px rgba(0,0,0,.2)}.cta-subtitle{font-size:15px;color:#ffffffe6;margin-bottom:20px}.cta-button{height:48px;padding:0 40px;font-size:16px;font-weight:700;border-radius:24px;background:#fff;color:#2563eb;border:none;box-shadow:0 8px 24px #00000026;transition:all .3s ease}.cta-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 12px 32px #00000040;background:#fff;color:#1d4ed8}.cta-contact{margin-top:16px;font-size:13px;color:#ffffffe6}.cta-contact span{margin-right:8px}.cta-contact a{color:#fff;text-decoration:underline;font-weight:600;transition:opacity .3s ease}.cta-contact a:hover{opacity:.8}@media (max-width: 1400px){.packages-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.packages-grid{grid-template-columns:repeat(2,1fr)}.highlights-section{padding:30px 40px;gap:16px}.packages-section{padding:40px}.cta-section{min-height:140px;padding:32px 40px}.logo{font-size:48px}.slogan{font-size:18px}.section-title{font-size:32px}.cta-title{font-size:28px}}@media (max-width: 768px){.packages-grid{grid-template-columns:1fr}.highlights-section{flex-direction:column;padding:30px 20px;gap:16px}.highlight-card{padding:24px 16px}.packages-section{padding:30px 20px}.cta-section{min-height:120px;padding:28px 20px}.header-section{height:160px}.logo{font-size:36px}.slogan{font-size:14px;padding:0 20px;text-align:center}.section-title{font-size:28px}.section-subtitle{font-size:14px}.cta-title{font-size:24px}.cta-subtitle{font-size:14px;margin-bottom:16px}.cta-button{height:44px;font-size:15px;padding:0 32px}.recommend-arrow{top:-35px;font-size:12px}.package-badge{font-size:11px;padding:5px 14px}.package-price{font-size:28px}.package-name{font-size:16px}}@media (max-width: 480px){.header-section{height:140px}.logo{font-size:28px}.slogan{font-size:12px}.highlight-icon{font-size:40px}.highlight-title{font-size:18px}.highlight-desc{font-size:13px}.section-title{font-size:24px}.package-card{padding:20px}}.screenshot-container{width:100%;margin:0 auto;background:#fff;min-height:100vh}.header-section{height:200px;background:linear-gradient(135deg,#1e3c72,#2a5298,#7e22ce);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;position:relative;overflow:hidden}.header-section:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);top:-400px;right:-200px}.logo{font-size:56px;font-weight:900;letter-spacing:2px;margin-bottom:12px;text-shadow:0 4px 20px rgba(0,0,0,.3);z-index:1}.slogan{font-size:22px;font-weight:500;opacity:.95;z-index:1}.highlights-section{min-height:280px;background:linear-gradient(180deg,#f7fafc,#fff);padding:40px 60px;display:flex;justify-content:space-between;align-items:stretch;gap:24px}.highlight-card{flex:1;background:#fff;border-radius:20px;padding:32px 20px;text-align:center;box-shadow:0 8px 30px #00000014;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.highlight-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #2563eb33;border-color:#2563eb4d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.highlight-card:nth-child(1) .highlight-icon{animation:pulse 2s ease-in-out infinite}.highlight-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2563eb,#0891b2)}.highlight-icon{font-size:52px;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.highlight-title{font-size:20px;font-weight:700;color:#2d3748;margin-bottom:8px}.highlight-desc{font-size:15px;color:#4a5568;line-height:1.6;font-weight:500}.packages-section{padding:50px 60px;background:#fff}.section-header{text-align:center;margin-bottom:32px}.section-title{font-size:36px;font-weight:700;background:linear-gradient(135deg,#2563eb,#0891b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.section-subtitle{font-size:16px;color:#4a5568;line-height:1.5;font-weight:500}.current-subscription-banner{background:linear-gradient(135deg,#2563eb0d,#0891b20d);border:2px solid #2563eb;border-radius:16px;padding:24px 32px;margin-bottom:32px;box-shadow:0 8px 30px #2563eb26}.current-sub-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.current-sub-badge{display:inline-block;padding:6px 18px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 4px 12px #2563eb4d}.current-sub-info{display:flex;align-items:center;gap:16px}.current-sub-name{font-size:20px;font-weight:700;color:#2d3748}.current-sub-status{font-size:14px;font-weight:600}.current-sub-details{display:flex;flex-wrap:wrap;gap:24px;padding-top:16px;border-top:1px solid rgba(37,99,235,.2)}.current-sub-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:13px;color:#718096}.detail-value{font-size:16px;font-weight:700;color:#2d3748}.packages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.package-card{background:#fff;border-radius:16px;padding:24px;border:2px solid #e2e8f0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.package-card:hover{transform:translateY(-5px);box-shadow:0 16px 50px #2563eb33;border-color:#2563eb}.package-card.featured{border-color:#2563eb;border-width:3px;box-shadow:0 12px 40px #2563eb26;background:linear-gradient(to bottom,#fff,#2563eb05)}.package-card.featured:hover{box-shadow:0 20px 60px #2563eb4d;transform:translateY(-8px) scale(1.02)}.package-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 18px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#2563eb,#0891b2);box-shadow:0 4px 12px #2563eb4d,0 0 20px #2563eb66}@keyframes glow{0%,to{box-shadow:0 4px 12px #2563eb4d,0 0 20px #2563eb66}50%{box-shadow:0 4px 12px #2563eb80,0 0 30px #2563eb99}}.package-card.featured .package-badge{animation:glow 2s ease-in-out infinite}.recommend-arrow{position:absolute;top:-45px;left:50%;transform:translate(-50%);font-size:14px;font-weight:700;color:#2563eb;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.1)}.package-name{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:12px;text-align:center}.package-price{font-size:32px;font-weight:900;color:#2563eb;text-align:center;margin-bottom:4px}.package-price-unit{font-size:14px;color:#718096;text-align:center;margin-bottom:16px}.package-features{list-style:none;flex-grow:1;font-size:13px;color:#4a5568;line-height:1.5;padding:0;margin:0 0 16px}.package-features li{padding:8px 0;display:flex;justify-content:space-between;border-bottom:1px solid #f7fafc}.feature-label{color:#718096}.feature-value{font-weight:700;color:#2d3748}.subscription-history-section{padding:50px 60px;background:linear-gradient(180deg,#fff,#f7fafc)}.history-table{overflow-x:auto;margin-top:30px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.history-table table{width:100%;border-collapse:collapse}.history-table thead{background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff}.history-table th{padding:16px 12px;font-size:15px;font-weight:700;text-align:left;border-bottom:2px solid #1e40af}.history-table td{padding:14px 12px;font-size:13px;color:#2d3748;border-bottom:1px solid #e2e8f0}.history-table tbody tr:hover{background:#f7fafc}.history-table tbody tr:last-child td{border-bottom:none}.sub-name{font-weight:600;color:#4a5568}.billing-cycle-tag{display:inline-block;padding:3px 10px;background:#2563eb;color:#fff;border-radius:12px;font-size:12px;font-weight:700}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700;color:#fff}.status-badge.status-active{background:linear-gradient(135deg,#10b981,#059669)}.status-badge.status-cancelled{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-badge.status-expired{background:linear-gradient(135deg,#6b7280,#4b5563)}.status-badge.status-pending{background:linear-gradient(135deg,#3b82f6,#2563eb)}.amount{font-weight:700;color:#2563eb;font-size:14px}.auto-renew-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700}.auto-renew-tag.enabled{background:#d1fae5;color:#065f46}.auto-renew-tag.disabled{background:#f3f4f6;color:#6b7280}.footer-section{min-height:140px;background:linear-gradient(135deg,#2563eb,#0891b2);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:30px 60px}.cta-button{padding:16px 48px!important;background:#fff!important;color:#2563eb!important;font-size:20px!important;font-weight:700!important;border-radius:50px!important;border:none!important;height:auto!important;cursor:pointer;box-shadow:0 8px 24px #0003;margin-bottom:12px;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d!important}.contact-info{font-size:14px;opacity:.9}@media (max-width: 1200px){.packages-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.header-section{height:160px;padding:20px}.logo{font-size:36px}.slogan{font-size:14px;text-align:center}.highlights-section{padding:30px 20px;flex-wrap:wrap}.highlight-card{flex:1 1 calc(50% - 12px);min-width:150px}.packages-section{padding:30px 20px}.packages-grid{grid-template-columns:1fr}.section-title{font-size:24px}.section-subtitle{font-size:14px}.current-subscription-banner{padding:16px 20px}.current-sub-details{flex-direction:column;gap:12px}.subscription-history-section{padding:30px 20px}.footer-section{padding:20px}.cta-button{font-size:16px!important;padding:12px 32px!important}.contact-info{font-size:12px;text-align:center}}@media (max-width: 480px){.highlight-card{flex:1 1 100%}.current-sub-header{flex-direction:column;align-items:flex-start}.highlight-icon{font-size:36px}.highlight-title{font-size:16px}.highlight-desc{font-size:13px}}.role-management-page{padding:24px;min-height:calc(100vh - 64px);background:#f0f2f5}.role-management-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.role-management-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.role-management-page .ant-badge{margin-left:8px}.role-management-page .ant-checkbox-group{width:100%}.role-management-page .ant-checkbox-wrapper{margin-right:0;padding:4px 0}.role-management-page .ant-tag{margin:4px 4px 4px 0}@media (max-width: 768px){.role-management-page{padding:16px}.role-management-page .ant-card-extra{flex-direction:column;align-items:flex-start;gap:8px}}.user-role-assignment-page{padding:24px;min-height:calc(100vh - 64px);background:#f0f2f5}.user-role-assignment-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.user-role-assignment-page .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.user-role-assignment-page .ant-drawer-body{padding:24px}.user-role-assignment-page .ant-list-item{padding:16px;border:1px solid #f0f0f0;border-radius:4px;margin-bottom:12px;background:#fafafa}.user-role-assignment-page .ant-collapse{background:#fff;border:1px solid #f0f0f0;border-radius:4px}.user-role-assignment-page .ant-collapse-item{border-bottom:1px solid #f0f0f0}.user-role-assignment-page .ant-collapse-header{padding:12px 16px}.user-role-assignment-page .ant-collapse-content-box{padding:16px}@media (max-width: 768px){.user-role-assignment-page{padding:16px}.user-role-assignment-page .ant-drawer{width:100%!important}}.plan-management-page{padding:24px}.plan-management-page .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000000f}.plan-management-page .ant-table-wrapper{margin-top:16px}.plan-preview-card{transition:all .3s ease}.plan-preview-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026!important}.plan-management-page .ant-btn-link{padding:0 4px}.plan-management-page .ant-table-cell{vertical-align:middle}@media screen and (max-width: 1200px){.plan-management-page{padding:16px}}@media screen and (max-width: 768px){.plan-management-page{padding:12px}.plan-management-page .ant-card-extra{flex-wrap:wrap;gap:8px}}.model-management{padding:24px}.model-management .ant-card{border-radius:8px}.model-management .ant-statistic-title{font-size:14px;color:#00000073}.model-management .ant-statistic-content{font-size:24px;font-weight:600}.model-management .ant-table-thead>tr>th{background:#fafafa;font-weight:600}.model-management .ant-tag{border-radius:4px}.pricing-management{padding:24px}.pricing-management .ant-card{box-shadow:0 1px 2px #0000000d}.pricing-management .ant-table-wrapper{margin-top:16px}.key-query-page{padding:24px;width:100%;min-height:100vh;background:var(--background-color, #f5f5f5)}.search-card{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.search-card .page-header h1{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.key-info-card,.quota-card,.stats-card,.usage-records-card{border-radius:8px;transition:all .3s ease;width:100%}.key-info-card:hover,.quota-card:hover{box-shadow:0 4px 12px #0000001f}.key-info-card,.quota-card{display:flex;flex-direction:column}.key-info-card .ant-card-body,.quota-card .ant-card-body{flex:1;display:flex;flex-direction:column}.stats-card{height:100%}.stats-card .ant-card-body{padding:20px}.stats-card .ant-statistic-title{font-size:14px;color:#8c8c8c;margin-bottom:8px}.stats-card .ant-statistic-content{display:flex;align-items:center}.usage-records-card{border-radius:8px}.usage-records-card .ant-table-wrapper{border-radius:8px;overflow:hidden}@media (max-width: 768px){.key-query-page{padding:16px}.search-card .page-header h1{font-size:22px}.search-card .page-header p{font-size:13px}.stats-card .ant-statistic-content-value{font-size:20px!important}.ant-table{font-size:12px}.ant-descriptions-item-label,.ant-descriptions-item-content{padding:8px 12px}}@media (min-width: 768px) and (max-width: 1024px){.key-query-page{padding:20px}}[data-theme=dark] .key-query-page{background:#141414}[data-theme=dark] .search-card,[data-theme=dark] .key-info-card,[data-theme=dark] .quota-card,[data-theme=dark] .stats-card,[data-theme=dark] .usage-records-card{background:#1f1f1f;border-color:#303030}[data-theme=dark] .search-card .page-header p{color:#8c8c8c}.key-query-page .ant-spin-container{transition:opacity .3s ease}.key-query-page .ant-spin-blur{opacity:.5;pointer-events:none}.key-query-page .ant-empty{background:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 8px #00000014}[data-theme=dark] .ant-empty{background:#1f1f1f}.search-card .ant-input-search .ant-input:focus,.search-card .ant-input-search .ant-input-focused{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.search-card .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;transition:all .3s ease}.search-card .ant-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.search-card .ant-btn-primary:active{transform:translateY(0)}.config-guide-link-container{margin-top:24px;padding:16px;text-align:center;background:#f0f5ff;border-radius:8px;border:1px solid #d6e4ff;transition:all .3s ease}.config-guide-link-container:hover{background:#e6f7ff;border-color:#91d5ff;box-shadow:0 2px 8px #1890ff26}.config-guide-link-container a{display:flex;align-items:center;justify-content:center;font-size:14px;color:#1890ff;text-decoration:none;transition:all .3s ease}.config-guide-link-container a:hover{color:#0050b3}.config-guide-link-container .anticon{margin-right:8px}[data-theme=dark] .config-guide-link-container{background:#1890ff1a;border-color:#1890ff4d}[data-theme=dark] .config-guide-link-container:hover{background:#1890ff26;border-color:#1890ff80}@media (max-width: 768px){.config-guide-link-container{margin-top:16px;padding:12px}.config-guide-link-container a{font-size:13px;flex-direction:column}.config-guide-link-container .anticon{margin-right:0;margin-bottom:4px}}.oauth-callback-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.oauth-callback-card{max-width:600px;width:100%;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.oauth-callback-content{padding:40px 20px;text-align:center}.provider-icon{width:80px;height:80px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px}.auth-code-section{margin-top:32px;margin-bottom:8px}.auth-code-box{display:flex;align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:12px;gap:12px;transition:all .3s ease}.auth-code-box:hover{border-color:#667eea;background:#fff}.auth-code-text{flex:1;font-size:14px;font-family:Courier New,monospace;word-break:break-all;color:#1f2937;background:transparent;padding:0;border:none}.copy-button{flex-shrink:0;color:#667eea;transition:all .3s ease}.copy-button:hover{color:#764ba2;background:#f3f4f6}.copy-button.copied{color:#10b981}.state-info{margin-top:16px;padding:8px;background:#f9fafb;border-radius:4px}@media (max-width: 768px){.oauth-callback-container{padding:16px}.oauth-callback-content{padding:24px 16px}.provider-icon{width:64px;height:64px}.provider-icon span{font-size:36px!important}.oauth-callback-content h2{font-size:24px!important}.auth-code-box{padding:12px}.auth-code-text{font-size:12px}}.oauth-callback-card{animation:fadeIn .5s ease-out}@keyframes checkAnimation{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.oauth-callback-content .anticon-check-circle{animation:checkAnimation .6s ease-out}.oauth-callback-content .anticon-loading{animation:spin 1s linear infinite}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.flex{display:flex}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.p-8{padding:8px}.p-16{padding:16px}.p-24{padding:24px}.ant-layout{min-height:100vh}.ant-card{border-radius:8px;box-shadow:0 1px 2px #00000008,0 1px 6px -1px #00000005,0 2px 4px #00000005}.ant-table-wrapper{border-radius:8px}@media (max-width: 768px){.ant-layout-sider{position:fixed!important;z-index:999}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.card-hover{transition:all var(--transition-normal) var(--easing-out);box-shadow:var(--shadow-sm);cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-hover:active{transform:translateY(-2px);box-shadow:var(--shadow-md)}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-normal) var(--easing-out),transform var(--transition-normal) var(--easing-out)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity var(--transition-normal) var(--easing-in),transform var(--transition-normal) var(--easing-in)}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html{scroll-behavior:smooth}:root{--color-primary: #3b82f6;--color-primary-light: #60a5fa;--color-primary-dark: #2563eb;--color-primary-hover: #60a5fa;--color-primary-active: #2563eb;--color-success: #10b981;--color-success-light: #34d399;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fbbf24;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #f87171;--color-error-dark: #dc2626;--color-info: #3b82f6;--color-info-light: #60a5fa;--color-info-dark: #2563eb;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-disabled: #d1d5db;--text-inverse: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-hover: #f9fafb;--bg-active: #f3f4f6;--border-primary: #e5e7eb;--border-secondary: #f3f4f6;--border-light: #f9fafb;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-xxl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--border-radius-none: 0;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-xxl: 24px;--border-radius-full: 9999px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-xxl: 24px;--font-size-xxxl: 30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--easing-linear: linear;--easing-in: cubic-bezier(.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-in-out: cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-blue: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-pink: linear-gradient(135deg, #ec4899 0%, #db2777 100%)}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-light: #93c5fd;--color-primary-dark: #3b82f6;--color-success: #34d399;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--text-disabled: #6b7280;--text-inverse: #111827;--bg-primary: #111827;--bg-secondary: #1f2937;--bg-tertiary: #374151;--bg-hover: #1f2937;--bg-active: #374151;--border-primary: #374151;--border-secondary: #1f2937;--border-light: #111827;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-xxl: 0 25px 50px -12px rgba(0, 0, 0, .5)}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--font-code: "Fira Code", "Monaco", "Courier New", monospace;--font-mono: "Roboto Mono", "Consolas", monospace}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}code,pre,.code,.ant-typography code{font-family:var(--font-code);font-variant-ligatures:common-ligatures}.stat-number,.number-display,.token-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}.api-key-display{font-family:var(--font-code);font-size:13px;letter-spacing:.5px;word-break:break-all}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}