.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.demo-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.demo-grid figure{margin:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff}
.demo-grid img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f8e6ed}
.demo-grid figcaption{padding:14px;font-size:14px;color:var(--muted)}
.demo-grid figcaption strong{display:block;color:var(--ink);font-size:16px;margin-bottom:5px}
.method{padding:22px;background:#f4edf9;border-radius:18px;margin:25px 0}
.method summary{font-weight:800;cursor:pointer}
.download-list{display:flex;flex-wrap:wrap;gap:16px;margin:24px 0}
.step-guide li{margin-bottom:20px}
.step-guide strong{display:block}
.demo-nav{display:flex;flex-wrap:wrap;gap:14px;margin:20px 0}
@media(max-width:600px){.demo-grid{grid-template-columns:1fr}.demo-grid.two{grid-template-columns:1fr}.demo-grid img{max-height:440px}}