.ashow{margin-top:6px;outline:none}.ashow__stage{display:flex;flex-direction:column;align-items:center;gap:34px}.ashow__frame{margin:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:14px}.ashow__caption{margin:0;max-width:38ch;text-align:center;color:var(--mute);font-size:14px;line-height:1.5}.ashow__bezel--phone{width:238px;max-width:100%;aspect-ratio:238/494;background:#05070a;border:9px solid #1a1e25;border-radius:36px;box-shadow:0 24px 60px #00000047,0 0 0 1px #333a45;overflow:hidden;position:relative;flex:none}.ashow__bezel--phone:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:96px;height:20px;background:#1a1e25;border-radius:0 0 13px 13px;z-index:2}.ashow__bezel--phone .ashow__pic{position:absolute;inset:0;display:block}.ashow__bezel--phone .ashow__pic img{width:100%;height:100%;object-fit:cover;display:block}.ashow__bezel--laptop{width:480px;max-width:100%;background:#12151a;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 60px #0000003d;overflow:hidden;flex:none}.ashow__bar{display:flex;align-items:center;gap:7px;padding:9px 12px;background:var(--ink-3);border-bottom:1px solid var(--line)}.ashow__bar i{width:9px;height:9px;border-radius:50%;background:#3a424e;display:block;flex:none}.ashow__url{margin-left:8px;font:500 11px/1 var(--mono);color:var(--mute);background:var(--ink);padding:5px 10px;border-radius:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ashow__bezel--laptop .ashow__pic img{width:100%;height:auto;display:block}.ashow__bezel--chip{width:220px;max-width:100%;background:#12151a;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 48px #00000042;overflow:hidden;flex:none}.ashow__bezel--chip .ashow__pic img{width:100%;height:auto;display:block}.ashow__controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px}.ashow__nav{width:38px;height:38px;flex:none;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--ink-2);color:var(--bone);cursor:pointer;transition:background .2s,border-color .2s}.ashow__nav:hover{background:var(--ink-3);border-color:var(--amber)}.ashow__nav:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.ashow__dots{display:flex;align-items:center;gap:9px}.ashow__dot{width:9px;height:9px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--ink-3);cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.ashow__dot:hover{border-color:var(--amber)}.ashow__dot:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.ashow__dot.is-on{background:var(--amber);border-color:var(--amber);transform:scale(1.2)}.ashow--js .ashow__stage{position:relative;min-height:540px}.ashow--js .ashow__frame{position:absolute;inset:0;justify-content:center;opacity:0;transform:translate(26px);transition:opacity .5s var(--ease),transform .5s var(--ease);pointer-events:none}.ashow--js .ashow__frame.is-active{position:relative;opacity:1;transform:translate(0);pointer-events:auto}.ashow--js .ashow__frame.is-prev{transform:translate(-26px)}@media(max-width:760px){.ashow--js .ashow__stage{min-height:500px}.ashow__bezel--laptop{width:100%}}@media(prefers-reduced-motion:reduce){.ashow--js .ashow__frame{transition:opacity .3s linear;transform:none}.ashow--js .ashow__frame.is-prev{transform:none}}