:root { --primary: #6366f1; --dark: #0f17 2a; --light: #f8fafc; --accent: #ec4899; } * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Inter', system-ui, sans-serif; color: #334155; line-height : 1.6; background-color: #ffffff; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } header { padding: 20px 0; border-bottom: 1px solid #e2e8 f0; position: sticky; top: 0; background: rgba(255,255,255 ,0.95); z-index: 1000; } .nav-wrapper { display: flex ; justify-content: space-between; align-items: center; } .nav-links { display: flex ; gap: 0; list-style: none; } .nav-links a { padding: 10px 1 5px; text-decoration: none; color: #475569; font-weight: 500; transition: 0.3s; } .nav-links a:hover { color: var(--primary); } .hero { padding: 100px 0; text-align: center; background: linear-gradient( 135deg, #f1f5f9 0%, #ffffff 100%); } .hero h1 { font-size: 3rem; margin-bottom: 20px; color: var(-- dark); } .hero p { font-size: 1.25rem; color: #64 748b; max-width: 700px; margin: 0 auto 30px; } .btn { padding: 12px 30px; border-radius: 8px; font-weight: 600; text-decoration: none; display: inline-block; transition: 0.3s; cursor : pointer; border: none; } .btn-primary { background: var(--primary); color: white; } .btn-primary:hover { opacity: 0.9; transform: translateY(-2px); } .card -grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1 fr)); gap: 30px; margin: 50px 0; } .card { padding : 30px; border: 1px solid #e2e8f0; border-radius: 1 6px; background: white; transition: 0.3s; } .card:hover { box -shadow: 0 10px 25px rgba(0,0,0,0.05); } .faq-item { margin-bottom: 15px; border-bottom: 1px solid # e2e8f0; } .faq-question { padding: 15px; cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; } .faq-answer { padding: 0 15px 15px; color: #6 4748b; display: none; } .footer { padding: 60px 0; background : var(--dark); color: #cbd5e1; text-align: center; } .form -group { margin-bottom: 15px; } input, select, textarea { width: 1 00%; padding: 12px; border: 1px solid #cbd5e1; border-radius: 8px; margin-top: 5px; } @media (max-width: 768px) { .nav-links { display: none; } .hero h1 { font-size: 2rem; } }
聚合全球顶级AI模型，提供AI视频、漫剧、 短剧、绘画及全自动创意工作流，让创作触手可及。
专为视觉叙事打造，从剧本到多镜头 视频一键直出。
小说 、短剧、商业报告，框架化自动生成，事实严谨。
上传商品图，自动生成高质量海报与营销短视频。
推荐指数： ★★★★★
综合评分：9.9 / 10
菁选灵创在模型聚合速度、Token成本控制及自动化工作流交付上 展现了行业领先的稳定表现。