:root{color:#f8fbff;background:#05070a;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,system-ui,sans-serif;font-size:30px;line-height:1.25}*{box-sizing:border-box}body{margin:0;min-width:100vw;min-height:100vh;background:#05070a}button,input{font:inherit}button{appearance:none;-webkit-appearance:none}button:focus{outline:none}button:focus-visible{outline:none}.display-app{min-height:100vh;display:grid;place-items:center;background:#05070a}.viewport{width:min(100vw,600px);height:min(100vh,600px);padding:28px;display:flex;flex-direction:column;overflow:hidden;background:#05070a;color:#f8fbff}.pair-screen{justify-content:flex-start;text-align:center;gap:18px;padding-top:44px}.pair-screen h1{margin:0;font-size:54px;line-height:1.1;font-weight:900}.muted{color:#aeb9c7}.pair-code{font-size:78px;font-weight:950;letter-spacing:8px;color:#05070a;background:#f6d15f;border:5px solid #fff3a7;border-radius:8px;padding:12px 18px}.url{font-size:34px;font-weight:900;color:#f6d15f}.home-screen h1,.reader-screen h1{margin:0 0 24px;font-size:46px;font-weight:950}.home-menu,.reader-list{display:flex;flex-direction:column;gap:18px;justify-content:center;flex:1}.home-item,.reader-item{width:100%;padding:22px 20px;border:3px solid #28303a;border-radius:8px;color:#f8fbff;background:#111820;font-size:40px;font-weight:950;text-align:left}.home-item.selected,.reader-item.selected{transform:scale(1.035);border-color:#fff3a7;color:#05070a;background:#f6d15f;box-shadow:0 0 0 5px #f6d15f38}.reader-item strong,.reader-item span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.reader-item span{margin-top:8px;font-size:26px;color:#b8c5d6}.reader-item.selected span{color:#25200a}.reader-content{padding:22px 28px;background:#030405}.reader-content header{flex:0 0 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#f6d15f;font-size:24px;font-weight:900;margin-bottom:12px}.reader-content article{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:180px;scrollbar-width:none;color:#f8fbff;font-size:36px;line-height:1.62;font-weight:700;letter-spacing:0}.reader-content article::-webkit-scrollbar{display:none}.reader-comic-page{width:100%;height:100%;min-height:0;object-fit:contain}.video-list{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;justify-content:center}.video-item{width:100%;height:164px;display:grid;grid-template-columns:190px 1fr;gap:16px;align-items:center;padding:8px;border:3px solid #28303a;border-radius:8px;color:#f8fbff;background:#111820;text-align:left;outline:none;box-shadow:none}.video-item.selected{transform:scale(1.035);background:#f6d15f;border-color:#fff3a7;color:#05070a;box-shadow:0 0 0 5px #f6d15f38}.video-item img,.cover-fallback{width:176px;height:110px;object-fit:cover;border-radius:6px;background:#223044;display:grid;place-items:center;font-size:30px;font-weight:900}.video-text{min-width:0}.video-text strong{display:block;overflow:hidden;white-space:nowrap;font-size:34px;font-weight:900}.video-title-inner{display:inline-block;max-width:100%}.video-item.selected .video-title-inner{min-width:100%;animation:title-pan 7s ease-in-out infinite alternate}@keyframes title-pan{0%{transform:translate(0)}to{transform:translate(min(0px,calc(330px - 100%)))}}.video-text small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;font-size:24px;color:#c9d3df}.selected .video-text small{color:#1a1a1a}.help{color:#b8c5d6;font-size:24px;padding-top:10px}.player{width:min(100vw,600px);height:min(100vh,600px);background:#000;position:relative;overflow:hidden;color:#fff}.player-back,.glasses-action{margin:16px;padding:14px 18px;border:3px solid #fff3a7;border-radius:8px;color:#05070a;background:#f6d15f;font-size:34px;font-weight:900}.player iframe,.player video{width:100%;height:100%;border:0;background:#000;object-fit:contain}.player video.video-loading{opacity:0}.player-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;align-content:center;gap:26px;background:#000;text-align:center;transition:opacity .14s ease}.player-loading.hidden{opacity:0;pointer-events:none}.system-spinner{position:relative;width:96px;height:96px}.system-spinner span{position:absolute;left:44px;top:8px;width:8px;height:22px;border-radius:50%;background:#fff;opacity:.16;transform-origin:4px 40px;transform:rotate(calc(var(--i) * 30deg));animation:spinner-fade 1s linear infinite;animation-delay:calc(var(--i) * -83ms)}.player-loading p{margin:0;font-size:38px;font-weight:950;color:#f8fbff}@keyframes spinner-fade{0%{opacity:1}to{opacity:.16}}.player-menu{padding:10px 16px;background:#000000d1;font-size:24px}.player-fallback{position:fixed;left:16px;right:16px;bottom:16px;display:none;padding:12px;border-radius:8px;color:#fff;background:#000c;font-size:26px;text-align:center}.player-fallback.show{display:block}.danmaku-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden}.danmaku-layer.hidden{display:none}.danmaku-item{position:absolute;left:100%;white-space:nowrap;font-size:30px;font-weight:900;text-shadow:2px 2px 4px #000,-1px -1px 3px #000;animation:danmaku-move 8s linear forwards}@keyframes danmaku-move{0%{transform:translate(0)}to{transform:translate(-820px)}}.player-toast{position:absolute;left:50%;bottom:32px;transform:translate(-50%);display:none;padding:14px 24px;border-radius:8px;color:#05070a;background:#f6d15f;font-size:34px;font-weight:900}.player-toast.show{display:block}.player-mode{position:absolute;top:12px;z-index:3;padding:8px 12px;border-radius:8px;border:2px solid rgba(255,255,255,.7);color:#fff;background:#00000094;font-size:22px;font-weight:800}.player-mode{left:12px}.connect-app{min-height:100vh;background:#f4f6fa;color:#101820;font-size:20px}.connect-page{width:min(720px,100vw);margin:0 auto;padding:24px}.connect-page h1{margin:0 0 20px;font-size:34px}.connect-card{background:#fff;border:1px solid #d7dde8;border-radius:8px;padding:18px;margin-bottom:16px}.connect-card h2{margin:0 0 12px;font-size:24px}.connect-card label{display:block;font-weight:800;margin-bottom:8px}.connect-card input{width:100%;padding:14px;margin-bottom:12px;border:1px solid #b9c3d0;border-radius:6px;font-size:30px;letter-spacing:4px}.connect-card input[type=range]{padding:0;height:36px;letter-spacing:0}.connect-card select{width:100%;padding:13px 14px;border:1px solid #b9c3d0;border-radius:6px;font:inherit;background:#fff}.connect-card button{display:block;width:100%;margin:10px 0;padding:13px 14px;border-radius:6px;border:0;color:#fff;background:#174ea6;font-weight:800}#qr-box img{display:block;width:260px;height:260px;margin:16px auto 8px}.reader-search-form{display:grid;gap:10px}.reader-result{border-top:1px solid #d7dde8;padding:12px 0}.reader-result strong,.reader-result span{display:block}.reader-result span{color:#526072;font-size:16px;margin-top:4px}.connect-avatar{width:86px;height:86px;border-radius:50%;border:3px solid #174ea6}@media(max-width:620px){.viewport,.player{width:100vw;height:100vh}}