.home-intro-frame{position:relative;background:#101820;border-radius:14px;overflow:hidden}
.home-intro-open{display:block;width:100%;padding:0;border:0;background:#101820;cursor:pointer;color:#fff;position:relative}
.home-intro-open video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.home-intro-hint{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:30px;background:#000b;color:#fff;font-size:12px;pointer-events:none}
.home-intro-pause{position:absolute;right:12px;bottom:12px;padding:7px 10px;border:1px solid #ffffff80;border-radius:30px;background:#000b;color:#fff;cursor:pointer;font-size:12px}
.home-intro-dialog{border:0;padding:0;background:#0b1015;color:#fff;width:max-content;max-width:94vw;max-height:94dvh;border-radius:12px;overflow:hidden}
.home-intro-dialog::backdrop{background:#000d}
.home-intro-dialog video{display:block;max-width:94vw;max-height:84dvh;width:auto;height:auto;margin:auto}
.home-intro-close{display:block;margin:8px 8px 8px auto;padding:10px 18px;background:#fff;color:#111;border:0;border-radius:30px;cursor:pointer}
.home-intro-open:focus-visible,.home-intro-pause:focus-visible,.home-intro-close:focus-visible{outline:3px solid #56bcef;outline-offset:-3px}
@media(max-width:700px){.home-intro-open video{aspect-ratio:4/5}.home-intro-hint{font-size:11px;left:8px;bottom:8px}.home-intro-pause{right:8px;bottom:8px;font-size:11px}}