:root{color-scheme:dark;--bg:#101214;--text:#f1f1ed;--muted:#959b9c;--line:#303436;--accent:#f0b783}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}header,main,footer{max-width:1184px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:var(--text);text-decoration:none;font-weight:750;letter-spacing:2px;font-size:16px;display:flex;align-items:center;gap:12px}.mark{display:grid;place-items:center;background:var(--accent);color:#171513;width:32px;height:32px;font-size:23px;letter-spacing:-3px;padding-right:3px}.brand-light{color:var(--muted);font-size:12px;font-weight:400}.header-label{font-size:12px;color:var(--muted);letter-spacing:2px}main{padding-top:54px}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:3px}h1{font-size:38px;font-weight:500;letter-spacing:1px;margin:10px 0 0}.accent{color:var(--accent)}.badge{font-size:12px;display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line);border-radius:30px;color:var(--muted)}.badge i{width:6px;height:6px;border-radius:50%;background:#7b8080}.badge.on{color:var(--accent)}.badge.on i{background:var(--accent)}.screen{position:relative;aspect-ratio:16/9;background:#050607;border:1px solid #303436;overflow:hidden;border-radius:4px}#video-mount,.video-js,.tcplayer{width:100%!important;height:100%!important}.screen .vjs-tech{object-fit:contain}.welcome{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;border:0;border-radius:0;padding:0;pointer-events:auto;z-index:2;cursor:pointer;background:radial-gradient(ellipse at 50% 60%,#29241f 0,transparent 65%),#080a0c}.welcome[hidden]{display:none}.play-symbol{width:65px;height:65px;display:grid;place-items:center;border:1px solid #574a3e;color:var(--accent);border-radius:50%;font-size:18px;padding:0 0 0 3px;background:transparent;pointer-events:none}.welcome-title{font-size:21px;letter-spacing:2px;font-weight:400;margin:22px 0 0}.welcome-hint{color:var(--muted);font-size:12px;margin-top:12px}.toolbar{display:flex;gap:10px;align-items:center;margin-top:20px}button{border:1px solid #3c4143;background:#1b1e20;color:var(--text);font:inherit;font-size:13px;padding:12px 22px;border-radius:3px;cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:#1d1712;border-color:var(--accent);min-width:122px;font-weight:600}.protocol{margin-left:auto;color:var(--muted);font-size:12px}.status{font-size:12px;color:var(--muted);line-height:1.8;min-height:22px;margin:14px 0 38px}footer{display:flex;justify-content:space-between;margin-top:24px;padding:22px 0 30px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);letter-spacing:1px}@media(max-width:1240px){header,main,footer{margin-left:28px;margin-right:28px}}@media(max-width:600px){header,main,footer{margin-left:18px;margin-right:18px}header{height:75px}.brand{font-size:12px;gap:8px}.brand-light,.header-label{display:none}main{padding-top:30px}h1{font-size:28px}.heading{margin-bottom:20px}.badge{font-size:11px}.welcome-title{font-size:16px;margin-top:12px}.welcome-hint{font-size:10px}.play-symbol{width:42px;height:42px;font-size:13px}.toolbar{gap:8px;flex-wrap:wrap}button{padding:11px 13px;font-size:12px}.primary{min-width:100px}.protocol{display:none}.status{margin-bottom:25px}footer{margin-top:20px;font-size:9px}}

.welcome:disabled{opacity:1;cursor:wait}.welcome:disabled .play-symbol{opacity:.45}.welcome:focus-visible{outline-offset:-5px}.welcome-title,.welcome-hint{display:block}
[hidden]{display:none!important}.access-panel{max-width:420px;margin:18px auto 70px;padding:34px;background:#191c1e;border:1px solid var(--line);border-radius:6px}.access-panel h1{font-size:26px;margin:14px 0}.access-panel p{font-size:13px;color:var(--muted);line-height:1.8}.access-panel label{display:block;font-size:12px;margin:25px 0 10px}.access-panel input{display:block;width:100%;padding:13px;border:1px solid #414749;border-radius:4px;background:#111416;color:var(--text);font:inherit;font-size:14px}.access-panel input:focus{outline:1px solid var(--accent);border-color:var(--accent)}.access-panel button{width:100%;margin-top:18px}.access-panel #access-message{min-height:24px;margin-bottom:0}.access-panel .error{color:#f6a5a0}@media(max-width:600px){.access-panel{padding:25px;margin:0 auto 40px}}
.artc-video{display:block;width:100%;height:100%;object-fit:contain;background:#050607}