/* 教程文章导航：四列封面卡片，与场景能力保持同一内容宽度。 */
body.scene-body .scene-tutorial-section { padding:0 0 70px; background:#eff1f7; }
body.scene-body .scene-tutorial-section .scene-heading h2 { font-size:36px; line-height:47px; }
body.scene-body .scene-tutorial-section .scene-heading p { font-size:18px; line-height:26px; }
body.scene-body .scene-tutorial-section .scene-article-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; max-width:1200px; }
body.scene-body .scene-tutorial-section .scene-article-card { display:flex; flex-direction:column; align-items:stretch; min-width:0; min-height:0; padding:12px; border:0; border-radius:8px; background:#fff; }
body.scene-body .scene-tutorial-section .scene-article-thumb { display:block; flex:none; width:100%; height:auto; aspect-ratio:3 / 2; background:#d8d8d8; border-radius:2px; overflow:hidden; }
body.scene-body .scene-tutorial-section .scene-article-thumb img { width:100%; height:100%; object-fit:cover; }
body.scene-body .scene-tutorial-section .scene-article-copy { display:flex; flex:1; flex-direction:column; padding:12px 0 4px; }
body.scene-body .scene-tutorial-section .scene-article-title { order:0; }
body.scene-body .scene-tutorial-section .scene-article-tags { order:1; display:flex; flex-wrap:wrap; gap:4px; margin:8px 0 0; padding:0; }
body.scene-body .scene-tutorial-section .scene-article-tags small { max-width:100%; margin:0; padding:2px 6px; color:#697ab5; background:#e8f1ff; font-size:11px; line-height:16px; }
body.scene-body .scene-tutorial-section .scene-article-copy strong { padding:0; color:#343a40; font-size:16px; line-height:24px; }
body.scene-body .scene-tutorial-section .scene-article-link { position:static; align-self:flex-end; margin:0; padding:4px 14px; border:0; border-radius:18px; background:#2684ef; color:#fff; font-size:13px; font-weight:400; line-height:20px; }
@media(max-width:900px) {
 body.scene-body .scene-tutorial-section .scene-article-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:480px) {
 body.scene-body .scene-tutorial-section { padding:0 0 40px; }
 body.scene-body .scene-tutorial-section .scene-article-grid { gap:12px; }
 body.scene-body .scene-tutorial-section .scene-article-card { padding:8px; }
 body.scene-body .scene-tutorial-section .scene-article-copy strong { font-size:15px; line-height:22px; }
 body.scene-body .scene-tutorial-section .scene-article-tags { gap:3px; }
 body.scene-body .scene-tutorial-section .scene-article-tags small { padding:2px 4px; font-size:10px; }
}