:root{--toolchain-primary:#00d4ff;--toolchain-primary-light:#4facfe;--toolchain-primary-dark:#0099cc;--toolchain-secondary:#8b5cf6;--toolchain-secondary-light:#a78bfa;--toolchain-secondary-dark:#6d28d9;--toolchain-text-primary:#1f2937;--toolchain-text-secondary:#4b5563;--toolchain-text-muted:#6b7280;--toolchain-border:rgba(0, 0, 0, 0.1);--toolchain-card-bg:rgba(255, 255, 255, 0.85);--toolchain-card-border:rgba(0, 0, 0, 0.08);--toolchain-card-border-hover:rgba(0, 212, 255, 0.6);--toolchain-card-hover-bg:rgba(0, 212, 255, 0.08);--toolchain-section-alt-bg:rgba(0, 0, 0, 0.02);--toolchain-header-bg:linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.92));--toolchain-header-border:rgba(0, 212, 255, 0.3);--toolchain-header-bg-scrolled:linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));--toolchain-header-border-scrolled:rgba(0, 212, 255, 0.5);--toolchain-nav-link-hover-bg:rgba(0, 0, 0, 0.08);--toolchain-menu-toggle-bg:rgba(0, 0, 0, 0.08);--toolchain-mobile-bg:linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.96));--toolchain-logo-gradient:linear-gradient(135deg, #1f2937, #4b5563);--toolchain-heading-gradient:linear-gradient(135deg, #1f2937, #00d4ff);--toolchain-btn-bg:linear-gradient(135deg, #00d4ff, #0099cc);--toolchain-btn-hover-bg:linear-gradient(135deg, #33d6ff, #00aad4);--toolchain-btn-hover-border:#4facfe;--toolchain-footer-bg:#f3f4f6;--toolchain-footer-text:#6b7280;--toolchain-footer-link:#6b7280;--toolchain-footer-link-hover:#8b5cf6;--toolchain-footer-motto:#9ca3af;--toolchain-footer-divider:#e5e7eb;--toolchain-back-top-bg:linear-gradient(135deg, #00d4ff, #0099cc);--toolchain-particle-color:rgba(0, 212, 255, 0.15);--toolchain-body-bg:linear-gradient(135deg, #f5f7fa 0%, #eef2f6 50%, #e6e9f0 100%);}body.dark-mode{--toolchain-primary:#00d4ff;--toolchain-primary-light:#4facfe;--toolchain-primary-dark:#0099cc;--toolchain-secondary:#a78bfa;--toolchain-secondary-light:#c084fc;--toolchain-secondary-dark:#7c3aed;--toolchain-text-primary:#ffffff;--toolchain-text-secondary:rgba(255, 255, 255, 0.7);--toolchain-text-muted:rgba(255, 255, 255, 0.5);--toolchain-border:rgba(255, 255, 255, 0.1);--toolchain-card-bg:rgba(255, 255, 255, 0.05);--toolchain-card-border:rgba(255, 255, 255, 0.1);--toolchain-card-border-hover:rgba(0, 212, 255, 0.6);--toolchain-card-hover-bg:rgba(0, 212, 255, 0.08);--toolchain-section-alt-bg:rgba(255, 255, 255, 0.02);--toolchain-header-bg:linear-gradient(135deg, rgba(15, 12, 41, 0.85), rgba(48, 43, 99, 0.85));--toolchain-header-border:rgba(0, 212, 255, 0.3);--toolchain-header-bg-scrolled:linear-gradient(135deg, rgba(15, 12, 41, 0.95), rgba(48, 43, 99, 0.95));--toolchain-header-border-scrolled:rgba(0, 212, 255, 0.5);--toolchain-nav-link-hover-bg:rgba(255, 255, 255, 0.1);--toolchain-menu-toggle-bg:rgba(255, 255, 255, 0.08);--toolchain-mobile-bg:linear-gradient(135deg, rgba(15, 12, 41, 0.95), rgba(48, 43, 99, 0.95));--toolchain-logo-gradient:linear-gradient(135deg, #fff, rgba(255, 255, 255, 0.8));--toolchain-heading-gradient:linear-gradient(135deg, #ffffff, #00d4ff);--toolchain-btn-bg:linear-gradient(135deg, #00d4ff, #0099cc);--toolchain-btn-hover-bg:linear-gradient(135deg, #33d6ff, #00aad4);--toolchain-btn-hover-border:#4facfe;--toolchain-footer-bg:#111827;--toolchain-footer-text:#9ca3af;--toolchain-footer-link:#9ca3af;--toolchain-footer-link-hover:#a78bfa;--toolchain-footer-motto:#6b7280;--toolchain-footer-divider:#1f2937;--toolchain-back-top-bg:linear-gradient(135deg, #00d4ff, #0099cc);--toolchain-particle-color:rgba(0, 212, 255, 0.3);--toolchain-body-bg:linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', 'PingFang SC', 'Noto Sans CJK SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:16px;background:var(--toolchain-body-bg);color:var(--toolchain-text-primary);overflow-x:hidden;min-height:100vh;transition:background 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}html{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;}html::-webkit-scrollbar{display:none;}.toolchain-container{width:100%;max-width:100%;margin:0 auto;padding:0 1rem;}@media (min-width:1025px){.toolchain-container{max-width:1280px;}}.toolchain-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;}.toolchain-particle{position:absolute;background:var(--toolchain-particle-color);border-radius:50%;animation:toolchain-float linear infinite;}@keyframes toolchain-float{0%{transform:translateY(100vh) rotate(0deg);opacity:0;}10%{opacity:1;}90%{opacity:1;}100%{transform:translateY(-100vh) rotate(360deg);opacity:0;}}.toolchain-header{position:fixed;top:0;left:0;width:100%;z-index:50;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);background:var(--toolchain-header-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--toolchain-header-border);}.toolchain-header.scrolled{background:var(--toolchain-header-bg-scrolled);backdrop-filter:blur(16px);border-bottom-color:var(--toolchain-header-border-scrolled);}.toolchain-header-inner{display:flex;justify-content:space-between;align-items:center;padding:16px 0;}.toolchain-logo{display:flex;align-items:center;gap:12px;}.toolchain-logo-icon{width:clamp(1.75rem, 3vw, 2rem);height:clamp(1.75rem, 3vw, 2rem);}.toolchain-logo-icon img{width:100%;height:100%;object-fit:contain;}.toolchain-logo-text{font-size:clamp(16px, 2.6vw, 20px);font-weight:700;background:var(--toolchain-logo-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;}.toolchain-nav{display:none;}.toolchain-nav-link{padding:8px 20px;border-radius:9999px;font-size:clamp(12px, 1.8vw, 14px);font-weight:500;color:var(--toolchain-text-secondary);transition:all 0.3s ease;text-decoration:none;}.toolchain-nav-link:hover{color:var(--toolchain-text-primary);background:var(--toolchain-nav-link-hover-bg);}.toolchain-nav-link.active{background:linear-gradient(135deg, #00d4ff, #0099cc);color:#ffffff;}.toolchain-menu-toggle{display:flex;align-items:center;justify-content:center;width:clamp(2.25rem, 3.5vw, 2.5rem);height:clamp(2.25rem, 3.5vw, 2.5rem);border-radius:50%;background:var(--toolchain-menu-toggle-bg);border:none;cursor:pointer;transition:all 0.3s ease;}.toolchain-menu-toggle i{color:var(--toolchain-text-primary);font-size:20px;}.toolchain-mobile-menu{position:absolute;width:100%;left:0;top:100%;background:var(--toolchain-mobile-bg);backdrop-filter:blur(20px);border-top:1px solid var(--toolchain-header-border);padding:16px;display:flex;flex-direction:column;gap:8px;z-index:50;}.toolchain-mobile-menu.hidden{display:none;}.toolchain-mobile-link{padding:12px 16px;border-radius:12px;font-weight:500;color:var(--toolchain-text-secondary);text-decoration:none;transition:all 0.2s ease;}.toolchain-mobile-link:hover, .toolchain-mobile-link.active{background:rgba(0, 212, 255, 0.2);color:var(--toolchain-text-primary);}.toolchain-hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;z-index:1;padding:80px 0 40px;}.toolchain-hero-content{max-width:800px;margin:0 auto;}.toolchain-hero-title{font-size:clamp(3rem, 8vw, 5rem);font-weight:800;background:var(--toolchain-heading-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:16px;}.toolchain-hero-subtitle{font-size:clamp(1.25rem, 4vw, 1.5rem);color:var(--toolchain-text-primary);margin-bottom:16px;}.toolchain-hero-desc{font-size:clamp(0.9rem, 1.6vw, 1rem);color:var(--toolchain-text-muted);max-width:600px;margin:0 auto 32px;line-height:1.6;}.toolchain-hero-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--toolchain-btn-bg);border:1px solid transparent;border-radius:40px;color:white;font-weight:500;text-decoration:none;transition:all 0.3s ease;}.toolchain-hero-btn:hover{border-color:var(--toolchain-btn-hover-border);background:var(--toolchain-btn-hover-bg);}.toolchain-section{padding:60px 0;position:relative;z-index:1;}.toolchain-section-alt{background:var(--toolchain-section-alt-bg);}.toolchain-split{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;}.toolchain-split-reverse{direction:ltr;}.toolchain-split-reverse > *{direction:ltr;}.toolchain-split-content{text-align:center;}.toolchain-split-title{font-size:clamp(1.5rem, 4vw, 2rem);font-weight:700;background:var(--toolchain-heading-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:20px;}.toolchain-split-desc{font-size:clamp(0.9rem, 1.6vw, 1rem);line-height:1.7;color:var(--toolchain-text-secondary);}.toolchain-split-image{display:flex;justify-content:center;align-items:center;}.toolchain-screenshot{width:100%;max-width:500px;height:auto;border:1px solid rgba(0, 212, 255, 0.3);border-radius:24px;transition:border-color 0.3s ease, background 0.3s ease;}.toolchain-screenshot:hover{border-color:var(--toolchain-primary-light);}.toolchain-features{padding:80px 0;position:relative;z-index:1;}.toolchain-features-title{text-align:center;font-size:clamp(1.5rem, 4vw, 2rem);font-weight:700;background:var(--toolchain-heading-gradient);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:48px;}.toolchain-features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:24px;}.toolchain-feature-card{container-type:inline-size;background:var(--toolchain-card-bg);border:1px solid var(--toolchain-card-border);border-radius:24px;padding:32px 24px;text-align:center;transition:all 0.3s ease;}.toolchain-feature-card:hover{border-color:var(--toolchain-card-border-hover);background:var(--toolchain-card-hover-bg);}.toolchain-feature-icon{width:clamp(3rem, 5cqw, 3.5rem);height:clamp(3rem, 5cqw, 3.5rem);background:rgba(0, 212, 255, 0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;}.toolchain-feature-icon i{font-size:clamp(1.5rem, 2.6cqw, 1.75rem);color:#00d4ff;}.toolchain-feature-name{font-size:clamp(0.95rem, 1.8cqw, 1.125rem);font-weight:600;margin-bottom:8px;}.toolchain-feature-desc{font-size:clamp(0.78rem, 1.2cqw, 0.875rem);color:var(--toolchain-text-muted);line-height:1.5;}.toolchain-cta{padding:80px 0;position:relative;z-index:1;}.toolchain-cta-content{container-type:inline-size;text-align:center;background:linear-gradient(135deg, rgba(0, 212, 255, 0.1), rgba(0, 153, 204, 0.05));border-radius:48px;padding:40px 24px;border:1px solid rgba(0, 212, 255, 0.2);}.toolchain-cta-title{font-size:clamp(1.5rem, 3cqw, 2rem);font-weight:700;margin-bottom:12px;}.toolchain-cta-desc{color:var(--toolchain-text-muted);font-size:clamp(1rem, 1.6cqw, 1.125rem);margin-bottom:24px;}.toolchain-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 32px;background:var(--toolchain-btn-bg);border:1px solid transparent;border-radius:40px;color:white;font-weight:500;text-decoration:none;transition:all 0.3s ease;}.toolchain-cta-btn:hover{border-color:var(--toolchain-btn-hover-border);background:var(--toolchain-btn-hover-bg);}.toolchain-footer{background:var(--toolchain-footer-bg);margin-top:3rem;padding:1.25rem 0 0.75rem;position:relative;z-index:1;}@media (min-width:1025px){.toolchain-footer{padding:2rem 0 1rem;}}.toolchain-footer-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0.75rem 1.5rem;}@media (min-width:1025px){.toolchain-footer-inner{flex-wrap:nowrap;justify-content:space-between;gap:1rem;}}.toolchain-footer-links{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;}.toolchain-footer-links-desktop{display:none;}@media (min-width:1025px){.toolchain-footer-links-desktop{display:flex;}}.toolchain-footer-links-mobile{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;margin-top:1rem;}@media (min-width:1025px){.toolchain-footer-links-mobile{display:none;}}.toolchain-footer-link{color:var(--toolchain-footer-link);font-size:clamp(0.72rem, 1.4vw, 0.875rem);text-decoration:none;transition:color 0.2s ease;}.toolchain-footer-link:hover{color:var(--toolchain-footer-link-hover);}.toolchain-footer-nav{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;}.toolchain-footer-nav-link{color:var(--toolchain-footer-link);font-size:clamp(0.72rem, 1.4vw, 0.875rem);text-decoration:none;transition:color 0.2s ease;}.toolchain-footer-nav-link:hover{color:var(--toolchain-footer-link-hover);}.toolchain-footer-divider{border-top:1px solid var(--toolchain-footer-divider);margin:1rem 0 0;padding-top:0.75rem;}@media (min-width:1025px){.toolchain-footer-divider{margin-top:2rem;padding-top:1.5rem;}}.toolchain-footer-info{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0.5rem 1.25rem;text-align:center;}@media (min-width:1025px){.toolchain-footer-info{flex-wrap:nowrap;gap:1.5rem;}}.toolchain-footer-beian{display:flex;align-items:center;gap:0.5rem;}.toolchain-footer-beian a{font-size:clamp(12px, 2vw, 14px);}.toolchain-footer-beian-icon{width:clamp(0.85rem, 1vw, 1rem);height:clamp(0.85rem, 1vw, 1rem);}.toolchain-footer-text{color:var(--toolchain-footer-text);font-size:clamp(12px, 2vw, 14px);}.toolchain-footer-motto{display:none;text-align:center;color:var(--toolchain-footer-motto);font-size:clamp(11px, 1.8vw, 12px);margin-top:1rem;}@media (min-width:1025px){.toolchain-footer-motto{display:block;}}.toolchain-back-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--toolchain-back-top-bg);border:1px solid transparent;color:white;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:40;display:flex;align-items:center;justify-content:center;}.toolchain-back-top.visible{opacity:1;visibility:visible;}.toolchain-back-top:hover{border-color:var(--toolchain-primary-light);}.toolchain-demo-embed{padding:20px 0 60px 0;position:relative;z-index:1;}.toolchain-demo-iframe{width:100%;height:clamp(560px, 75vh, 750px);border-radius:20px;border:1px solid rgba(0, 212, 255, 0.35);background:#0a0a1a;transition:border-color 0.3s ease;}.toolchain-demo-iframe:hover{border-color:#00d4ff;}@media (min-width:1025px){.toolchain-section{padding:100px 0;}.toolchain-split{grid-template-columns:1fr 1fr;gap:60px;}.toolchain-split-reverse{direction:rtl;}.toolchain-split-content{text-align:left;}.toolchain-nav{display:flex;align-items:center;gap:8px;}.toolchain-menu-toggle{display:none;}.toolchain-cta-content{padding:60px 40px;}}