*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-size:13px;color:#333;background:#f9f9f9}a{color:#167ac6;text-decoration:none}a:hover{text-decoration:underline}.masthead{height:50px;background:#fff;border-bottom:1px solid #ccc;box-shadow:0 1px 2px #0000001a;display:flex;align-items:center;padding:0 16px;position:sticky;top:0;z-index:50}.logo{display:flex;align-items:center;font-size:22px;font-weight:700;margin-right:20px}.logo .you{color:#1f1f1f;letter-spacing:-1px}.logo .tube{background:#cc181e;color:#fff;padding:1px 6px;border-radius:4px;margin-left:2px}.search{display:flex;flex:1;max-width:540px}.search input{flex:1;height:29px;border:1px solid #ccc;border-right:none;padding:0 8px;font-size:14px;border-radius:1px 0 0 1px}.search button{width:64px;background:linear-gradient(#fefefe,#f1f1f1);border:1px solid #ccc;cursor:pointer;border-radius:0 1px 1px 0}.search button:hover{background:#f1f1f1}.masthead .right{margin-left:auto;display:flex;gap:14px;align-items:center}.masthead .right a{color:#333;font-weight:700}.golive{background:#cc181e;color:#fff!important;padding:5px 12px;border-radius:2px;font-weight:700}.golive:hover{text-decoration:none;background:#b3131a}.page{max-width:1000px;margin:18px auto;padding:0 12px}.section-title{font-size:15px;color:#333;border-bottom:1px solid #e2e2e2;padding-bottom:6px;margin:18px 0 14px}.live-banner{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e0e0e0;border-left:4px solid #cc181e;padding:12px 16px;margin-bottom:18px;border-radius:2px}.live-banner .dot{width:10px;height:10px;background:#cc181e;border-radius:50%;animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.live-banner .meta{flex:1}.live-banner .badge{background:#cc181e;color:#fff;font-size:11px;font-weight:700;padding:1px 5px;border-radius:2px}.live-banner .watch-btn{background:#cc181e;color:#fff;padding:7px 16px;border-radius:2px;font-weight:700}.live-banner .watch-btn:hover{text-decoration:none;background:#b3131a}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.card .thumb-wrap{position:relative;display:block}.card img.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000;display:block;border:1px solid #ddd}.card .dur{position:absolute;bottom:4px;right:4px;background:#000c;color:#fff;font-size:11px;padding:1px 4px;border-radius:2px}.card .title{display:block;color:#1f1f1f;font-weight:700;margin-top:6px;line-height:1.3;max-height:2.6em;overflow:hidden}.card .title:hover{color:#167ac6;text-decoration:none}.card .by{color:#888;margin-top:3px}.card .by a{color:#888}.watch{display:grid;grid-template-columns:1fr 320px;gap:24px}.player-box{position:relative;width:100%;background:#000;border-radius:8px;overflow:hidden}.player-box video{display:block;width:100%;height:auto;background:#000}.poster-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.watch h1{font-size:18px;font-weight:400;margin:12px 0 6px}.watch .stats{color:#999;border-bottom:1px solid #e2e2e2;padding-bottom:10px;display:flex;justify-content:space-between}.chan-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e2e2e2}.chan-row img{width:48px;height:48px;border-radius:50%}.chan-row .sub{background:#cc181e;color:#fff;padding:7px 14px;border-radius:2px;font-weight:700;margin-left:auto}.desc{padding:14px 0;white-space:pre-wrap;color:#333}.related .card{display:flex;gap:8px;margin-bottom:10px}.related .card .thumb-wrap{flex:0 0 168px}.related .card .title{margin-top:0;font-size:12px}.banner{width:100%;aspect-ratio:1280/240;object-fit:cover;border-radius:2px}.chan-head{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e2e2e2;margin-bottom:16px}.chan-head img.avatar{width:80px;height:80px;border-radius:50%}.chan-head h1{margin:0;font-size:22px}.chan-head .handle{color:#888}.chan-head .sub{background:#cc181e;color:#fff;padding:9px 18px;border-radius:2px;font-weight:700;margin-left:auto}.trailer-box{position:relative;width:100%;max-width:680px;margin-bottom:22px;background:#000;border-radius:8px;overflow:hidden}.trailer-box video{display:block;width:100%;height:auto}.stage{background:#000;aspect-ratio:16/9;width:100%}.stage video{width:100%;height:100%}.controls{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;align-items:center}.controls button{padding:8px 16px;border:1px solid #ccc;background:linear-gradient(#fefefe,#f1f1f1);cursor:pointer;border-radius:2px;font-weight:700}.controls button:hover{background:#f1f1f1}.controls button.danger{background:#cc181e;color:#fff;border-color:#b3131a}.controls button.active{background:#167ac6;color:#fff;border-color:#1267a8}.controls input,.controls select{padding:7px;border:1px solid #ccc;border-radius:2px}.note{color:#888;margin-top:10px}.offline{text-align:center;padding:60px 20px;color:#888;background:#fff;border:1px solid #e0e0e0}.err{color:#cc181e;margin-top:10px}.viewer-count{color:#cc181e;font-weight:700}.countdown{background:#0f0f0f;color:#fff;aspect-ratio:16/9;width:100%;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;box-shadow:0 14px 40px #00000073}.cd-label{letter-spacing:3px;font-size:13px;color:#aaa}.cd-clock{display:flex;gap:18px}.cd-clock span{display:flex;flex-direction:column;align-items:center}.cd-clock b{font-size:46px;font-weight:700;line-height:1}.cd-clock small{font-size:11px;color:#aaa;margin-top:6px;text-transform:uppercase}.cd-title{font-size:18px;margin-top:6px}.cd-soon{color:#cc181e;font-weight:700}.home-cd{max-width:560px;margin:0 auto 8px}.home-premiere{max-width:760px;margin:0 auto 22px;display:flex;flex-direction:column;align-items:center;gap:14px}.home-premiere .watch-btn{align-self:center}.empty-note{color:#888;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:28px;text-align:center}.live-wrap{max-width:920px;margin:0 auto}.live-stage{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 18px 50px #0000008c}.live-stage>video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.live-pill{position:absolute;top:14px;left:14px;z-index:3;display:flex;align-items:center;gap:7px;background:#cc181e;color:#fff;font-weight:800;font-size:12px;letter-spacing:1px;padding:5px 10px;border-radius:6px;box-shadow:0 2px 10px #cc181e99}.live-pill .ld{width:8px;height:8px;background:#fff;border-radius:50%;animation:pulse 1.1s infinite}.live-views{position:absolute;top:14px;right:14px;z-index:3;background:#0009;color:#fff;font-weight:700;font-size:13px;padding:5px 11px;border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.live-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#bbb;font-size:15px;letter-spacing:1px}.live-loading:before{content:"";width:18px;height:18px;margin-right:10px;border-radius:50%;border:3px solid #444;border-top-color:#cc181e;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-unmute{position:absolute;bottom:18px;left:50%;transform:translate(-50%);z-index:4;background:#000000c7;color:#fff;border:1px solid rgba(255,255,255,.25);padding:10px 18px;border-radius:24px;cursor:pointer;font-weight:700;font-size:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-unmute:hover{background:#cc181e;border-color:#cc181e}.live-bar{display:flex;align-items:center;gap:16px;padding:14px 4px 0}.live-title{font-size:18px;font-weight:700;color:#1f1f1f}.live-actions{margin-left:auto}.live-actions button{padding:9px 16px;border:1px solid #ccc;background:linear-gradient(#fefefe,#f1f1f1);border-radius:20px;cursor:pointer;font-weight:700}.live-actions button.active{background:#167ac6;color:#fff;border-color:#1267a8}.off-glyph{font-size:54px;margin-bottom:6px}.live-page{display:flex;gap:16px;align-items:flex-start;max-width:1180px;margin:0 auto}.live-main{flex:1;min-width:0}@media (max-width:860px){.live-page{flex-direction:column}}.live-overlay{position:absolute;left:0;right:0;bottom:64px;z-index:4;text-align:center;pointer-events:none}.live-overlay:after{content:""}.live-overlay{font-size:22px;font-weight:800;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.9);padding:0 24px;animation:ovIn .35s ease}@keyframes ovIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.live-pill.replay{background:#167ac6;box-shadow:0 2px 10px #167ac699}.chat-overlay{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;flex-direction:column;gap:6px;max-width:60%;pointer-events:none}.co-bubble{background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:6px 10px;border-radius:14px;font-size:13px;width:fit-content;animation:coIn .25s ease,coOut .6s ease 7.4s forwards}@keyframes coIn{0%{opacity:0;transform:translate(-12px) scale(.96)}to{opacity:1;transform:none}}@keyframes coOut{to{opacity:0;transform:translate(-12px)}}.co-user{font-weight:800;margin-right:6px;color:#9ecbff}.co-user.host{color:#ff6a6a}.co-text{color:#fff}.chat{width:330px;flex:0 0 330px;background:#fff;border:1px solid #e2e2e2;border-radius:10px;display:flex;flex-direction:column;height:520px;overflow:hidden}@media (max-width:860px){.chat{width:100%;flex:none;height:380px}}.chat-head{padding:10px 12px;border-bottom:1px solid #eee;font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px}.chat-dot{width:8px;height:8px;border-radius:50%}.chat-dot.on{background:#2ecc71}.chat-dot.off{background:#bbb}.chat-log{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:7px}.chat-empty{color:#aaa;text-align:center;margin-top:20px}.chat-sys{color:#999;font-style:italic;font-size:12px;text-align:center}.chat-msg{font-size:13px;line-height:1.4;word-wrap:break-word}.chat-host{background:#cc181e;color:#fff;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;margin-right:5px;vertical-align:middle}.chat-user{font-weight:700;color:#167ac6;margin-right:5px}.chat-user.host{color:#cc181e}.chat-body{color:#222}.chat-box{display:flex;gap:6px;padding:8px;border-top:1px solid #eee}.chat-name{width:80px;flex:0 0 80px}.chat-box input{border:1px solid #ccc;border-radius:16px;padding:7px 11px;font-size:13px}.chat-text{flex:1}.chat-box button{border:none;background:#cc181e;color:#fff;width:38px;border-radius:50%;cursor:pointer;font-size:14px}.chat-box button:hover{background:#b3131a}