:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#818cf8;--color-accent:#06b6d4;--color-accent-dark:#0891b2;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-card:#fff;--bg-overlay:#00000080;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--border-focus:var(--color-primary);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}body.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--bg-overlay:#000c;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--border-primary:#334155;--border-secondary:#475569;--color-primary:#818cf8;--color-accent:#22d3ee;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}img{max-width:100%;height:auto}img.lazy{opacity:0;transition:opacity .3s}img.lazy.loaded{opacity:1}.gpu-accelerated{backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.smooth-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.content-visibility-auto{content-visibility:auto;contain-intrinsic-size:0 500px}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary)}.btn{font-size:var(--font-size-base);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;user-select:none;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{color:var(--text-primary);border:2px solid var(--border-primary);background:0 0}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f10d}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-tertiary)}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-lg{padding:.75rem 2rem;font-size:1.125rem}.btn-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}@media (width<=640px){.btn-group{flex-direction:column;width:100%}.btn-group .btn{justify-content:center;width:100%}}.btn.fuyun-gradient{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);color:var(--text-inverse);box-shadow:var(--shadow-md)}.btn.fuyun-gradient:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn.fuyun-outline{color:var(--text-primary);border:2px solid var(--border-primary);background:0 0}.btn.fuyun-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:#6366f10d}.gradient-text{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);-webkit-text-fill-color:transparent;background-clip:text}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-white{color:var(--text-inverse)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (width>=640px){.container{padding:0 2rem}}.section{padding:5rem 0}@media (width<=768px){.section{padding:3rem 0}}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-16{margin-top:4rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.mr-4{margin-right:1rem}.ml-4{margin-left:1rem}.mx-auto{margin-left:auto;margin-right:auto}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.block{display:block}.inline-flex{display:inline-flex}.flex{display:flex}.grid{display:grid}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.grid-2-cols{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.grid-3-cols{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1024px){.grid-3-cols{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-2-cols,.grid-3-cols{grid-template-columns:1fr}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-up{animation:.6s ease-out fadeInUp}.animate-fade-in-left{animation:.6s ease-out fadeInLeft}.animate-fade-in-right{animation:.6s ease-out fadeInRight}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}@media (width<=1023px){.lg\:hidden{display:none}}@media (width>=1024px){.lg\:block{display:block}.lg\:flex{display:flex}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{color:var(--text-primary);background:#6366f133}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media print{*{color:#000!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important}a,a:visited{text-decoration:underline}.no-print{display:none!important}}@media (prefers-contrast:high){:root{--border-primary:#000;--border-secondary:#000}body.dark{--border-primary:#fff;--border-secondary:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page-progress{z-index:9999;background:#6366f11a;width:100%;height:3px;position:fixed;top:0;left:0}.page-progress-bar{background:linear-gradient(90deg,var(--color-primary),var(--color-accent));width:0%;height:100%;transition:width .3s}.tech-grid{pointer-events:none;z-index:-1;opacity:.03;background-image:linear-gradient(#6366f11a 1px,#0000 1px),linear-gradient(90deg,#6366f11a 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:fixed;top:0;left:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.tech-node{background:var(--color-primary);opacity:.6;border-radius:50%;width:4px;height:4px;animation:3s ease-in-out infinite nodeFloat;position:absolute}@keyframes nodeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.particle{background:var(--color-accent);opacity:.4;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite particleFloat;position:absolute}@keyframes particleFloat{0%,to{transform:translate(0)}25%{transform:translate(10px,-10px)}50%{transform:translate(-5px,-20px)}75%{transform:translate(-10px,-10px)}}.tech-line{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.3;height:1px;animation:6s linear infinite lineMove;position:absolute}@keyframes lineMove{0%{transform:translate(-100%)}to{transform:translate(100vw)}}.header{backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);z-index:1000;transition:all var(--transition-normal);background:#fffffff2;position:fixed;top:0;left:0;right:0}body.dark .header{background:#0f172af2}.header-content{justify-content:space-between;align-items:center;max-width:1200px;min-height:3.5rem;margin:0 auto;padding:.75rem 1rem;display:flex}@media (width>=640px){.header-content{padding-left:2rem;padding-right:2rem}}.logo-container{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;display:flex}.header-logo-image{border-radius:.5rem;width:2rem;height:2rem}.nav-links{align-items:center;gap:2rem;display:none}@media (width>=1024px){.nav-links{display:flex}}.nav-links a{color:var(--text-secondary);transition:color var(--transition-fast);font-weight:500;position:relative}.nav-links a:hover{color:var(--color-primary)}.nav-links a:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-links a:hover:after{width:100%}.header-actions{align-items:center;gap:1rem;display:flex}.theme-toggle{background:var(--bg-secondary);width:2.5rem;height:2.5rem;color:var(--text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--color-primary)}.auth-buttons{align-items:center;gap:.75rem;display:none}@media (width>=1024px){.auth-buttons{display:flex}}.mobile-menu-toggle{width:2.5rem;height:2.5rem;color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}@media (width>=1024px){.mobile-menu-toggle{display:none}}@media (width<=1023px){.mobile-menu-toggle{display:flex}}.mobile-menu-toggle:hover{color:var(--color-primary)}.mobile-menu{background:var(--bg-card);border-left:1px solid var(--border-primary);z-index:1001;width:100vw;height:100vh;transition:right var(--transition-normal);position:fixed;top:0;right:-100%;overflow-y:auto}.mobile-menu.active{right:0}.mobile-menu-header{border-bottom:1px solid var(--border-primary);justify-content:space-between;align-items:center;padding:1rem;display:flex}.mobile-nav-links{padding:1rem}.mobile-nav-links a{color:var(--text-primary);border-bottom:1px solid var(--border-primary);transition:color var(--transition-fast);padding:.75rem 0;font-weight:500;display:block}.mobile-nav-links a:hover{color:var(--color-primary)}.mobile-auth-buttons{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.tech-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:2rem;align-items:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;animation:3s ease-in-out infinite badgeFloat;display:inline-flex;box-shadow:0 8px 25px #6366f14d}.tech-badge:hover{transform:translateY(-2px);box-shadow:0 12px 35px #6366f166}@keyframes badgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero .container{z-index:2;position:relative}.hero-header{text-align:left;z-index:3;justify-content:flex-start;align-items:center;margin-bottom:3rem;display:flex;position:relative}.hero-main-wrapper{align-items:flex-start;gap:3rem;max-width:1200px;margin:0 auto;display:flex}@media (width<=1024px){.hero-main-wrapper{flex-direction:column;align-items:center}}.hero-content{text-align:center;z-index:2;background:0 0;border-radius:1.5rem;flex:1;max-width:600px;padding:2rem 1rem;position:relative}@media (width<=1024px){.hero-content{max-width:800px;padding:1.5rem 1rem}}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:700;line-height:1.2}@media (width<=768px){.gradient-text{font-size:2.5rem}}.hero-description{color:var(--text-secondary);margin-bottom:32px;font-size:1.25rem;line-height:1.6}@media (width<=768px){.hero-description{font-size:1rem}}.feature-highlights{text-align:left;flex-direction:column;gap:16px;max-width:600px;margin:32px auto;padding:0;list-style:none;display:flex}.feature-highlight-item{align-items:center;gap:12px;display:flex}.feature-check-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}body.dark .feature-check-icon{color:#fff}.feature-highlight-item span{color:var(--text-primary);font-weight:500}.hero-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:16px;margin-top:40px;display:flex}.bullet-points{text-align:left;flex-direction:column;gap:1rem;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;display:flex}.bullet-point-item{align-items:center;gap:1rem;display:flex}.bullet-point-icon-wrapper{background:var(--color-success);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:flex}body.dark .bullet-point-icon-wrapper{color:#fff}.bullet-point-text{color:var(--text-secondary);font-size:1rem}.btn-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.workflow-section{margin-top:80px}.workflow-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;align-items:center;gap:1.5rem;max-width:400px;margin:0 auto;padding:2rem;display:flex}.workflow-step{border-radius:var(--radius-lg);align-items:center;gap:1rem;width:100%;padding:1rem;transition:all .3s;display:flex}.workflow-step.core-step{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;transform:scale(1.05)}.workflow-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.workflow-step:not(.core-step) .workflow-icon{background:var(--bg-secondary);color:var(--color-primary)}.workflow-step.core-step .workflow-icon{color:#fff;background:#fff3}.workflow-content{flex:1}.workflow-title{margin:0;font-size:1rem;font-weight:600}.workflow-subtitle{opacity:.8;margin:0;font-size:.875rem}.workflow-step.core-step .workflow-title,.workflow-step.core-step .workflow-subtitle,body:not(.dark) .workflow-step.core-step .workflow-title,body:not(.dark) .workflow-step.core-step .workflow-subtitle{color:#fff}.workflow-arrow{color:var(--text-secondary);opacity:.6;font-size:1.25rem}.hero-workflow-wrapper{flex:none;justify-content:center;margin-top:0;display:flex}@media (width<=1024px){.hero-workflow-wrapper{margin-top:4rem}}.hero-workflow-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:2rem;animation:4s ease-in-out infinite sway}@keyframes sway{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.hero-workflow-step{border-radius:var(--radius-lg);transition:all var(--transition-fast);align-items:center;gap:1rem;padding:1rem;display:flex}.hero-workflow-step.core-step{background:#6366f11a;border:1px solid #6366f133}.hero-workflow-icon{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}body:not(.dark) .hero-workflow-icon{color:#fff}.hero-workflow-step.core-step .hero-workflow-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.hero-workflow-text .title{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.hero-workflow-text .subtitle{font-size:var(--font-size-sm);color:var(--text-secondary)}.hero-workflow-arrow{color:var(--text-tertiary);justify-content:center;margin:.5rem 0;display:flex}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{color:var(--text-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}@media (width<=768px){.section-header h2{font-size:2rem}}.section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.feature-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);padding:2rem}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d;transform:translateY(-4px)}.feature-icon{width:4rem;height:4rem;color:var(--color-primary);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.5rem;display:flex}.feature-card h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.feature-card p{color:var(--text-secondary);line-height:1.6}.api-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden}.code-tabs{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);scrollbar-width:thin;scrollbar-color:var(--border-secondary)var(--bg-secondary);-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-x;display:flex;overflow-x:auto}.code-tabs::-webkit-scrollbar{height:4px}.code-tabs::-webkit-scrollbar-track{background:var(--bg-secondary)}.code-tabs::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:2px}.lang-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;min-width:fit-content;padding:1rem 1.5rem;display:flex}@media (width<=768px){.lang-tab{padding:.75rem 1rem;font-size:.875rem}.lang-tab i{font-size:.875rem}}@media (width<=480px){.lang-tab{padding:.5rem .75rem;font-size:.8rem}.lang-tab i{font-size:.8rem}}.lang-tab:hover{background:var(--bg-tertiary);color:var(--text-primary)}.lang-tab.active{background:var(--bg-card);color:var(--color-primary);border-bottom-color:var(--color-primary)}.code-block{background:var(--bg-card);position:relative}.code-content{display:none}.code-content.active{display:block}.code-content pre{scrollbar-width:thin;scrollbar-color:var(--border-secondary)var(--bg-card);background:0 0;margin:0;padding:2rem;overflow-x:auto}.code-content pre::-webkit-scrollbar{height:6px}.code-content pre::-webkit-scrollbar-track{background:var(--bg-card);border-radius:3px}.code-content pre::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.code-content pre::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}@media (width<=768px){.code-content pre{padding:1.5rem 1rem;font-size:.8rem}}@media (width<=480px){.code-content pre{padding:1rem .75rem;font-size:.75rem;line-height:1.4}}.code-block code{color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);background:#6366f10d;border:1px solid #6366f133;padding:.25rem .5rem;font-family:Fira Code,Monaco,Cascadia Code,JetBrains Mono,SF Mono,monospace;font-size:.875rem;line-height:1.6;box-shadow:0 1px 3px #0000000d}.code-block code:hover{background:#6366f114;border-color:#6366f14d;box-shadow:0 2px 6px #0000001a}@media (width<=768px){.code-block code{font-size:.8rem;line-height:1.5}}@media (width<=480px){.code-block code{font-size:.75rem;line-height:1.4}}.code-content pre{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-secondary)100%);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:inset 0 1px 3px #0000001a}.code-content pre code{letter-spacing:.025em;font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,SF Mono,monospace;font-size:.9rem;font-weight:400;line-height:1.7}body.dark .code-content pre{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border:1px solid #404040;box-shadow:inset 0 1px 3px #0000004d}.language-python .hljs-keyword,.language-javascript .hljs-keyword,.language-java .hljs-keyword,.language-go .hljs-keyword,.language-php .hljs-keyword,.language-csharp .hljs-keyword,.language-bash .hljs-keyword{color:#e73c7e;font-weight:600}.language-python .hljs-string,.language-javascript .hljs-string,.language-java .hljs-string,.language-go .hljs-string,.language-php .hljs-string,.language-csharp .hljs-string,.language-bash .hljs-string{color:#22863a;font-weight:500}.language-python .hljs-comment,.language-javascript .hljs-comment,.language-java .hljs-comment,.language-go .hljs-comment,.language-php .hljs-comment,.language-csharp .hljs-comment,.language-bash .hljs-comment{color:#6a737d;opacity:.8;font-style:italic}.language-python .hljs-number,.language-javascript .hljs-number,.language-java .hljs-number,.language-go .hljs-number,.language-php .hljs-number,.language-csharp .hljs-number{color:#005cc5;font-weight:600}.language-python .hljs-function,.language-javascript .hljs-function,.language-java .hljs-function,.language-go .hljs-function,.language-php .hljs-function,.language-csharp .hljs-function{color:#6f42c1;font-weight:600}.language-php .hljs-variable{color:#e36209;font-weight:500}.language-csharp .hljs-type,.language-java .hljs-type{color:#005cc5;font-weight:600}.language-python .hljs-built_in,.language-javascript .hljs-built_in,.language-java .hljs-built_in,.language-go .hljs-built_in,.language-php .hljs-built_in,.language-csharp .hljs-built_in{color:#0086b3;font-weight:500}.language-python .hljs-attr,.language-javascript .hljs-attr,.language-java .hljs-attr,.language-go .hljs-attr,.language-php .hljs-attr,.language-csharp .hljs-attr{color:#795da3;font-weight:500}body.dark .language-python .hljs-keyword,body.dark .language-javascript .hljs-keyword,body.dark .language-java .hljs-keyword,body.dark .language-go .hljs-keyword,body.dark .language-php .hljs-keyword,body.dark .language-csharp .hljs-keyword,body.dark .language-bash .hljs-keyword{color:#ff6b9d;font-weight:600}body.dark .language-python .hljs-string,body.dark .language-javascript .hljs-string,body.dark .language-java .hljs-string,body.dark .language-go .hljs-string,body.dark .language-php .hljs-string,body.dark .language-csharp .hljs-string,body.dark .language-bash .hljs-string{color:#7dd3fc;font-weight:500}body.dark .language-python .hljs-comment,body.dark .language-javascript .hljs-comment,body.dark .language-java .hljs-comment,body.dark .language-go .hljs-comment,body.dark .language-php .hljs-comment,body.dark .language-csharp .hljs-comment,body.dark .language-bash .hljs-comment{color:#8b949e;opacity:.8;font-style:italic}body.dark .language-python .hljs-number,body.dark .language-javascript .hljs-number,body.dark .language-java .hljs-number,body.dark .language-go .hljs-number,body.dark .language-php .hljs-number,body.dark .language-csharp .hljs-number{color:#fbbf24;font-weight:600}body.dark .language-python .hljs-function,body.dark .language-javascript .hljs-function,body.dark .language-java .hljs-function,body.dark .language-go .hljs-function,body.dark .language-php .hljs-function,body.dark .language-csharp .hljs-function{color:#c084fc;font-weight:600}body.dark .language-php .hljs-variable{color:#fb923c;font-weight:500}body.dark .language-csharp .hljs-type,body.dark .language-java .hljs-type{color:#60a5fa;font-weight:600}body.dark .language-python .hljs-built_in,body.dark .language-javascript .hljs-built_in,body.dark .language-java .hljs-built_in,body.dark .language-go .hljs-built_in,body.dark .language-php .hljs-built_in,body.dark .language-csharp .hljs-built_in{color:#34d399;font-weight:500}body.dark .language-python .hljs-attr,body.dark .language-javascript .hljs-attr,body.dark .language-java .hljs-attr,body.dark .language-go .hljs-attr,body.dark .language-php .hljs-attr,body.dark .language-csharp .hljs-attr{color:#a78bfa;font-weight:500}.copy-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex;position:absolute;top:1rem;right:1rem}.copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.api-info-grid{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:2rem;width:100%;max-width:100%;margin-top:3rem;display:grid;overflow:hidden}@media (width<=1024px){.api-info-grid{grid-template-columns:1fr;gap:1.5rem}}@media (width<=768px){.api-info-grid{grid-template-columns:1fr;gap:1rem;margin-top:2rem}}.info-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-sizing:border-box;word-wrap:break-word;word-break:break-word;flex-direction:column;justify-content:flex-start;width:100%;max-width:100%;padding:2rem;display:flex;overflow:hidden}@media (width<=768px){.info-card{padding:1.5rem}}@media (width<=480px){.info-card{padding:1rem}}.features-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:2rem;margin-top:3rem;display:grid}@media (width<=1200px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.features-grid{grid-template-columns:1fr}}.quick-start-block,.faq-block{grid-column:span 1}@media (width<=1200px){.quick-start-block,.faq-block{grid-column:span 1}}.advanced-examples{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%);border-radius:var(--radius-xl);border:1px solid var(--border-primary);margin-top:4rem;padding:3rem 0}.advanced-examples h3{text-align:center;color:var(--text-primary);justify-content:center;align-items:center;gap:.75rem;margin-bottom:3rem;font-size:2rem;font-weight:700;display:flex}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;padding:0 2rem;display:grid}@media (width<=768px){.examples-grid{grid-template-columns:1fr;padding:0 1rem}}.example-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);padding:2rem;position:relative;overflow:hidden}.example-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));height:4px;position:absolute;top:0;left:0;right:0}.example-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary);transform:translateY(-4px)}.example-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.example-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:var(--radius-lg);width:3rem;height:3rem;box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.example-header h4{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.example-description{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.example-code-block{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);position:relative;overflow:hidden}.example-code-block pre{background:0 0;margin:0;padding:1.5rem;font-size:.8rem;line-height:1.5;overflow-x:auto}.example-code-block code{color:var(--text-primary);font-family:Fira Code,Monaco,Cascadia Code,JetBrains Mono,monospace}.example-code-block pre::-webkit-scrollbar{height:6px}.example-code-block pre::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.example-code-block pre::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.example-code-block pre::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.api-key-info-section{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}@media (width<=768px){.api-key-info-section{grid-template-columns:1fr}}.api-key-block{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:2rem}.info-card h3,.api-key-block h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.info-text{font-size:var(--font-size-sm);color:var(--text-tertiary)}.api-url-list{flex-direction:column;gap:.75rem;width:100%;max-width:100%;margin:0;padding:0;list-style:none;display:flex}.api-url-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-sizing:border-box;align-items:center;gap:.75rem;width:100%;max-width:100%;padding:.75rem;display:flex;overflow:hidden}@media (width<=768px){.api-url-item{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.5rem}}@media (width<=480px){.api-url-item{gap:.25rem;padding:.5rem}}.url-label{white-space:nowrap;min-width:80px;font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0;font-weight:500;display:inline-block}@media (width<=768px){.url-label{width:100%;min-width:auto}}.api-url-code{font-family:Fira Code,monospace;font-size:var(--font-size-sm);color:var(--color-primary);word-break:break-all;overflow-wrap:break-word;background:0 0;border:none;flex:1;max-width:100%;padding:0}@media (width<=768px){.api-url-code{width:100%;font-size:.75rem}}.copy-url-btn{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.copy-url-btn:hover{background:var(--bg-tertiary);color:var(--color-primary)}.architecture-section{background:var(--bg-secondary);position:relative}.architecture-bg{background:radial-gradient(circle at 30% 20%,#6366f11a 0%,#0000 50%),radial-gradient(circle at 70% 80%,#06b6d41a 0%,#0000 50%);position:absolute;inset:0}.architecture-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}@media (width<=1024px){.architecture-grid{grid-template-columns:1fr}}.architecture-item{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;flex-direction:column;min-height:400px;padding:2rem;display:flex;position:relative;overflow:hidden}.architecture-item:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));height:4px;position:absolute;top:0;left:0;right:0}.architecture-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:4rem;height:4rem;margin:0 auto 1.5rem;font-size:1.5rem;display:flex}.architecture-item h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.architecture-features{flex-direction:column;flex:1;justify-content:flex-start;display:flex}.architecture-feature{text-align:left;align-items:center;gap:1rem;min-height:80px;margin-bottom:1.5rem;display:flex}.feature-icon-wrapper{width:2rem;height:2rem;color:var(--color-primary);background:#6366f11a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-icon-small{font-size:.875rem}.feature-content h4{color:var(--text-primary);margin-bottom:.5rem;font-size:1rem;font-weight:600}.feature-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.architecture-node{background:var(--color-primary);opacity:.6;border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite nodeFloat;position:absolute}.advantages-section{background:linear-gradient(135deg,var(--bg-primary)0%,var(--bg-secondary)100%);padding:80px 0}.advantages-section .section-header{text-align:center;margin-bottom:60px}.advantages-section .section-header h2{color:var(--text-primary);margin-bottom:16px;font-size:2.5rem;font-weight:700}.advantages-section .section-header p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem}.advantages-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem;display:grid}@media (width>=768px){.advantages-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.advantages-grid{grid-template-columns:repeat(3,1fr)}}.feature-item{background:var(--bg-card);border:1px solid var(--border-primary);text-align:center;border-radius:16px;height:100%;padding:32px 24px;transition:all .3s}.feature-item:hover{border-color:var(--color-primary);transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.feature-item h3{color:var(--text-primary);margin-bottom:16px;font-size:1.25rem;font-weight:600}.feature-item p{color:var(--text-secondary);line-height:1.6}.enterprise-features{grid-template-columns:1fr;align-items:start;gap:3rem;margin-top:4rem;display:grid}@media (width>=1024px){.enterprise-features{grid-template-columns:1fr 1fr}}.features-detail h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:2rem;font-weight:700}.features-list{flex-direction:column;gap:1rem;display:flex}.feature-detail{align-items:flex-start;gap:1rem;display:flex}.feature-detail dt{align-items:center;gap:.75rem;min-width:140px;margin-bottom:.5rem;font-weight:600;display:flex}.feature-detail dd{color:var(--text-secondary);margin:0;line-height:1.6}.stat-card{background:var(--bg-card);border:1px solid rgba(var(--primary-rgb),.2);text-align:center;border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.stat-number{color:var(--color-primary);margin-bottom:.5rem;font-size:1.875rem;font-weight:700;display:block}.stat-label{color:var(--text-secondary);font-size:.875rem}.feature-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:24px;display:flex}body.dark .feature-icon{color:#fff}.feature-icon-small{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}body.dark .feature-icon-small{color:#fff}.feature-icon-wrapper{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-icon-wrapper .feature-icon-small{color:#fff;background:0 0;border-radius:0;width:auto;height:auto;font-size:20px}body.dark .feature-icon-wrapper .feature-icon-small{color:#fff}.stats-section{background:var(--bg-secondary)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}@media (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-fast);padding:2rem}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-value{color:var(--color-primary);margin-bottom:.5rem;font-size:2.5rem;font-weight:700;display:block}.stat-card p{color:var(--text-secondary);font-weight:500}.models-section{background:var(--bg-primary)}.models-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.models-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.models-grid{grid-template-columns:1fr}}.model-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);overflow:hidden}.model-card:hover{box-shadow:var(--shadow-lg);border-color:#6366f14d;transform:translateY(-4px)}.clickable-card{color:inherit;padding:1.5rem;text-decoration:none;display:block}.header-content{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.model-logo{border-radius:var(--radius-md);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;overflow:hidden}.model-card h3{color:var(--text-primary);font-size:1.125rem;font-weight:600}.model-card p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.response-tag{color:var(--color-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:#6366f11a;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.cta-section{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);color:#fff}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}@media (width<=768px){.cta-content h2{font-size:2rem}}.cta-content p{opacity:.9;margin-bottom:2rem;font-size:1.125rem}.contact-section{background:var(--bg-secondary)}.contact-methods-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem;display:grid}@media (width<=1024px){.contact-methods-grid{grid-template-columns:1fr}}.quick-faq-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}@media (width<=1024px){.quick-faq-grid{grid-template-columns:1fr}}.quick-start-block{background:var(--bg-card)}.quick-start-step-item{border-bottom:1px solid var(--border-primary);align-items:center;gap:1rem;padding:1rem 0;display:flex}.quick-start-step-item:last-child{border-bottom:none}.step-number-circle{background:var(--color-primary);color:#fff;width:2rem;height:2rem;font-weight:600;font-size:var(--font-size-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-content-icon{color:var(--color-success);margin-right:.5rem}.step-content h4{color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.step-content p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5}.faq-block{background:var(--bg-card)}.faq-block details{border-bottom:1px solid var(--border-primary);padding:1rem 0}.faq-block details:last-child{border-bottom:none}.faq-block summary{cursor:pointer;color:var(--text-primary);align-items:center;gap:.75rem;font-weight:600;list-style:none;display:flex}.faq-block summary::-webkit-details-marker{display:none}.summary-icon{color:var(--color-primary)}.faq-block details p{color:var(--text-secondary);margin-top:1rem;padding-left:2rem;line-height:1.6}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:3rem 0 1rem}.footer-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:2rem;display:grid}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.footer-grid{grid-template-columns:1fr}}.footer-col h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.5rem}.footer-col a{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;display:flex}.footer-col a:hover{color:var(--color-primary)}.footer-col-logo-image{border-radius:.5rem;width:2rem;height:2rem}.footer-payment-methods{margin-top:1.5rem}.payment-icons{gap:1rem;margin-top:.75rem;display:flex}.payment-icons i{color:var(--text-tertiary);transition:color var(--transition-fast);font-size:1.5rem}.payment-icons i:hover{color:var(--color-primary)}.footer-bottom{text-align:center;border-top:1px solid var(--border-primary);color:var(--text-secondary);font-size:var(--font-size-sm);padding-top:2rem}.footer-bottom a{color:var(--color-primary);text-decoration:none}.footer-bottom a:hover{text-decoration:underline}.qrcode-popup{background:var(--bg-overlay);z-index:2000;opacity:0;visibility:hidden;transition:all var(--transition-normal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qrcode-popup.active{opacity:1;visibility:visible}.qrcode-content{background:var(--bg-card);border-radius:var(--radius-xl);text-align:center;width:90%;max-width:400px;transition:transform var(--transition-normal);padding:2rem;transform:scale(.9)}.qrcode-popup.active .qrcode-content{transform:scale(1)}.qrcode-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.qrcode-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600}.close-popup{width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.close-popup:hover{background:var(--bg-secondary);color:var(--text-primary)}.qrcode-image{border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:200px;height:200px;margin:0 auto 1rem}.qrcode-info{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:1.5rem}.qrcode-actions{justify-content:center;gap:1rem;display:flex}.qrcode-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.qrcode-btn:hover{background:var(--bg-tertiary);border-color:var(--color-primary);color:var(--color-primary)}@media (width<=768px){.hero{padding-top:6rem;padding-bottom:4rem}.bullet-points{text-align:center}.hero-workflow-wrapper{margin-top:2rem}.hero-workflow-container{padding:1.5rem}.btn-group{flex-direction:column;align-items:stretch}.btn{justify-content:center}}body{transition:background-color var(--transition-normal),color var(--transition-normal)}*{transition:border-color var(--transition-fast),background-color var(--transition-fast)}#app{flex-direction:column;min-height:100vh;display:flex}