*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:#07080a;color:#e8ebef;font:15px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#stage{position:fixed;inset:0 0 56px 0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
#stage.zoomed{cursor:move}
#track{position:absolute;inset:0;display:flex;will-change:transform}
#track.anim{transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.zw{position:relative;transform-origin:0 0;will-change:transform}
.zw.anim{transition:transform .25s ease}
.zw img{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;-webkit-user-drag:none}
.zw img.hi{opacity:0;transition:opacity .25s}
.zw img.hi.ok{opacity:1}
.ph{position:absolute;inset:0;background:#111318;border-radius:2px}
#bar{position:fixed;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;gap:4px;padding:0 8px calc(env(safe-area-inset-bottom)) 8px;background:rgba(10,11,14,.94);border-top:1px solid #22262d;z-index:5}
#bar .sp{flex:1}
.bt{height:40px;min-width:40px;padding:0 10px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600;font-size:14px}
.bt:hover{background:#1a1d23}
.bt svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#count{font-variant-numeric:tabular-nums;font-weight:700;min-width:64px;text-align:center}
#brand{height:18px;margin:0 6px}
.nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:72px;border-radius:10px;background:rgba(20,22,27,.75);border:1px solid #2a2e36;display:flex;align-items:center;justify-content:center;z-index:4;margin-top:-28px}
.nav svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2.4}
.nav:hover{background:#ff6a00;border-color:#ff6a00}
#prev{left:12px}#next{right:12px}
.nav[disabled]{opacity:.25;pointer-events:none}
#menu{position:fixed;inset:0 0 56px 0;background:rgba(7,8,10,.97);z-index:6;overflow:auto;padding:20px 18px 30px;display:none}
#menu.open{display:block}
#menu h2{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#ff6a00;margin:4px 0 12px}
#menu a{display:flex;gap:10px;align-items:baseline;padding:10px 6px;border-bottom:1px solid #1c1f25;color:#e8ebef;text-decoration:none}
#menu a:hover,#menu a.cur{background:#14171c}
#menu a b{color:#ff6a00;font-variant-numeric:tabular-nums;min-width:28px}
#menu a.l0{font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-top:6px}
#menu a.l1{padding-left:18px;color:#c3c9d0}
#menu a.l2{padding-left:34px;color:#aab1ba;font-size:14px}
#menu .dl{display:inline-flex;margin-top:18px;background:#ff6a00;color:#fff;border-radius:8px;padding:12px 16px;font-weight:700;border:0}
#hint{position:fixed;left:50%;bottom:72px;transform:translateX(-50%);background:rgba(20,22,27,.92);border:1px solid #2a2e36;border-radius:20px;padding:8px 14px;font-size:13px;z-index:4;transition:opacity .5s;pointer-events:none;white-space:nowrap}
#hint.off{opacity:0}
.hideS{}
@media (max-width:640px){.nav{display:none}.hideS{display:none!important}#brand{display:none}.bt{padding:0 7px}}
noscript a{color:#ff6a00}