:root{--primary-color:#007aff;--primary-hover:#0056cc;--accent-green:#34c759;--accent-orange:#ff9500;--accent-purple:#af52de;--text-primary:#1d1d1f;--text-secondary:#515154;--text-muted:#86868b;--bg-page:#f5f5f7;--bg-card:#ffffff;--bg-disabled:#f2f2f7;--bg-footer:#1d1d1f;--fg-footer:#f5f5f7;--border:rgba(0, 0, 0, 0.05);--border-footer:#2d2d2d;--shadow-sm:0 4px 20px rgba(0, 0, 0, 0.08);--shadow-md:0 12px 40px rgba(0, 0, 0, 0.15);--radius:16px;--transition:all 0.3s ease}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;margin:0;padding:0;background-color:var(--bg-page);color:var(--text-primary)}img{max-width:100%}a{color:var(--primary-color);text-decoration:none}:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px;border-radius:4px}header{background:linear-gradient(135deg,#fff,#f0f0f0);color:#333;padding:20px 0;position:relative;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);z-index:10}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:15px 20px;position:relative;z-index:1}.logo-container{display:flex;align-items:center}.logo-container h1{font-size:1.8rem;margin:0;color:var(--primary-color)}.logo-container h1 a{color:inherit;text-decoration:none}.navigation{flex-grow:1;display:flex;justify-content:center}.nav-links{display:flex;list-style:none;padding:0;margin:0;gap:30px}.nav-links li a{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s;position:relative}.nav-links li a:hover{color:var(--primary-color)}.nav-links li a::after{content:'';position:absolute;width:0;height:2px;bottom:-5px;left:0;background-color:var(--primary-color);transition:width .3s}.nav-links li a:hover::after{width:100%}.header-actions{display:flex;align-items:center;gap:15px}.github-link{background-color:#24292e;color:#fff;padding:8px 16px;display:flex;align-items:center;gap:8px;border:none;border-radius:6px;cursor:pointer;transition:.3s;font-weight:500;white-space:nowrap}.github-link:hover{background-color:#1c2124;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.github-link img{transition:transform .3s}.github-link:hover img{transform:scale(1.1) rotate(5deg)}.blob{position:absolute;border-radius:50%;opacity:.2;mix-blend-mode:multiply;animation:15s ease-in-out infinite float}.blob:first-child{width:300px;height:300px;background-color:gold;top:20%;right:10%;animation-delay:0s}.blob:nth-child(2){width:200px;height:200px;background-color:#add8e6;bottom:20%;left:15%;animation-delay:5s}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.hero-section{background:linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%);padding:120px 0 80px;text-align:center;position:relative;overflow:hidden}.hero-content{max-width:980px;margin:0 auto;padding:0 40px;position:relative;z-index:2}.hero-title{font-size:4.5rem;font-weight:600;color:var(--text-primary);margin-bottom:24px;letter-spacing:-.02em;line-height:1.05}.hero-subtitle{font-size:1.75rem;font-weight:400;color:var(--text-muted);margin-bottom:40px;line-height:1.3;max-width:800px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:20px;justify-content:center;align-items:center;margin-top:40px}.cta-button{display:inline-flex;align-items:center;padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:.3s;border:none;cursor:pointer}.cta-button.primary{background:var(--primary-color);color:#fff}.cta-button.primary:hover{background:var(--primary-hover);transform:translateY(-2px)}.cta-button.secondary{background:rgba(0,122,255,.1);color:var(--primary-color);border:1px solid rgba(0,122,255,.3)}.cta-button.secondary:hover{background:rgba(0,122,255,.2);transform:translateY(-2px)}.section-container{max-width:1200px;margin:0 auto;padding:0 40px}.section-title{font-size:3rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:16px;letter-spacing:-.02em}.section-subtitle{font-size:1.25rem;color:var(--text-muted);text-align:center;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.section-content{max-width:1200px;margin:60px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.section-content h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:20px;letter-spacing:-.01em}.section-content p{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:0}.section-content ul{list-style:none;padding:0;margin:0}.section-content li{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:12px;padding-left:20px;position:relative}.section-content li::before{content:'•';color:var(--primary-color);font-weight:700;position:absolute;left:0;top:0}.features-detail .section-content>div,.use-cases .section-content>div{background:var(--bg-card);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);transition:.3s;border:1px solid var(--border)}.features-detail .section-content>div:hover,.use-cases .section-content>div:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.agents-section{padding:48px 0;background:var(--bg-page)}.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.agent-card{background:var(--bg-card);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);transition:.3s;border:1px solid var(--border)}.agent-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.agent-card.featured{border:2px solid var(--primary-color);position:relative}.agent-card.featured::before{content:"推荐";position:absolute;top:-12px;left:32px;background:var(--primary-color);color:#fff;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:500}.agent-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.agent-icon{width:48px;height:48px;border-radius:12px;padding:8px;background:rgba(0,122,255,.1)}.agent-status{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;background:var(--accent-green);color:#fff}.agent-status.coming-soon{background:var(--accent-orange)}.agent-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.agent-description{color:var(--text-muted);line-height:1.5;margin-bottom:20px}.agent-features{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.feature-tag{background:rgba(0,122,255,.1);color:var(--primary-color);padding:4px 12px;border-radius:16px;font-size:.85rem;font-weight:500}.agent-actions{display:flex;gap:12px}.btn-disabled,.btn-primary,.btn-secondary{padding:12px 20px;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;transition:.3s;border:none;cursor:pointer;flex:1;text-align:center}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:rgba(0,122,255,.1);color:var(--primary-color);border:1px solid rgba(0,122,255,.3)}.btn-secondary:hover{background:rgba(0,122,255,.2)}.btn-disabled{background:var(--bg-disabled);color:var(--text-muted);cursor:not-allowed}.about-section{padding:48px 0;background:var(--bg-card)}.about-content{display:grid;grid-template-columns:2fr 1fr;gap:60px;align-items:start}.about-text h3{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:40px 0 20px;letter-spacing:-.01em}.about-text h3:first-child{margin-top:0}.about-text p{font-size:1.1rem;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.about-text ul{list-style:none;padding:0;margin:20px 0}.about-text li{font-size:1.1rem;color:var(--text-muted);line-height:1.6;margin-bottom:12px;padding-left:20px;position:relative}.about-text li::before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.stats-container{display:flex;flex-direction:column;gap:30px}.stats-row{display:flex;gap:30px}.stats-row:first-child{justify-content:space-between}.stats-row:last-child{justify-content:center}.stat-item{text-align:center;padding:30px 20px;background:var(--bg-page);border-radius:var(--radius);transition:.3s;flex:1}.stat-item-full{width:calc(100% - 0px);max-width:calc(2 * (50% - 15px))}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:8px}.stat-label{font-size:1rem;color:var(--text-muted);font-weight:500}.features{padding:48px 0;background:var(--bg-card)}.features-container{max-width:1200px;margin:0 auto;padding:0 40px}.features-title{font-size:3rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:60px;letter-spacing:-.02em}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-top:40px}.feature-card{background:var(--bg-page);border-radius:var(--radius);padding:40px 32px;text-align:center;transition:.3s;border:1px solid var(--border)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-sm);background:var(--bg-card)}.feature-icon{width:80px;height:80px;margin:0 auto 30px;transition:.4s;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, .1))}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em}.feature-description{font-size:1.1rem;color:var(--text-muted);line-height:1.5;font-weight:400}.use-cases{padding:48px 0;background:var(--bg-page)}.features-detail{padding:48px 0;background:var(--bg-card)}footer{background:var(--bg-footer);color:var(--fg-footer);padding:60px 0 30px}.footer-container{max-width:1200px;margin:0 auto;padding:0 40px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-section h4{font-size:1.2rem;font-weight:600;color:var(--fg-footer);margin-bottom:20px}.footer-section p{color:var(--text-muted);line-height:1.5;margin-bottom:20px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:12px}.footer-section a{color:var(--text-muted);text-decoration:none;transition:color .3s}.footer-section a:hover{color:var(--primary-color)}.social-links{display:flex;gap:16px}.social-link{padding:8px 16px;background:rgba(0,122,255,.1);border-radius:8px;color:var(--primary-color)!important;font-size:.9rem;font-weight:500}.social-link:hover{background:rgba(0,122,255,.2)}.footer-bottom{border-top:1px solid var(--border-footer);padding-top:30px;text-align:center}.footer-bottom p{color:var(--text-muted);margin:8px 0;font-size:.9rem}.ai-notice-float{position:fixed;bottom:20px;right:20px;z-index:1000;max-width:300px;background-color:rgba(255,255,255,.95);border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:.3s;border-left:4px solid var(--primary-color);overflow:hidden}.ai-notice-float:hover{transform:translateY(-5px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.ai-notice-float .notice-inner{display:flex;align-items:center;padding:12px 15px;position:relative}.ai-notice-float .notice-icon{font-size:24px;margin-right:10px;color:var(--primary-color)}.ai-notice-float .notice-body{flex:1}.ai-notice-float .notice-title{display:block;font-size:14px;margin:0 0 2px;color:var(--primary-color)}.ai-notice-float .notice-text{margin:0;font-size:12px;color:#666;line-height:1.4}.onecode-page .qs-block{margin-bottom:40px}.onecode-page .qs-block:last-child{margin-bottom:0}.onecode-page .qs-block-title{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;letter-spacing:-.01em}.onecode-page .qs-grid{display:grid;grid-template-columns:1fr;gap:20px}.onecode-page .qs-card{width:100%}.onecode-page .qs-label{display:inline-block;font-size:.9rem;font-weight:500;color:var(--text-muted);margin-bottom:10px}.onecode-page .terminal{background:var(--bg-footer);border-radius:10px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.15)}.onecode-page .terminal-bar{display:flex;align-items:center;gap:7px;padding:10px 14px;background:#2d2d2f}.onecode-page .terminal-bar .dot{width:10px;height:10px;border-radius:50%}.onecode-page .terminal-bar .dot:first-child{background:#ff5f57}.onecode-page .terminal-bar .dot:nth-child(2){background:#ffbd2e}.onecode-page .terminal-bar .dot:nth-child(3){background:#28c840}.onecode-page .terminal-bar em{margin-left:auto;font-style:normal;font-size:.75rem;color:var(--text-muted);font-family:SFMono-Regular,Consolas,monospace}.onecode-page .terminal pre{margin:0;padding:16px 18px;font-size:.85rem;line-height:1.6;overflow-x:auto;color:var(--fg-footer)}.onecode-page .terminal code{font-family:SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;color:inherit}@media (max-width:992px){.navigation{flex-grow:0;flex-shrink:1;justify-content:flex-start}.nav-links{gap:20px}.nav-links li a{font-size:.9rem}}@media (max-width:768px){.hero-title{font-size:3rem}.hero-subtitle{font-size:1.4rem}.hero-actions{flex-direction:column;gap:16px}.cta-button{width:100%;justify-content:center}.header-container{flex-direction:column;gap:15px}.logo-container{margin-right:0}.navigation{order:2;width:100%;justify-content:flex-start}.nav-links{flex-wrap:wrap;justify-content:flex-start;gap:10px}.header-actions{order:3;width:100%;justify-content:space-between}.github-link{flex:1 1 auto;justify-content:center}.github-link img{margin-right:4px}.agents-grid,.features-grid{grid-template-columns:1fr;gap:20px}.about-content{grid-template-columns:1fr;gap:40px}.stats-container,.stats-row{gap:20px}.footer-content{grid-template-columns:1fr 1fr;gap:30px}.features-container,.footer-container,.hero-content,.section-container{padding:0 20px}}@media (max-width:480px){.hero-title{font-size:2.5rem}.features-title,.section-title{font-size:2.2rem}.stats-row{flex-direction:column}.stats-row:first-child,.stats-row:last-child{justify-content:center}.stat-item-full{max-width:100%}.footer-content{grid-template-columns:1fr;gap:30px}.social-links{flex-direction:column}.ai-notice-float{left:10px!important;right:10px!important;bottom:10px!important;max-width:none!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}