|
208 | 208 | .playbook-cta { display: inline-block; padding: 10px 22px; background: var(--ink); color: #fff; border-radius: 100px; text-decoration: none; font-size: 13px; font-weight: 500; transition: opacity 0.15s; } |
209 | 209 | .playbook-cta:hover { opacity: 0.85; text-decoration: none; } |
210 | 210 |
|
211 | | -/* Ecosystem */ |
212 | | -.ecosystem { padding: 64px 24px; background: var(--canvas); } |
213 | | -.ecosystem-inner { max-width: 1100px; margin: 0 auto; } |
214 | | -.ecosystem h2 { text-align: center; font-size: 28px; font-weight: 600; letter-spacing: -1px; margin-bottom: 10px; } |
215 | | -.ecosystem .section-sub { text-align: center; font-size: 14px; color: var(--body); margin: 0 0 32px; line-height: 1.6; } |
216 | | -.eco-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } |
217 | | -.eco-card { background: var(--bg-card); border: 1px solid var(--border-soft); border-radius: var(--rounded-lg); padding: 28px 22px; transition: background 0.2s, box-shadow 0.2s, transform 0.2s; } |
218 | | -.eco-card:hover { background: var(--bg-card-hover); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.06); } |
219 | | -.eco-icon { font-size: 22px; margin-bottom: 14px; display: block; opacity: 0.8; } |
220 | | -.eco-card h3 { font-size: 14px; font-weight: 500; margin-bottom: 6px; letter-spacing: -0.2px; } |
221 | | -.eco-card p { font-size: 13px; color: var(--body); line-height: 1.6; margin-bottom: 12px; } |
222 | | -.eco-card a { color: var(--link); text-decoration: none; font-size: 12px; font-weight: 500; } |
223 | | -.eco-card a:hover { text-decoration: underline; } |
224 | | -.eco-tag { display: inline-block; font-size: 10px; font-weight: 600; letter-spacing: 0.6px; text-transform: uppercase; color: var(--mute); background: var(--canvas-soft-2); padding: 2px 8px; border-radius: var(--rounded-pill); margin-bottom: 10px; } |
225 | | - |
226 | 211 | /* Developer wall */ |
227 | 212 | .devwall { padding: 56px 24px 64px; background: var(--canvas-soft, #fafafa); border-bottom: 1px solid var(--hairline); } |
228 | 213 | .devwall-inner { max-width: 1100px; margin: 0 auto; } |
|
256 | 241 | /* Tablet */ |
257 | 242 | @media (max-width: 1024px) { |
258 | 243 | .playbook-grid { grid-template-columns: repeat(3, 1fr); } |
259 | | - .eco-grid { grid-template-columns: repeat(2, 1fr); } |
260 | | - .steps h2, .playbook-entry h2, .ecosystem h2, .devwall h2, .docs-section h2 { font-size: 24px; } |
| 244 | + .steps h2, .playbook-entry h2, .devwall h2, .docs-section h2 { font-size: 24px; } |
261 | 245 | .qwen-combo h2 { font-size: 28px; } |
262 | 246 | .qwen-combo-grid { gap: 30px; } |
263 | 247 | } |
|
278 | 262 | .hero { padding: 32px 24px 24px; min-height: 220px; } |
279 | 263 | .hero h1 { font-size: 28px; font-weight: 600; letter-spacing: -1px; } |
280 | 264 | .btn { height: 44px; padding: 0 24px; } |
281 | | - .steps-grid, .eco-grid { grid-template-columns: 1fr; } |
| 265 | + .steps-grid { grid-template-columns: 1fr; } |
282 | 266 | .docs-grid { grid-template-columns: 1fr; } |
283 | 267 | .playbook-grid { grid-template-columns: repeat(2, 1fr); } |
284 | 268 | .compat-strip { padding: 16px 18px; } |
@@ -482,56 +466,6 @@ <h2>不知道从哪开始?按岗位找你的能力样板 <span class="playbook |
482 | 466 | </div> |
483 | 467 | </section> |
484 | 468 |
|
485 | | -<section class="ecosystem"> |
486 | | - <div class="ecosystem-inner"> |
487 | | - <h2>生态全景</h2> |
488 | | - <p class="section-sub">从一行命令到桌面 Agent,再到云上编排 —— 三层工具链,把多模态 AI 能力组装成可交付的工作流。</p> |
489 | | - <div class="eco-grid"> |
490 | | - <div class="eco-card"> |
491 | | - <span class="eco-tag">命令行</span> |
492 | | - <span class="eco-icon">▶</span> |
493 | | - <h3>阿里云百炼 CLI</h3> |
494 | | - <p>Every AI capability, one command away. 一行命令调用文本、图像、视频、语音、RAG、搜索等全模态能力,为 AI Agent 设计的结构化工具。</p> |
495 | | - <a href="https://github.com/modelstudioai/cli" target="_blank">GitHub →</a> |
496 | | - |
497 | | - <a href="{{ site.bailian_cli_url }}" target="_blank">控制台 →</a> |
498 | | - </div> |
499 | | - <div class="eco-card"> |
500 | | - <span class="eco-tag">桌面 Agent</span> |
501 | | - <span class="eco-icon">🖥</span> |
502 | | - <h3>OpenWork</h3> |
503 | | - <p>开源桌面 AI Agent 工作空间,内置阿里云百炼 CLI,安装即用、无需额外配置。把 CLI 能力包装成可视化工作流。</p> |
504 | | - <a href="https://github.com/modelstudioai/openwork" target="_blank">GitHub →</a> |
505 | | - </div> |
506 | | - <div class="eco-card"> |
507 | | - <span class="eco-tag">云上编排</span> |
508 | | - <span class="eco-icon">☁</span> |
509 | | - <h3>OpenAgentPack</h3> |
510 | | - <p>用 Git + YAML 声明式管理云上 AI Agent 的 IaC 控制面,支持阿里云百炼、Qoder、Claude、火山引擎方舟等多平台。</p> |
511 | | - <a href="https://github.com/modelstudioai/OpenAgentPack" target="_blank">GitHub →</a> |
512 | | - </div> |
513 | | - <div class="eco-card"> |
514 | | - <span class="eco-tag">能力模块</span> |
515 | | - <span class="eco-icon">✦</span> |
516 | | - <h3>Agent Skills</h3> |
517 | | - <p>可复用的 AI 能力模块,覆盖图文、视频、代码、文档等场景。任何兼容 CLI/OpenWork 的环境均可加载运行。</p> |
518 | | - <a href="https://github.com/modelstudioai/skills" target="_blank">GitHub →</a> |
519 | | - |
520 | | - <a href="/skills/">精选列表 →</a> |
521 | | - </div> |
522 | | - <div class="eco-card"> |
523 | | - <span class="eco-tag">场景实践</span> |
524 | | - <span class="eco-icon">⚙</span> |
525 | | - <h3>场景方案</h3> |
526 | | - <p>从真实需求出发的 AI 应用实践——Prompt 模板、效果复现、最佳实践,逐步覆盖更多行业场景。</p> |
527 | | - <a href="https://github.com/modelstudioai/livetranslatedemo" target="_blank">Live Translate →</a> |
528 | | - |
529 | | - <a href="https://github.com/modelstudioai/awesome-happyhorse-prompts" target="_blank">HappyHorse Prompts →</a> |
530 | | - </div> |
531 | | - </div> |
532 | | - </div> |
533 | | -</section> |
534 | | - |
535 | 469 | <section class="docs-section"> |
536 | 470 | <h2>文档与资源</h2> |
537 | 471 | <div class="docs-grid"> |
|
0 commit comments