:root{--ink:#1b304a;--muted:#718094;--blue:#2563c7;--line:#e0e7ef;--page:#f3f6fa}*{box-sizing:border-box}body{margin:0;font:15px/1.65 "Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--page)}[hidden]{display:none!important}header{height:84px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-weight:700;font-size:20px}.brand-mark{display:grid;place-items:center;background:var(--blue);color:#fff;border-radius:12px;width:44px;height:44px;font-size:27px}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:2px}#account{display:flex;align-items:center;gap:14px}main{max-width:1440px;margin:36px auto;padding:0 32px}h1{font-size:28px;margin:6px 0}h2{font-size:18px;margin:0 0 18px}.muted,.hint{color:var(--muted)}.hint{font-size:13px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);font-weight:700}.login-card{max-width:460px;margin:9vh auto;padding:38px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 55px #203c6310}.login-card form{margin-top:27px}label{display:block;font-size:13px;font-weight:600;margin:15px 0}input,select{display:block;width:100%;height:44px;padding:9px 12px;border:1px solid #ccd7e4;border-radius:7px;font:inherit;color:var(--ink);background:#fff;margin-top:7px}input:focus,select:focus{outline:2px solid #bfd6fc;border-color:var(--blue)}button{font:inherit;font-size:13px;font-weight:600;border:1px solid #d0dbe8;background:#fff;color:#375471;padding:9px 16px;border-radius:7px;cursor:pointer}button:hover{background:#eef4fd}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:#1c51ab}.full{width:100%;margin-top:8px}.quiet{background:transparent;border-color:transparent}.page-title{display:flex;justify-content:space-between;align-items:center;margin:28px 0 24px;gap:20px}.page-title p{margin:5px 0}.view-layout{display:grid;grid-template-columns:265px minmax(0,1fr);gap:22px}.device-panel,.player-card,.card{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.panel-heading{padding:18px 20px;border-bottom:1px solid var(--line);font-weight:600;display:flex;justify-content:space-between}.device-item{display:block;text-align:left;width:calc(100% - 20px);margin:10px;padding:14px;border:1px solid transparent;background:#f7f9fc}.device-item.active{background:#eaf2ff;border-color:#90b6ef;color:#154f9e}.device-item small{display:block;margin-top:7px;font-weight:400}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a3aebc;margin-right:6px}.dot.online{background:#23a17b}.player-heading{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;gap:12px}.player-heading h2{margin-bottom:4px}.player-heading span{font-size:13px}.video-box{position:relative;background:#101b2b;aspect-ratio:16/9;display:grid;place-items:center}video{width:100%;height:100%;position:absolute;inset:0}#video-placeholder{position:absolute;color:#a8b8cb;font-size:14px;pointer-events:none}.player-footer{display:flex;justify-content:space-between;padding:12px 24px;font-size:12px;color:var(--muted)}#admin-panel{margin-top:48px;padding-top:12px;border-top:1px solid var(--line)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{padding:24px;margin-bottom:22px}.admin-grid .card{margin:0}.wide{grid-column:1/-1;margin-bottom:22px!important}.badge{background:#e4edfc;color:#235daf;font-size:12px;padding:5px 14px;border-radius:20px}.inline-form{display:flex;align-items:end;gap:15px}.inline-form label{margin-bottom:0;flex:1;max-width:350px}.checkbox{display:flex;align-items:center;gap:8px;font-weight:400}.checkbox input{width:17px;height:17px;margin:0;flex-shrink:0}.binding-info{display:flex;gap:20px;flex-wrap:wrap;padding:18px;background:#f3f7fc;margin-top:20px;border-radius:8px}.mono{font-family:Consolas,monospace;overflow-wrap:anywhere}.warning{padding:13px 16px;background:#fff5df;border-left:3px solid #d69a32;font-size:13px;margin:15px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:500;background:#f8fafc}td small{display:block;font-size:11px;color:var(--muted);margin-top:5px}td button{font-size:12px;padding:5px 8px;margin:0 5px 5px 0}.danger{color:#b14343}#notice{position:sticky;top:10px;z-index:10;max-width:850px;margin:15px auto;padding:12px 20px;border:1px solid #a8c5eb;border-radius:9px;background:#edf5ff;box-shadow:0 6px 20px #28436412}#notice.error{background:#fff0ef;border-color:#efc1bc;color:#a13932}dialog{border:1px solid var(--line);border-radius:14px;max-width:440px;width:90%;padding:28px}dialog::backdrop{background:#0e203880}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}footer{text-align:center;font-size:12px;color:#8a98a9;padding:32px}.empty{padding:26px;color:var(--muted);font-size:13px}@media(max-width:800px){header{padding:0 20px}.brand{font-size:16px}#username{display:none}main{padding:0 15px;margin-top:20px}.view-layout{grid-template-columns:1fr}.device-panel{max-height:230px;overflow:auto}.admin-grid{grid-template-columns:1fr}.wide{grid-column:auto}.page-title h1{font-size:24px}.card{padding:18px}.login-card{padding:28px;margin-top:5vh}.player-heading{padding:15px}.player-footer{padding:10px 15px;font-size:11px}#notice{margin:10px 15px}.inline-form{align-items:center}.binding-info{gap:8px}}