*{box-sizing:border-box}html,body{margin:0;background:#101010;color:#eee;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}body{min-height:100dvh}header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px}header a{color:#c9c9c9;text-decoration:none;font-size:13px}h1{font-size:14px;font-weight:500;margin:0;letter-spacing:.05em}.viewer{position:relative;max-width:650px;margin:0 auto}.gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.gallery::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;scroll-snap-align:start;display:flex;justify-content:center;align-items:center;min-height:calc(100dvh - 145px);padding:4px 10px}.slide img{display:block;max-width:100%;max-height:calc(100dvh - 160px);height:auto;width:auto;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.controls{height:75px;display:flex;align-items:center;justify-content:space-between;max-width:650px;margin:auto;padding:0 20px}.controls button{border:1px solid #555;background:#202020;color:#fff;border-radius:50%;width:44px;height:44px;font-size:25px;cursor:pointer}.controls button:disabled{opacity:.25;cursor:default}.count{font-variant-numeric:tabular-nums;font-size:13px;color:#bbb}.hint{font-size:11px;color:#aaa;text-align:center;padding:0 12px 16px}@media(min-width:800px){.slide img{max-height:calc(100dvh - 170px)}}
header{height:auto;min-height:66px;padding-top:10px;padding-bottom:8px}.site-brand{min-width:0}.site-brand h1{font-size:16px;color:#a5cbb0;line-height:1.35}.site-subtitle{font-size:11px;color:#ccc;margin:4px 0 0;line-height:1.4}.slide{min-height:calc(100dvh - 160px)}.slide img{max-height:calc(100dvh - 175px)}