*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;font-family:Songti SC,STSong,SimSun,"Noto Serif SC",serif;color:#f5ecd7;user-select:none}#app{position:fixed;inset:0}#stage{display:block;width:100%;height:100%}.title-bar{position:absolute;top:22px;left:28px;z-index:5;text-shadow:0 2px 12px rgba(0,0,0,.65);pointer-events:none}.title-cn{font-size:28px;letter-spacing:8px;color:#f7e6c0}.title-sub{font-size:12px;letter-spacing:4px;color:#cfc2a0;margin-top:4px;font-family:PingFang SC,sans-serif}.subtitle{position:absolute;left:50%;bottom:110px;transform:translate(-50%);max-width:min(880px,86vw);padding:14px 26px;background:#140e088c;border-top:1px solid rgba(247,230,192,.35);border-bottom:1px solid rgba(247,230,192,.35);font-size:20px;line-height:1.7;letter-spacing:2px;color:#f7ecd0;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.8);backdrop-filter:blur(3px);opacity:0;transition:opacity .8s ease;pointer-events:none;z-index:4}.subtitle.show{opacity:1}.chapter{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);font-size:42px;letter-spacing:14px;color:#f7e6c0;text-shadow:0 4px 24px rgba(0,0,0,.85);opacity:0;transition:opacity 1.2s ease;pointer-events:none;z-index:3}.chapter.show{opacity:1}.controls{position:absolute;left:0;right:0;bottom:0;height:72px;padding:0 24px;display:flex;align-items:center;gap:14px;background:linear-gradient(to top,#000000bf,#0000);z-index:10}.controls button{background:#f7e6c014;border:1px solid rgba(247,230,192,.3);color:#f7ecd0;width:40px;height:40px;border-radius:20px;font-size:16px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-family:inherit}.controls button:hover{background:#f7e6c033;border-color:#f7e6c099}.controls select{background:#140e08b3;border:1px solid rgba(247,230,192,.3);color:#f7ecd0;padding:8px 12px;border-radius:6px;font-size:13px;font-family:inherit;cursor:pointer;max-width:160px}.controls select option{background:#1a1208}.progress-wrap{flex:1;display:flex;flex-direction:column;gap:4px}#progress{width:100%;-webkit-appearance:none;appearance:none;height:4px;background:#f7e6c033;border-radius:2px;outline:none}#progress::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#f7e6c0;cursor:pointer;box-shadow:0 0 8px #f7e6c0b3}#progress::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#f7e6c0;cursor:pointer;border:none}.time{font-size:11px;color:#cfc2a0;font-family:PingFang SC,sans-serif;letter-spacing:1px}.free-hint{position:absolute;top:90px;left:50%;transform:translate(-50%);background:#140e08b3;border:1px solid rgba(247,230,192,.3);padding:10px 20px;border-radius:24px;font-size:13px;color:#f7ecd0;font-family:PingFang SC,sans-serif;z-index:6;letter-spacing:1px}.free-hint b{color:#ffd98a;padding:0 4px}.hidden{display:none}.loader{position:absolute;inset:0;background:#0a0704;display:flex;align-items:center;justify-content:center;z-index:100;transition:opacity .8s}.loader-text{font-size:18px;letter-spacing:6px;color:#cfc2a0;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.loader.gone{opacity:0;pointer-events:none}