*{box-sizing:border-box}html{background:#050608;color:#f5f6f8;scrollbar-width:thin;scrollbar-color:#6a7485 #090b0f}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #acc8f4;outline-offset:7px}#experience{position:fixed;inset:0;overflow:hidden;background:#050608}.stage{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.stage video{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.stage.video-ready video{opacity:1}.stage.video-ready #live-film{opacity:0}#live-film{position:absolute;flex:none;transform-origin:center center}.chrome{position:absolute;z-index:10;left:36px;right:36px;top:max(25px,env(safe-area-inset-top));display:flex;justify-content:space-between;align-items:center;color:white}.wordmark{font-size:24px;font-weight:600;letter-spacing:-1px}.top-actions{display:flex;gap:24px;align-items:center;font-size:12px}.top-actions button{padding:8px 0}.chapter-rail{position:absolute;z-index:10;right:30px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:18px;color:white}.chapter-rail button{height:28px;width:30px;opacity:.4;font-size:11px;letter-spacing:1px}.chapter-rail button[aria-current=true]{opacity:1}.chapter-rail button:before{content:'';display:block;height:1px;width:12px;background:currentColor;margin:0 0 6px auto}.chapter-rail button[aria-current=true]:before{width:24px}.transport{position:absolute;z-index:10;left:36px;right:36px;bottom:max(14px,env(safe-area-inset-bottom));height:35px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;color:white;font-size:12px}.transport button{display:flex;align-items:center;gap:9px;padding:0}.transport p{margin:0;letter-spacing:.08em;color:#c6cbd3}.transport p span{margin-left:10px}#chapter-name{color:#c6cbd3}.progress{position:absolute;bottom:0;width:100%;height:1px;background:#ffffff30}.progress i{display:block;height:1px;width:0;background:white;pointer-events:none}.progress input{position:absolute;left:0;top:-12px;width:100%;height:25px;opacity:0;cursor:ew-resize;margin:0}.progress:focus-within{height:3px}.progress:focus-within i{height:3px}#scroll-space{height:1200vh}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{width:min(730px,calc(100% - 32px));max-height:84dvh;padding:55px 45px;border:1px solid #303744;border-radius:18px;background:#10141c;color:#e8edf5;line-height:1.8}dialog::backdrop{background:#000b;backdrop-filter:blur(14px)}dialog h2{font-size:32px;letter-spacing:-1px;font-weight:500;margin:0 0 25px}dialog h3{font-weight:500;font-size:18px;margin-top:30px}dialog p,dialog li{font-size:14px;color:#b5c1d2}dialog a{color:#dbe9ff;text-decoration:underline;text-underline-offset:4px}dialog li{margin:13px 0}dialog ul{padding-left:20px}#details-close{position:absolute;right:19px;top:13px;font-size:28px}.release-links{display:flex;gap:24px;margin:25px 0}.release-links a{font-size:15px}@media(max-width:700px){.chrome{left:22px;right:22px;top:max(20px,env(safe-area-inset-top))}.wordmark{font-size:22px}.top-actions{gap:18px;font-size:11px}.chapter-rail{right:12px;gap:13px}.chapter-rail span{font-size:9px}.transport{left:22px;right:22px;bottom:max(14px,env(safe-area-inset-bottom));font-size:10px}.transport p{letter-spacing:0}.transport button{gap:6px}#chapter-name{display:none}dialog{padding:50px 25px}#scroll-space{height:1400vh}}
.stage video{opacity:1}.stage #live-film{display:block}

.top-actions .download-button{padding:8px 16px;border:1px solid #ffffff80;border-radius:24px}.download-button{font-size:12px;font-weight:600}.dialog-close{position:absolute;right:19px;top:13px;font-size:28px}#end-download{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);padding:12px 24px;color:#1d1d1f;border:1px solid #1d1d1f;border-radius:24px}#end-download[hidden],.package-download[hidden]{display:none}@media(max-width:700px){.top-actions{gap:13px}.top-actions .download-button{padding:7px 11px}#end-download{bottom:20%;font-size:13px}}
#end-download{color:#f5f5f7;border-color:#f5f5f7}
#music-toggle[hidden]{display:none}
/* A shared viewport center for the phone, copy and progress hint. */
#live-film{left:50%;top:50%}
.transport{display:block;height:1px;bottom:max(18px,env(safe-area-inset-bottom))}
#play{grid-column:1;grid-row:1;justify-self:start}
#scroll-hint{position:absolute;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap;pointer-events:none}
#chapter-name{grid-column:3;grid-row:1;justify-self:end}
#music-toggle{position:absolute;right:0;bottom:22px;top:auto}
html{overscroll-behavior:none}
#stage{touch-action:pan-x}
@media(max-width:700px){#music-toggle{right:0}.transport{font-size:9px}#scroll-hint{max-width:48%;white-space:normal}}

@media(max-width:700px){.chapter-rail{top:auto;bottom:58px;right:22px;transform:none;flex-direction:row;gap:14px}}

#download-status{position:fixed;z-index:20;left:50%;bottom:60px;transform:translateX(-50%);max-width:80%;padding:10px 16px;border-radius:20px;background:#15171a;color:#f5f5f7;font-size:12px;text-align:center}
#download-status[hidden]{display:none}

#site-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none}
.chrome,.chapter-rail,.transport{text-shadow:0 1px 4px #061a3055}