/* 动图页统一外壳：顶部返回栏 + 响应式缩放（不改交互逻辑） */
.demo-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#1565c0;color:#fff;margin:-16px -16px 12px;padding:8px 16px;font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-size:14px}
.demo-bar a{color:#fff;text-decoration:none;background:rgba(255,255,255,.16);padding:2px 10px;border-radius:5px}
.demo-bar a:hover{background:rgba(255,255,255,.3)}
.demo-bar b{margin-right:auto}
html.in-frame .demo-bar{display:none}
body svg,body canvas{max-width:100%;height:auto}
input[type=range]{max-width:62vw}
@media (max-width:720px){
  body{margin:10px!important}
  .demo-bar{margin:-10px -10px 10px}
  .ctrl label,.ctl label,.row label{display:block!important;width:auto!important}
}