@charset "UTF-8";
:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#243b36;background:#f5f7f4;font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,p{margin:0}svg{width:18px;height:18px;vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9ec6ad;outline-offset:3px}input{width:100%;padding:12px;border:1px solid #d9e2da;border-radius:8px;background:#fff;color:#243b36;min-width:0}input:focus{outline:2px solid #bbd5c1;border-color:#659d7c}label{display:block;font-size:13px;font-weight:600;margin:18px 0 9px}.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#fff;color:#31594b;border:1px solid #dce5dd;border-radius:8px;min-height:39px;padding:9px 13px;font-size:13px;white-space:nowrap}.button:hover,.icon-button:hover{background:#edf3ed}.button.primary{background:#225c4c;color:#fff;border-color:#225c4c}.button.primary:hover{background:#194a3e}.button.wide{width:100%}.icon-button{width:39px;padding:9px}.brand{font-size:21px;font-weight:650;letter-spacing:1px}.topbar{background:#fff;border-bottom:1px solid #e2e9e2;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px max(24px,calc((100vw - 1200px)/2))}.account-actions{display:flex;gap:9px}.workspace{max-width:1248px;padding:32px 24px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.page-heading h1{font-size:26px;font-weight:600}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{border:0;border-radius:7px;background:transparent;color:#6e8277;padding:9px 14px;font-size:13px}.tab.active{background:#e1ece0;color:#225c4c;font-weight:600}.search{width:250px}.rooms-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.room-card{border:1px solid #e1e8df;border-radius:12px;padding:21px;background:#fff;min-width:0}.room-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.room-card h2{font-size:17px;font-weight:600;overflow-wrap:anywhere;min-width:0}.status-chip,.watch-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;background:#f0f3ee;color:#6f8173;border-radius:6px;padding:5px 7px;white-space:nowrap}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9caaa0}.status-chip.live,.watch-status.live{color:#286243;background:#e7f2e3}.live .dot{background:#5f9e65}.status-chip.disabled{color:#a16c60;background:#f7ede8}.viewer-count{color:#809185;font-size:12px;margin:18px 0 23px}.room-actions{display:flex;align-items:center;gap:7px}.room-actions .button{font-size:12px;padding:8px 10px}.room-actions .icon-button{margin-left:auto;flex-shrink:0}.empty-state{padding:55px 0;color:#809185;text-align:center;grid-column:1/-1}.notice{padding:12px 15px;border-radius:8px;font-size:13px;margin-bottom:18px}.notice.error{color:#985c4d;background:#fbede6}.login-screen{display:grid;place-items:center;min-height:100vh;padding:24px}.login-panel{width:min(100%,380px);background:#fff;border:1px solid #e1e8df;border-radius:12px;padding:32px}.login-panel h1{font-size:22px;margin:28px 0 10px;font-weight:600}.form-error{color:#ae5148;min-height:18px;font-size:12px;margin:10px 0}.modal{border:0;padding:0;border-radius:12px;width:min(520px,calc(100vw - 30px));max-height:calc(100dvh - 30px);color:#243b36;box-shadow:0 18px 80px #183a3529;overflow:auto}.modal::backdrop{background:#173d3560}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid #e5ebe3}.modal-head h2{font-size:18px;font-weight:600;overflow-wrap:anywhere}.modal-body{padding:18px 24px 24px}.modal-body>form>label:first-child,.modal-body>label:first-child{margin-top:0}.modal-body p{font-size:13px;line-height:1.8}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 24px;border-top:1px solid #e5ebe3}.credential-row{display:flex;gap:8px}.credential-row input{font-size:12px}.check-row{display:flex;align-items:center;gap:8px;font-weight:400;margin:14px 0 22px}.check-row input{width:auto}.action-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.advanced{margin-top:24px;border-top:1px solid #e5ebe3;padding-top:18px}.advanced summary{cursor:pointer;font-size:13px;color:#6b8174}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 18px;border-radius:8px;background:#254d40;color:white;font-size:13px;box-shadow:0 6px 20px #0002;max-width:calc(100vw - 30px);z-index:1000;pointer-events:none}
.watch-body{background:#101d17;color:#d5e0d5}.watch-header{height:68px;max-width:1140px;padding:20px 24px;margin:auto}.watch-header .brand{font-size:18px;color:#c5d8bb}.watch-main{max-width:1140px;margin:auto;padding:22px 24px 30px}.watch-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.watch-title-row h1{font-size:23px;font-weight:500;overflow-wrap:anywhere;min-width:0}.watch-status{background:#26392b;color:#a4b69d;flex-shrink:0}.watch-status.live{background:#29442e;color:#bdd0ad}.video-shell{position:relative;aspect-ratio:16/9;background:#080e0b;border:1px solid #2b3d2e;border-radius:10px;overflow:hidden}.video-shell video{width:100%;height:100%;display:block;object-fit:contain}.player-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#14241bd9;text-align:center}.player-overlay h2{font-size:19px;font-weight:500}.player-overlay p{font-size:13px;line-height:1.8;color:#8fa68b;margin-top:12px}.player-overlay .button{margin-top:20px;background:#2a4933;color:#d2e0c9;border-color:#406447}.watch-controls-info{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;color:#8ba283;font-size:12px}.watch-controls-info .button{background:transparent;color:#b1c6a8;border-color:#344e38}
@media(max-width:1000px){.rooms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.topbar{padding:16px;min-height:68px}.brand{font-size:18px}.account-actions{gap:6px}.account-actions .button{font-size:11px;min-height:34px;padding:7px 9px}.workspace{padding:24px 16px}.page-heading h1{font-size:23px}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.search{width:100%}.tab{font-size:12px;padding:9px 12px}.rooms-grid{grid-template-columns:1fr;gap:13px}.room-card{padding:19px}.room-actions .button{padding:9px 12px}.modal-head{padding:18px 20px}.modal-body{padding:18px 20px 22px}.modal-footer{padding:15px 20px}.credential-row .button{font-size:11px;padding:8px}.watch-header{height:61px;padding:18px 16px}.watch-main{padding:18px 12px 24px}.watch-title-row h1{font-size:20px}.watch-title-row{margin-bottom:15px}.player-overlay h2{font-size:16px}.player-overlay p{font-size:11px;margin-top:9px}.player-overlay .button{margin-top:12px;font-size:11px;min-height:33px}.watch-controls-info{font-size:11px}.watch-controls-info .button{font-size:11px;min-height:34px}}
.live-player-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:7px;z-index:2}.live-player-controls .button{background:#14241bd9;border-color:#46604b;color:#d2e0c9;min-height:34px;padding:7px 11px;font-size:12px}.video-shell:fullscreen{border:0;border-radius:0;aspect-ratio:auto}.video-shell:fullscreen video{object-fit:contain}@media(max-width:620px){.live-player-controls{bottom:7px;right:7px;gap:5px}.live-player-controls .button{font-size:11px;padding:6px 8px;min-height:32px}}