@font-face{font-family:StreamNoto;src:url('./assets/stream-font.woff2') format('woff2');font-display:swap}
:root{font-family:Arial,StreamNoto,"Microsoft YaHei",sans-serif;color:#f1f1f1;background:#0f0f0f}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #ff83ad;outline-offset:2px}
.site-header{height:58px;display:flex;align-items:center;gap:26px;padding:0 24px;background:#0f0f0f;position:sticky;top:0;z-index:20;border-bottom:1px solid #252525}
.brand{display:flex;align-items:center;gap:12px;min-width:210px}.menu-icon{font-size:18px;color:#ccc}.playmark{display:grid;place-items:center;background:#f03;color:#fff;border-radius:7px;width:30px;height:21px;font-size:11px}.brand-name{font-weight:800;font-size:20px;letter-spacing:-1px}.cn{font-size:10px;letter-spacing:0;background:#303030;color:#ddd;border-radius:3px;padding:2px 4px;margin-left:3px;vertical-align:middle}
.search-shell{height:38px;max-width:560px;flex:1;border:1px solid #333;border-radius:20px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#777;font-size:14px;margin:auto}.search-icon{font-size:26px;line-height:1}.header-right{display:flex;gap:14px;align-items:center;margin-left:auto}.top-pill{font-size:12px;border:1px solid #454545;border-radius:20px;padding:7px 12px;color:#ddd}.top-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#a55372;font-size:13px}
.page{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;max-width:1770px;margin:0 auto;padding:24px 28px 50px}.main-column{min-width:0}.player{position:relative;width:100%;aspect-ratio:2559/1185;overflow:hidden;background:#f7d7de;border-radius:11px;container-type:inline-size}.stream-shot{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:fill}
.stream-comments{position:absolute;left:18.35%;top:22%;width:23.8%;height:55.7%;background:#f7f7f7;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding:.2cqw .65% .1% 0;gap:.15cqw;z-index:1}
.stream-row{display:block;width:100%;padding:.1cqw .2cqw;text-align:left;border:0;background:transparent;color:#c84b67;font:800 1.15cqw/1.32 StreamNoto,"Yu Gothic","Microsoft YaHei",sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s;min-height:1.75cqw}.stream-row:hover{background:#f6dce4}.stream-text,.stream-translation{display:block;overflow:hidden;text-overflow:ellipsis}.stream-translation{font-size:.73cqw;font-weight:600;color:#a67281;line-height:1.22;margin-top:.08cqw}
.live-tag{position:absolute;right:13px;top:13px;background:#b51c44ec;color:#fff;padding:6px 9px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.4px;z-index:2}.live-dot{display:inline-block;width:7px;height:7px;background:#fff;border-radius:50%;margin-right:4px}.player-bottom{position:absolute;left:0;right:0;bottom:0;height:38px;display:flex;align-items:center;gap:14px;padding:0 16px;background:linear-gradient(transparent,#171014aa);font-size:12px;opacity:0;transition:opacity .2s;z-index:3}.player:hover .player-bottom{opacity:1}.progress-track{height:3px;background:#ffffff77;flex:1}.progress-track>div{height:100%;width:0;background:#f03}
.video-meta h1{font-size:19px;line-height:1.35;margin:14px 0 6px;font-weight:700}.stream-stats{display:flex;gap:14px;color:#aaa;font-size:12px}.stream-stats b{color:#ddd}.channel-row{display:flex;align-items:center;gap:10px;margin:18px 0 20px;min-width:0}.channel-avatar{width:39px;height:39px;border-radius:50%;background:#ca8095;display:grid;place-items:center;font-size:19px;flex:none}.channel-name{display:flex;flex-direction:column;gap:3px;min-width:0}.channel-name strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-name small{font-size:11px;color:#aaa}.subscribe{background:#f2f2f2;border:0;border-radius:18px;padding:8px 15px;font-size:12px;font-weight:700;white-space:nowrap}.subscribe.active{background:#333;color:#eee}.meta-actions{display:flex;gap:6px;margin-left:auto}.meta-actions button{border:0;background:#272727;color:#eee;border-radius:18px;padding:8px 12px;font-size:12px;white-space:nowrap}.meta-actions button.active{color:#ff87a7}
.game-panel{background:#1b1719;border:1px solid #46303a;border-radius:16px;padding:20px 22px;box-shadow:0 8px 30px #0004}.game-panel-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.eyebrow{color:#e38aa5;font-size:10px;letter-spacing:1.6px;font-weight:700}.game-panel h2{font-size:26px;margin:4px 0 6px}.game-panel p{font-size:13px;color:#d6bbc5;margin:0;line-height:1.5}.heat-ring{--heat:30;width:75px;height:75px;flex:none;border-radius:50%;background:conic-gradient(#e9537b calc(var(--heat)*1%),#4b333e 0);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.heat-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#251b20}.heat-ring>*{position:relative;z-index:1}.heat-ring span{font-size:10px;color:#f3b4c5}.heat-ring strong{font-size:23px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.metrics>div{background:#2d2228;border-radius:10px;padding:10px 12px}.metrics span{display:block;font-size:11px;color:#ba9da9}.metrics strong{display:block;font-size:21px;margin-top:2px}.instruction{display:flex;gap:10px;color:#e5ced5;font-size:12px;line-height:1.45}.instruction-icon{color:#ff7097;font-size:20px;line-height:1}.disclaimer{font-size:11px;color:#8e8e8e;line-height:1.6;margin:16px 2px}
.chat-panel{height:min(780px,calc(100vh - 84px));min-height:500px;border:1px solid #363636;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;background:#161616;position:sticky;top:78px}.chat-top{height:48px;flex:none;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #333;gap:8px}.chat-top strong{font-size:14px;font-weight:500}.chat-menu{font-size:21px;margin-left:auto;color:#aaa}.mobile-hud{display:none}.chat-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 15px;background:#20191d;border-bottom:1px solid #35272d;color:#e6c4ce;font-size:11px;line-height:1.35}.chat-notice>span{color:#f684aa}.chat-notice small{display:block;color:#af8c98;margin-top:3px}.chat-list{flex:1;overflow:hidden;padding:8px 10px;display:flex;flex-direction:column;justify-content:flex-start;gap:6px}.chat-row{background:transparent;border:0;color:#eee;text-align:left;width:100%;padding:4px 3px;display:flex;gap:9px;align-items:flex-start;border-radius:7px;animation:arrive .2s ease;flex:none}.chat-row:hover{background:#333}.avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:bold;flex:none;color:white}.chat-content{min-width:0;display:block;line-height:1.42}.chat-name{display:inline;margin-right:7px;color:#b9a4ad;font-size:11px;font-weight:bold}.chat-text{font-size:12px;overflow-wrap:anywhere}.translation{display:block;color:#b8a3ad;font-size:11px;margin:3px 0 0 0;line-height:1.36}.chat-bottom{height:76px;flex:none;border-top:1px solid #333;padding:9px 14px}.fake-input{border-bottom:1px solid #555;color:#777;font-size:11px;display:flex;justify-content:space-between;padding:3px 0 9px}.chat-footer{display:flex;justify-content:space-between;color:#929292;font-size:11px;margin-top:8px}.chat-footer b{color:#ddd}.chat-row:active,.stream-row:active{background:#f8b7c966}
.toast{position:fixed;left:50%;top:74px;transform:translate(-50%,-20px);padding:10px 16px;border-radius:22px;background:#303030;color:white;font-size:13px;opacity:0;pointer-events:none;transition:.22s;z-index:40;white-space:nowrap;max-width:90vw;overflow:hidden;text-overflow:ellipsis}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.good{background:#943e64}.toast.bad{background:#7f3e44}
.overlay{position:fixed;inset:0;z-index:50;background:#080609cb;display:grid;place-items:center;padding:16px}.overlay.hidden{display:none}.modal{width:min(500px,100%);border:1px solid #e9a5b7;background:linear-gradient(145deg,#fff7f9,#fff);box-shadow:0 25px 80px #000a;border-radius:22px;color:#412732;text-align:center;padding:28px}.modal-kicker{font-size:11px;color:#ba4b70;font-weight:800;letter-spacing:1px}.modal h2{font-size:34px;margin:10px 0 8px;color:#b33d66}.modal>p{color:#6f5360;font-size:14px;line-height:1.5;margin:0 0 20px}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:left;margin:16px 0 22px}.rule-grid>div{border:1px solid #f2d5dd;border-radius:12px;background:#fff;padding:12px 10px;min-height:100px}.rule-grid span{display:block;color:#d56f8f;font-size:10px;font-weight:bold}.rule-grid strong{display:block;font-size:13px;margin:7px 0 5px}.rule-grid small{display:block;color:#927782;font-size:10px;line-height:1.4}.primary-button,.secondary-button{width:100%;border:0;border-radius:25px;padding:12px;background:#d84d77;color:#fff;font-weight:800;box-shadow:0 5px 14px #dc729155}.primary-button:hover{background:#c33c66}.secondary-button{background:#f8e2e9;color:#a54868;margin-top:9px;box-shadow:none}.fiction-note{display:block;margin-top:12px;color:#9a8990;font-size:10px;line-height:1.45}.grade{font-size:70px;line-height:1;color:#d54b73;font-weight:900;margin:10px 0}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:18px 0}.result-stats>div{background:#fbeaf0;border-radius:10px;padding:11px}.result-stats span{display:block;color:#8d6978;font-size:11px}.result-stats strong{display:block;color:#a83a61;font-size:22px;margin-top:3px}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.page{grid-template-columns:minmax(0,1fr) 310px;gap:14px;padding:16px}.chat-panel{top:74px}.meta-actions button{padding:7px 9px}}
@media(max-width:760px){html,body{overflow-x:hidden}.site-header{padding:0 12px;height:50px}.brand{min-width:0}.menu-icon,.search-shell,.top-pill{display:none}.brand-name{font-size:17px}.page{display:flex;flex-direction:column;padding:10px;gap:8px}.main-column{display:contents}.player{border-radius:7px;order:0}.video-meta{order:1}.live-tag{top:5px;right:5px;font-size:8px;padding:3px 5px}.video-meta h1{font-size:14px;margin:9px 0 4px}.stream-stats{font-size:10px}.channel-row{margin:10px 0}.channel-name strong{font-size:11px}.channel-name small,.meta-actions button{font-size:10px}.channel-avatar{width:30px;height:30px;font-size:14px}.subscribe{font-size:10px;padding:6px 10px}.meta-actions{display:none}.game-panel{padding:12px;order:3;max-width:100%}.game-panel h2{font-size:19px}.game-panel p{font-size:11px}.heat-ring{width:57px;height:57px}.heat-ring strong{font-size:18px}.metrics{margin:9px 0;min-width:0}.metrics>div{padding:7px;min-width:0}.metrics strong{font-size:16px}.instruction{font-size:11px}.instruction span:last-child{min-width:0;overflow-wrap:anywhere}.chat-panel{order:2;position:relative;top:auto;height:53vh;min-height:340px;width:100%}.mobile-hud{display:inline;font-size:11px;color:#d79ab1}.disclaimer{order:4}.chat-list{gap:4px}.chat-row{padding:2px}.chat-text{font-size:11px}.translation{font-size:10px}.modal{padding:21px}.modal h2{font-size:27px}.rule-grid>div{padding:9px 7px}.rule-grid strong{font-size:11px}.rule-grid small{font-size:9px}}
.creator-credit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #513640;margin-top:16px;padding-top:14px;color:#c9aab7;font-size:12px}.creator-credit b{color:#fff}.creator-credit small{color:#ab8e9a;margin-left:7px}.creator-credit button{background:#49303a;border:1px solid #a86680;color:#ffe0e9;border-radius:18px;padding:7px 12px;font-size:11px;white-space:nowrap}.creator-credit button:hover{background:#654050}
.tutorial-modal{max-width:440px}.tutorial-count{font-size:12px;color:#ac6780;margin-top:10px}.tutorial-art{border:1px solid #f1cbd8;background:linear-gradient(145deg,#fff,#fce5ed);border-radius:16px;min-height:142px;display:grid;place-items:center;margin:14px 0;color:#c44870;font:800 24px/1.55 StreamNoto,sans-serif}.tutorial-art small{font-size:16px;color:#aa7185}.tutorial-modal h2{font-size:26px}.tutorial-controls,.share-actions{display:flex;gap:10px}.tutorial-controls>*{margin-top:0;flex:1}.tutorial-modal>p{min-height:48px}
.result-modal .text-button{border:0;background:none;color:#a55672;font-size:12px;margin-top:10px}.share-modal{position:relative;width:min(440px,100%);max-height:95vh;overflow:auto;padding:20px}.share-modal h2{font-size:27px}.share-modal>p{margin-bottom:10px;font-size:12px}.share-preview{display:block;width:auto;max-width:100%;max-height:51vh;margin:0 auto 12px;border-radius:10px;box-shadow:0 8px 24px #5737473d}.share-preview:not([src]){display:none}.share-actions>*{flex:1;margin:0}.share-actions button:disabled{opacity:.5;cursor:wait}.modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#a85d76;font-size:26px;line-height:1}
.rotate-overlay{position:fixed;inset:0;background:#100a10f5;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.rotate-overlay.hidden{display:none}.rotate-card{width:100%;max-width:420px;min-width:0;background:#fff5f8;border:1px solid #eeadc0;border-radius:22px;padding:28px;text-align:center;color:#50303d;box-shadow:0 25px 70px #0009}.rotate-icon{font-size:62px;color:#d64d75;line-height:1}.rotate-card h2{font-size:25px;color:#ae3e65;margin:10px 0}.rotate-card p{font-size:13px;line-height:1.55;color:#765966;margin:0 0 18px}.rotate-card .secondary-button{margin-top:9px}.rotate-card small{display:block;min-height:16px;margin-top:11px;color:#a15873;font-size:11px}
@media(max-width:760px){.creator-credit{align-items:flex-start;flex-direction:column}.creator-credit button{width:100%}.share-modal{max-height:94dvh}.share-preview{max-height:46dvh}}
@media(max-height:600px) and (orientation:landscape){.site-header{display:none}.page{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,35vw);gap:8px;padding:6px}.main-column{display:block}.chat-panel{order:initial;position:sticky;top:6px;height:calc(100dvh - 12px);min-height:0}.video-meta h1{font-size:12px;margin:5px 0}.stream-stats{font-size:10px}.channel-row{display:none}.game-panel{margin-top:8px}.chat-top{height:30px}.chat-notice,.fake-input{display:none}.chat-bottom{height:31px;padding:4px 10px}.chat-footer{margin-top:2px}.chat-row{padding:1px 2px}.chat-text{font-size:10px}.translation{font-size:9px}.modal{max-height:calc(100dvh - 16px);overflow:auto}.tutorial-modal{padding:12px 18px}.tutorial-count{margin-top:2px}.tutorial-art{min-height:80px;margin:6px 0;font-size:18px;line-height:1.2}.tutorial-art small{font-size:12px}.tutorial-modal h2{font-size:20px;margin:5px 0}.tutorial-modal>p{font-size:11px;min-height:0;margin:0 0 8px}.tutorial-controls button{padding:8px}.share-modal{max-height:94dvh}}