.shot{background:var(--surface);box-shadow:0 0 0 1px var(--line), 0 50px 100px -30px var(--shadow-win), 0 20px 40px -20px var(--shadow-win2);border-radius:14px;margin:0;overflow:hidden}.shot-bar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.shot-bar i{background:var(--line);border-radius:50%;width:10px;height:10px}.shot-bar span{font:500 11px var(--f-b);color:var(--ink3);background:var(--bg);text-align:center;border-radius:99px;min-width:min(240px,50%);margin:0 auto;padding:3px 16px;transform:translate(-24px)}.shot-imgs{aspect-ratio:1920/1200;background:var(--bg)}.shot-img{width:100%;height:auto;display:block}.shot-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .shot-light{display:none}:root:not([data-theme=light]) .shot-dark{display:block}}:root[data-theme=dark] .shot-light{display:none}:root[data-theme=dark] .shot-dark{display:block}@media (max-width:600px){.shot{border-radius:10px}.shot-bar{height:26px;padding:0 10px}.shot-bar span{display:none}}