:root{color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070b13;color:#fff;font-family:Arial,"PingFang SC",sans-serif}main{padding-bottom:90px}.page{margin:0;position:relative;width:100%;line-height:0}.page>img,.page>video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#070b13}.page figcaption{position:absolute;left:4%;bottom:6%;z-index:2;max-width:min(720px,80%);padding:14px 18px;border:1px solid #ffffff35;border-radius:8px;background:#080d17d9;backdrop-filter:blur(12px);font-size:clamp(15px,1.25vw,22px);line-height:1.65;white-space:pre-wrap}.hotspot{position:absolute;display:block;z-index:3;border-radius:clamp(3px,1.8vw,28px);outline:1px solid transparent;outline-offset:-1px;transition:background .18s,outline-color .18s}.hotspot:hover{background:#93d9ff12;outline-color:#a3dfff99}.hotspot:focus-visible{outline:3px solid #a3dfff;outline-offset:-3px;background:#93d9ff20}.toolbar{position:fixed;z-index:10;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px;background:#10141eed;border:1px solid #ffffff32;border-radius:40px;box-shadow:0 6px 30px #0007;backdrop-filter:blur(18px);white-space:nowrap}.toolbar[hidden]{display:none}button,select{font:inherit;font-size:14px;color:inherit;border:0;background:transparent;border-radius:20px}button{cursor:pointer;min-height:40px;min-width:40px;padding:8px 13px}button:hover{background:#ffffff18}button:disabled{opacity:.35;cursor:default}select{cursor:pointer;padding:8px 0;text-align:center}option{background:#141c29}button:focus-visible,select:focus-visible{outline:2px solid #9bcfff;outline-offset:2px}.total{font-size:14px;color:#a8afbf}.divider{height:18px;width:1px;background:#ffffff30;margin:0 3px}.loading{min-height:100vh;display:grid;place-items:center;color:#aab4c4}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#10141e;color:#fff;border:1px solid #ffffff30;border-radius:12px;padding:0;max-width:none;max-height:none;width:min(1150px,94vw);height:88vh}dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}dialog[open]{display:flex;flex-direction:column}.dialog-head{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff20;flex-shrink:0}.dialog-head h2{font-size:18px;margin:0;font-weight:500}.thumbnails{padding:20px;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.thumb{padding:0;border-radius:4px;line-height:1.4;text-align:left}.thumb img,.thumb video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:3px}.thumb span{display:block;padding:10px 2px;color:#c7cedb;font-size:13px}.thumb[aria-current=true]{outline:2px solid #88c6ff;outline-offset:5px}#lightbox{width:96vw;height:94vh}.image-scroll{overflow:auto;flex:1;min-height:0;background:#05070c}.image-scroll img,.image-scroll video{display:block;width:max(100%,1920px);max-width:none;height:auto}@media(min-width:1921px){main{max-width:1920px;margin-inline:auto}}@media(max-width:600px){.toolbar{bottom:14px;gap:2px;padding:5px 8px}.toolbar button{padding:7px 10px}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px}.dialog-head{padding:10px 16px}.total{font-size:13px}.page figcaption{left:3%;bottom:8%;padding:9px 11px;font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}