#app{width:100%;min-height:100vh}:root{--primary: #FF5A2C;--primary-light: #FF7043;--primary-dark: #E64A19;--primary-rgb: 255, 90, 44;--bg: #FFFBF9;--bg-card: #FFFFFF;--text: #1A1A1A;--text-secondary: #666666;--text-light: #999999;--border: #EEEEEE;--shadow: rgba(0, 0, 0, .06);--avatar-shell: #0D1B2A;--avatar-eye: #6BB3FF;--avatar-eye-shadow: rgba(107,179,255,.8)}[data-theme=dark]{--primary: #FF8A65;--primary-light: #FF7043;--primary-dark: #E64A19;--primary-rgb: 255, 138, 101;--bg: #121212;--bg-card: #1E1E1E;--text: #E8E8E8;--text-secondary: #A0A0A0;--text-light: #666666;--border: #333333;--shadow: rgba(0, 0, 0, .3);--avatar-shell: #1F140E;--avatar-eye: #FFD7CA;--avatar-eye-shadow: rgba(255,160,120,.35)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Helvetica Neue,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .3s}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s;border:none;cursor:pointer;text-decoration:none}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(var(--primary-rgb),.45);background:var(--primary-light)}.logo-icon{width:54px;height:33px;background:var(--avatar-shell);border-radius:16px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff0d;overflow:visible;animation:logoFloat 3s ease-in-out infinite}.logo-icon:before{content:"";position:absolute;inset:0;border-radius:16px;background:radial-gradient(ellipse at 50% 40%,rgba(255,90,44,.22) 0%,rgba(255,90,44,.08) 42%,transparent 72%)}.logo-eyes{display:flex;gap:9px;align-items:center;position:relative;z-index:1}.logo-eye{width:11px;height:5px;border-radius:4px;background:var(--avatar-eye);box-shadow:0 0 4px var(--avatar-eye-shadow),0 0 8px #ff5a2c38;position:relative;animation:eyesBlink 4s ease-in-out infinite}.logo-eye:nth-child(2){animation-delay:0s;animation-name:eyesBlink}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes eyesBlink{0%,26%{transform:scaleY(1);opacity:1}28%{transform:scaleY(1);opacity:1}29%{transform:scaleY(.05);opacity:.3}31%{transform:scaleY(1);opacity:1}76%,78%{transform:scaleY(1)}79%{transform:scaleY(.05);opacity:.3}81%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:1}}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffbf9f2;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-inner{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text);text-decoration:none}.logo .logo-icon{width:40px;height:24px;animation:none}.logo .logo-eyes{gap:6px}.logo .logo-eye{width:8px;height:4px}.nav{display:flex;gap:2.5rem}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.9rem;transition:color .3s}.nav-link:hover{color:var(--primary)}.nav-actions{display:flex;gap:.75rem}.mobile-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;font-size:24px;color:var(--text)}.hero{min-height:100vh;display:flex;align-items:center;padding:8rem 2rem 4rem;position:relative;overflow:hidden}.hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{padding-left:2rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--primary-rgb),.12);border-radius:50px;font-size:.85rem;color:var(--primary);margin-bottom:1.5rem;font-weight:500}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.15;margin-bottom:1.5rem;color:var(--text)}.hero-title span{color:var(--primary)}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);max-width:500px;margin-bottom:2rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.hero-actions .btn{padding:.9rem 2rem;font-size:1rem}.chat-mockup{background:var(--bg-card);border-radius:20px;box-shadow:0 20px 60px var(--shadow),0 8px 20px #0000000a;padding:1.5rem;max-width:420px}.chat-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.chat-avatar .logo-icon{width:40px;height:24px;animation:none}.chat-avatar .logo-eyes{gap:6px}.chat-avatar .logo-eye{width:8px;height:4px}.chat-info h4{font-size:.95rem;font-weight:600}.chat-info span{font-size:.8rem;color:#10b981}.chat-messages{display:flex;flex-direction:column;gap:1rem}.chat-message{max-width:85%;padding:.9rem 1.1rem;border-radius:16px;font-size:.9rem;line-height:1.5}.chat-message.bot{background:#f5f5f5;border-bottom-left-radius:4px;align-self:flex-start}.chat-message.user{background:var(--primary);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chat-input{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);position:relative}.chat-input input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:24px;font-size:.9rem;outline:none;font-family:inherit}.chat-input input:focus{border-color:var(--primary)}.chat-input button{width:44px;height:44px;border-radius:50%;background:var(--primary);border:none;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.chat-input button:hover{transform:scale(1.05)}.chat-input .attach-btn{width:44px;height:44px;border-radius:50%;background:#f0f0f0;border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-secondary)}.chat-input .attach-btn:hover{background:#e0e0e0;color:var(--primary);transform:scale(1.05)}.chat-input .file-preview{display:none;margin-bottom:.75rem;padding:.75rem;background:#f8f8f8;border-radius:12px;border:1px dashed var(--border)}.chat-input .file-preview.active{display:flex;align-items:center;gap:.75rem}.chat-input .file-preview-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border-radius:8px;border:1px solid var(--border);max-width:200px}.chat-input .file-preview-item img{width:36px;height:36px;object-fit:cover;border-radius:6px}.chat-input .file-preview-item .file-info{flex:1;min-width:0}.chat-input .file-preview-item .file-name{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-input .file-preview-item .file-size{font-size:.7rem;color:var(--text-light)}.chat-input .file-preview-item .remove-file{cursor:pointer;color:var(--text-light);font-size:1.1rem;padding:.25rem}.chat-input .file-preview-item .remove-file:hover{color:#f44}.section{padding:6rem 2rem}.section-header{text-align:center;max-width:600px;margin:0 auto 4rem}.section-tag{display:inline-block;padding:.4rem .8rem;background:rgba(var(--primary-rgb),.12);border-radius:6px;font-size:.8rem;color:var(--primary);margin-bottom:1rem;font-weight:600}.section-title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text)}.section-subtitle{color:var(--text-secondary);font-size:1.05rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light));opacity:0;transition:opacity .3s}.feature-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 40px rgba(var(--primary-rgb),.15)}.feature-card:hover:before{opacity:1}.feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.feature-icon.chat{background:linear-gradient(135deg,#ff5a2c,#ff7043)}.feature-icon.music{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.feature-icon.video{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.feature-icon.drama{background:linear-gradient(135deg,#ec4899,#f472b6)}.feature-icon.agent{background:linear-gradient(135deg,#10b981,#34d399)}.feature-icon.claw{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.feature-icon.image{background:linear-gradient(135deg,#0ea5e9,#38bdf8)}.feature-icon.game{background:linear-gradient(135deg,#84cc16,#a3e635)}.feature-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.6rem;color:var(--text)}.feature-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.workspace{background:var(--bg)}.workspace-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.workspace-visual{order:2}.workspace-text{order:1}.workspace-text h2 span{color:var(--primary)}.workspace-list{display:flex;flex-direction:column;gap:1rem}.workspace-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border);transition:all .3s}.workspace-item:hover{border-color:var(--primary);transform:translate(8px)}.workspace-item-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.workspace-item-text h4{font-size:.95rem;font-weight:600;margin-bottom:.15rem}.workspace-item-text span{font-size:.8rem;color:var(--text-light)}.workspace-mockup{background:var(--bg-card);border-radius:20px;box-shadow:0 20px 60px var(--shadow);overflow:hidden}.workspace-header{background:linear-gradient(135deg,var(--primary),#FF7043);padding:1.5rem 2rem;color:#fff}.workspace-header h3{font-size:1.1rem;font-weight:600}.workspace-header p{font-size:.85rem;opacity:.9;margin-top:.25rem}.workspace-body{padding:1.5rem}.workspace-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.workspace-tool{background:var(--bg);border-radius:12px;padding:1.25rem;text-align:center;transition:all .3s}.workspace-tool:hover{background:rgba(var(--primary-rgb),.08)}.workspace-tool-icon{font-size:2rem;margin-bottom:.5rem}.workspace-tool h4{font-size:.85rem;font-weight:600;color:var(--text)}.workspace-tool span{font-size:.75rem;color:var(--text-light)}.team{background:var(--bg-card)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.team-card{background:var(--bg);border:1px solid var(--border);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:all .3s}.team-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 40px rgba(var(--primary-rgb),.12)}.team-avatar{width:72px;height:72px;margin:0 auto 1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem}.team-card:nth-child(1) .team-avatar{background:linear-gradient(135deg,#ff5a2c,#ff7043)}.team-card:nth-child(2) .team-avatar{background:linear-gradient(135deg,#10b981,#34d399)}.team-card:nth-child(3) .team-avatar{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.team-card:nth-child(4) .team-avatar{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.team-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.team-card p{color:var(--text-secondary);font-size:.85rem}.assistant{background:var(--bg)}.assistant-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.assistant-text h2 span{color:var(--primary)}.assistant-list{display:flex;flex-direction:column;gap:.75rem}.assistant-item{display:flex;align-items:center;gap:.75rem;color:var(--text);font-size:.95rem}.assistant-item:before{content:"✓";width:20px;height:20px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.assistant-visual{background:var(--bg-card);border-radius:20px;padding:2rem;box-shadow:0 20px 60px var(--shadow)}.assistant-card{background:var(--bg);border-radius:16px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;transition:all .3s}.assistant-card:last-child{margin-bottom:0}.assistant-card:hover{transform:translate(8px)}.assistant-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.assistant-card:nth-child(1) .assistant-card-icon{background:linear-gradient(135deg,#ff5a2c,#ff7043)}.assistant-card:nth-child(2) .assistant-card-icon{background:linear-gradient(135deg,#10b981,#34d399)}.assistant-card:nth-child(3) .assistant-card-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.assistant-card h4{font-size:1rem;font-weight:600;margin-bottom:.2rem}.assistant-card span{font-size:.8rem;color:var(--text-secondary)}.create{background:var(--bg-card)}.create-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.create-text h2 span{color:var(--primary)}.create-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.create-feature{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--text)}.create-feature:before{content:"✓";width:20px;height:20px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.downloads{background:var(--bg-card)}.downloads-content{display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem}.download-card{background:var(--bg);border-radius:16px;padding:0;text-align:center;border:1px solid var(--border);transition:all .3s;position:relative;overflow:hidden}.download-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px #0000001a}.download-card-badge{position:absolute;top:12px;right:-28px;background:var(--primary);color:#fff;font-size:.7rem;font-weight:600;padding:.3rem 2rem;transform:rotate(45deg)}.download-card-icon{padding:2.5rem 1.5rem 1.5rem;display:flex;justify-content:center}.download-card-icon svg{width:64px;height:64px}.download-card-info{padding:0 1.5rem 1.5rem}.download-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--text)}.download-card p{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.25rem}.download-card-btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s}.download-card-btn.primary{background:var(--primary);color:#fff}.download-card-btn.primary:hover{background:var(--primary-dark)}.download-card-btn.secondary{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border)}.download-card-btn.secondary:hover{border-color:var(--primary);color:var(--primary)}.phone-control{padding:6rem 2rem;background:var(--bg)}.phone-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.phone-control-desc{color:var(--text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.phone-control-features{display:flex;flex-direction:column;gap:1.5rem}.control-feature{display:flex;gap:1rem;align-items:flex-start}.control-feature-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),#FF7043);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.control-feature-text h4{font-size:1.1rem;font-weight:700;margin-bottom:.25rem;color:var(--text)}.control-feature-text p{color:var(--text-secondary);font-size:.9rem;margin:0}.phone-control-mockup{display:flex;align-items:flex-end;justify-content:center;gap:2rem;padding:2rem}.mockup-phone{width:180px;height:360px;background:#1a1a1a;border-radius:36px;padding:12px;box-shadow:0 25px 50px #00000040}.mockup-phone-screen{width:100%;height:100%;background:#fff;border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.mockup-app-header{background:var(--primary);color:#fff;padding:1rem;font-weight:600;text-align:center;font-size:.9rem}.mockup-app-content{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.mockup-task{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg);border-radius:12px}.mockup-task.completed{opacity:.6}.mockup-task-icon{font-size:1.5rem}.mockup-task-info{display:flex;flex-direction:column}.mockup-task-name{font-weight:600;font-size:.85rem}.mockup-task-status{font-size:.75rem;color:var(--primary)}.mockup-task.completed .mockup-task-status{color:#10b981}.mockup-pc{width:320px;background:#2d2d2d;border-radius:12px;padding:8px;box-shadow:0 25px 50px #00000040}.mockup-pc-screen{background:#1a1a1a;border-radius:8px;overflow:hidden}.mockup-pc-taskbar{height:24px;background:#333;display:flex;align-items:center;padding:0 8px;gap:4px}.mockup-pc-taskbar:before,.mockup-pc-taskbar:after{content:"";width:8px;height:8px;border-radius:50%;background:#555}.mockup-pc-content{padding:1rem}.mockup-pc-window{background:#252525;border-radius:8px;overflow:hidden}.mockup-window-header{background:#333;padding:.5rem .75rem;font-size:.75rem;color:#aaa}.mockup-window-body{padding:1rem;display:flex;align-items:center;gap:.75rem}.mockup-ai-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary),#FF7043);border-radius:50%;flex-shrink:0}.mockup-chat-bubble{background:#333;color:#fff;padding:.5rem .75rem;border-radius:8px;font-size:.75rem}.cta{padding:6rem 2rem;background:linear-gradient(135deg,var(--primary),#FF7043);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 60%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.cta-content{position:relative;z-index:1}.cta h2{font-size:2.5rem;color:#fff;margin-bottom:1rem;font-weight:800}.cta p{color:#fffffff2;font-size:1.15rem;margin-bottom:2.5rem}.cta .btn{padding:1rem 2.5rem;font-size:1.05rem;background:#fff;color:var(--primary);box-shadow:0 4px 20px #00000026}.cta .btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0003}.footer{padding:3rem 2rem;background:var(--text);color:#ffffffb3}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-logo{display:flex;align-items:center;gap:.75rem}.footer-logo-text{font-size:1.2rem;font-weight:700;color:#fff}.footer-logo .logo-icon{animation:none}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#ffffffb3;text-decoration:none;transition:color .3s;font-size:.85rem}.footer-links a:hover{color:#fff}.footer-copy{font-size:.85rem}.footer-icp{width:100%;text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}.footer-icp a{color:#ffffff80;text-decoration:none}.footer-icp a:hover{color:#fffc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeInUp .6s ease forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}@media(max-width:1024px){.hero-container,.workspace-content,.assistant-content,.create-content,.phone-control-grid{grid-template-columns:1fr;gap:3rem}.hero-content{padding-left:0;text-align:center}.hero-subtitle{max-width:100%}.hero-actions{justify-content:center}.workspace-visual,.assistant-visual{order:1}.workspace-text,.assistant-text{order:2}.features-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.create-features{grid-template-columns:1fr}.downloads-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav{display:none}.mobile-menu-btn{display:flex}.hero-title{font-size:2.5rem}.features-grid,.team-grid,.downloads-content{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}