*{box-sizing:border-box}
body{margin:0;background:#fff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.frame{position:relative;max-width:1920px;margin:0 auto;line-height:0}
.frame img{width:100%;height:auto;display:block}
.frame.mobile{display:none;max-width:480px}
.hs{position:absolute;display:block;cursor:pointer;border-radius:4px;transition:background .15s,outline-color .15s;outline:2px solid transparent}
.hs:hover,.hs:focus-visible{background:rgba(90,140,222,.18);outline-color:#5a8cde}
@media (max-width:767px){.frame.desktop{display:none}.frame.mobile{display:block}}
.demo-nav{position:fixed;z-index:10;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;align-items:center;
 background:rgba(20,30,50,.92);color:#fff;padding:6px 8px;border-radius:999px;font-size:13px;box-shadow:0 4px 16px rgba(0,0,0,.25);max-width:calc(100vw - 20px)}
.demo-nav a{color:#fff;text-decoration:none;padding:6px 14px;border-radius:999px}
.demo-nav a.on{background:#5a8cde}
.demo-nav .hint{opacity:.7;padding:0 10px 0 6px;font-size:12px}
@media (max-width:767px){.demo-nav .hint{display:none}}