.floating-guide-layer{z-index:1200;pointer-events:none;position:fixed;inset:0}.floating-guide-hole{pointer-events:none;border-radius:8px;transition:top .18s,left .18s,width .18s,height .18s;position:absolute;box-shadow:0 0 0 9999px #02070b9e,0 0 0 2px #55a7fff2,0 0 22px #55a7ff8c}.floating-guide-tip{color:#b7c7d2;pointer-events:auto;background:#111a22;border:1px solid #49657a;border-radius:10px;padding:16px 18px 14px;transition:top .18s,left .18s;position:absolute;box-shadow:0 18px 60px #0009,0 0 0 1px #55a7ff1f}.floating-guide-tip h3{color:#eff8ff;margin:0 26px 8px 0;font-size:15px;font-weight:800;line-height:1.4}.floating-guide-tip p{margin:0 0 14px;font-size:13px;line-height:1.7}.fg-close{color:#8fa0ae;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:10px;right:10px}.fg-close:hover{color:#e8f7ff;background:#ffffff14}.fg-buttons{align-items:center;gap:8px;display:flex}.fg-progress{color:#718596;font:700 12px var(--font-mono), "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", monospace;margin-right:auto}.fg-buttons button{cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.fg-skip{color:#8fa0ae;background:0 0;border:0}.fg-skip:hover{color:#c6d6e3}.fg-prev{color:#aab8c3;background:#18232d;border:1px solid #394b59}.fg-prev:not(:disabled):hover{color:#e8f7ff;border-color:#55a7ff}.fg-prev:disabled{opacity:.35;cursor:default}.fg-next{color:#061319;background:#55a7ff;border:1px solid #55a7ff}.fg-next:hover{filter:brightness(1.12)}@media (max-width:560px){.floating-guide-tip{padding:14px 14px 12px}.floating-guide-tip p{font-size:12px}.fg-skip{display:none}}.gate-fullscreen{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070bd1;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.gate-fullscreen .gate-card{background:#111a22;border:1px solid #49657a;border-radius:12px;flex-direction:column;width:min(720px,100%);display:flex;overflow:hidden;box-shadow:0 24px 80px #000000a6,0 0 0 1px #55d4e814}.gate-card-header{color:#eff8ff;border-bottom:1px solid #334653;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:700;display:flex}.gate-brand-logo{object-fit:contain;border-radius:7px;width:39px;height:39px}.gate-brand-copy{gap:1px;line-height:1.15;display:grid}.gate-brand-copy strong{color:#edf5fb;letter-spacing:.01em;font-size:14px}.gate-brand-copy span{color:#708295;font-family:var(--font-mono), "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", monospace;letter-spacing:.13em;font-size:9px;font-weight:700}.gate-fullscreen .notices-banner{z-index:5;width:min(560px,92%);position:fixed;top:16px;left:50%;transform:translate(-50%)}.gate-fullscreen .guide-status{color:#8cd9ff;background:#0c1a24;border:1px solid #1e3a4a;border-radius:6px;margin:12px 0 0;padding:10px 14px;font-size:13px;line-height:1.6}.gate-fullscreen .guide-status-ok{color:#54dc9a;background:#0e1c16;border-color:#2e5a44}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gate-layout{grid-template-columns:1fr;align-items:start;width:min(780px,100%);display:grid}.gate-fullscreen>.theme-toggle{z-index:6;position:fixed;top:14px;right:14px}.gate-fullscreen .hid-creds-summary,.gate-fullscreen .hid-reset-actions,.gate-fullscreen .guide-identity{display:none}.trajectory-mode-tabs{margin-right:12px}.gate-card-header .theme-toggle{background:#18232d;border-radius:50%;justify-content:center;width:30px;height:30px;margin-left:auto;padding:0}.gate-card-header .theme-toggle span{display:none}.gate-card-header .theme-toggle svg{width:15px;height:15px}.gate-fullscreen{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.gate-layout{flex-direction:column;align-items:center;display:flex}.gate-card-header .theme-toggle{color:#b7c7d2;border:1px solid #394b59}.gate-card-header .theme-toggle:hover{color:#e8f7ff;border-color:#55a7ff}.studio-main{position:relative}.private-hid-transport-host{flex-direction:column;flex:none;width:100%;min-width:0;display:flex}.private-hid-transport-host.expanded{z-index:20;background:#0a1016;width:auto;min-height:0;position:absolute;inset:0;overflow:hidden}.hid-primary-toolbar{color:#8395a3;background:#0e171f;border-bottom:1px solid #2d3e4b;flex:0 0 48px;align-items:center;gap:12px;min-height:48px;padding:0 18px;font-size:11px;display:flex}.hid-primary-identity{color:#8ea0ad;background:#111c25;border:1px solid #354754;border-radius:4px;align-items:center;gap:7px;height:31px;padding:0 9px;display:flex}.hid-primary-identity span{font:800 10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace}.hid-primary-identity strong{color:#d8a954;font:800 9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace}.hid-primary-identity.online{border-color:#54dc9a73}.hid-primary-identity.online svg,.hid-primary-identity.online strong{color:var(--green)}.hid-primary-toolbar>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.hid-primary-toolbar>button{color:#061619;background:var(--cyan);border:1px solid var(--cyan);border-radius:4px;align-items:center;gap:6px;height:32px;padding:0 11px;font-weight:800;display:flex}.hid-compact-connect{background:var(--surface);border-bottom:1px solid var(--border);flex:0 0 55px;align-items:center;gap:12px;width:100%;min-width:0;min-height:55px;padding:8px 18px;display:flex;overflow:hidden}.hid-compact-connect .connect-button:disabled{opacity:.45;cursor:default}.hid-chip-field{flex:0 350px;grid-template-rows:10px 28px;gap:3px;min-width:240px;display:grid}.hid-chip-field>span{color:var(--text-dim);font:600 9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;letter-spacing:.06em}.hid-chip-field input{color:#b8c5d1;width:100%;height:28px;font:11px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;background:#0d141c;border:1px solid #2d3945;border-radius:3px;padding:0 7px}.hid-chip-field input:disabled{opacity:.65}.hid-chip-field.hid-auth-key-field{flex-basis:320px;grid-template-rows:10px 42px}.hid-chip-field.hid-auth-key-field textarea{color:#b8c5d1;width:100%;height:42px;font:10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;resize:none;background:#0d141c;border:1px solid #2d3945;border-radius:3px;padding:5px 7px}.hid-compact-connect .connection-note{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.hid-compact-connect .connection-note.error{font-weight:700;color:#ff858f!important;display:block!important}.hid-chip-input-wrap{align-items:stretch;gap:4px;height:28px;display:flex}.hid-chip-input-wrap input{flex:1;width:auto;min-width:0}.hid-chip-clear{color:#9aa9b6;cursor:pointer;background:#0d141c;border:1px solid #2d3945;border-radius:3px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.hid-chip-clear:hover:not(:disabled){color:#e0ebf4;background:#1c2833;border-color:#3d5161}.hid-chip-clear:disabled{opacity:.4;cursor:default}.hid-device-guide{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070bd1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hid-device-guide-card{background:#111a22;border:1px solid #49657a;border-radius:12px;grid-template-columns:300px minmax(0,1fr);width:min(880px,100%);display:grid;overflow:hidden;box-shadow:0 24px 80px #000000a6,0 0 0 1px #55d4e814}.hid-device-guide-image{color:#7094aa;text-align:center;background:repeating-linear-gradient(135deg,#101a23,#101a23 12px,#0d161e 12px 24px);border-right:1px solid #334653;place-content:center;gap:14px;min-height:330px;display:grid}.hid-device-guide-image svg{color:var(--cyan);justify-self:center}.hid-device-guide-image span{font:11px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace}.hid-device-guide-copy{flex-direction:column;min-height:330px;padding:32px 36px 28px;display:flex}.hid-device-guide-copy h2{color:#eff8ff;margin:4px 0 12px;font-size:28px;line-height:1.25}.hid-device-guide-copy p{color:#b7c7d2;margin:0;font-size:15px;line-height:1.7}.hid-device-guide-copy ol{color:#b4c4d0;margin:16px 0 6px;padding-left:22px;font-size:15px;line-height:2}.hid-device-guide-copy code{color:#8cd9ff}.hid-device-guide-copy .guide-actions{justify-content:flex-end;gap:10px;margin-top:auto;padding-top:24px;display:flex}.hid-device-guide-copy button{border-radius:7px;align-items:center;gap:8px;height:46px;padding:0 22px;font-size:15px;font-weight:800;display:inline-flex}.guide-cancel{color:#aab8c3;background:#18232d;border:1px solid #394b59}.guide-confirm{color:#06130d;background:var(--green);border:1px solid #61e4a4}@media (max-width:700px){.hid-device-guide-card{grid-template-columns:1fr}.hid-device-guide-image{border-bottom:1px solid #334653;border-right:0;min-height:130px}.hid-device-guide-copy{padding:20px}}.hid-device-guide-copy .guide-error{color:#ffb3ba;background:#2a1519;border:1px solid #6b2f37;border-radius:6px;margin:16px 0 0;padding:11px 13px;font-size:13px;line-height:1.6}.hid-device-guide-copy .guide-led,.hid-recover-card .guide-led{color:#b7e3d0;background:#0e1c16;border:1px solid #2e5a44;border-radius:6px;margin:14px 0 2px;padding:10px 12px;font-size:13px;line-height:1.7}.hid-device-guide-copy .guide-led i,.hid-recover-card .guide-led i{vertical-align:-1px;border-radius:50%;width:9px;height:9px;margin-right:7px;display:inline-block}.hid-device-guide-copy .guide-led strong,.hid-recover-card .guide-led strong{color:#e9f9f1}.hid-device-guide-copy ol li strong.guide-action-warn{color:#ffb347;background:#ff980024;border:1px solid #ffb34799;border-radius:6px;padding:3px 12px;font-weight:800;display:inline-block;box-shadow:0 0 12px #ff98002e}.hid-device-guide-copy ol li strong.guide-action-ok{color:#52e88c;background:#52e88c21;border:1px solid #52e88c99;border-radius:6px;padding:3px 12px;font-weight:800;display:inline-block;box-shadow:0 0 12px #52e88c2e}.hid-device-guide-card.device-flow{flex-direction:column;width:min(940px,100%);display:flex}.hid-device-guide-card.device-flow .hid-guide-figure{justify-content:center;align-items:center;padding:26px 28px 2px;display:flex}.hid-guide-svg{width:min(660px,100%);height:auto;display:block}.hid-guide-svg .guide-off{opacity:.35;filter:grayscale()}.hid-device-guide-copy .guide-identity{background:#0c141b;border:1px solid #2e4756;border-radius:9px;grid-template-columns:max-content minmax(0,1fr);gap:9px 18px;margin:14px 0 6px;padding:16px 18px;display:grid}.hid-device-guide-copy .guide-identity>span{color:#6f8290;font:700 11px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;letter-spacing:.08em;align-self:center}.hid-device-guide-copy .guide-identity code{color:#8cd9ff;font:800 19px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;letter-spacing:.05em}.hid-recover{z-index:1050;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070bd1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hid-recover-card{background:#151014;border:1px solid #7a4a52;border-radius:12px;width:min(540px,100%);padding:28px 32px 24px;box-shadow:0 24px 80px #0009}.hid-recover-card .page-eyebrow{color:#ff858f}.hid-recover-card h2{color:#f5eef0;margin:4px 0 10px;font-size:26px}.hid-recover-card p{color:#cfb9bd;margin:0;font-size:14px;line-height:1.7}.hid-recover-card ol{color:#dcc0c4;margin:14px 0 12px;padding-left:22px;font-size:14px;line-height:2}.hid-recover-card .guide-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.hid-recover-card .guide-actions button{border-radius:7px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex}.hid-recover-ok{color:#fff;background:#c0392b;border:1px solid #e05a4d}.hid-recover-note{color:#98a7b0;margin-top:6px;font-size:12px;line-height:1.6}.hid-chooser{z-index:1060;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02070bd1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hid-chooser-card{background:#0f1720;border:1px solid #3b5a74;border-radius:12px;width:min(600px,100%);max-height:min(660px,100vh - 48px);padding:28px 32px 24px;overflow:auto;box-shadow:0 24px 80px #0009,0 0 0 1px #55d4e814}.hid-chooser-card .page-eyebrow{color:#75bcf5}.hid-chooser-card h2{color:#eaf4fb;margin:4px 0 10px;font-size:24px}.hid-chooser-card>p{color:#aabac6;margin:0;font-size:14px;line-height:1.7}.hid-chooser-list{gap:9px;margin:16px 0 4px;display:grid}.hid-chooser-item{color:#dce8f1;text-align:left;cursor:pointer;background:#0d141c;border:1px solid #2b3c49;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;padding:13px 15px;display:grid}.hid-chooser-item:hover{background:#12202c;border-color:#4fc3f7}.hid-chooser-id{color:#8cd9ff;font:11px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;white-space:nowrap}.hid-chooser-name{color:#e6f0f7;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.hid-chooser-chip{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-flex}.hid-chooser-chip:before{content:"";border-radius:50%;width:8px;height:8px}.hid-chooser-chip.on{color:#c9f0d9;background:#0e2016;border:1px solid #2e5a44}.hid-chooser-chip.on:before{background:#52e88c}.hid-chooser-chip.off{color:#c7d3da;background:#17222b;border:1px solid #3a4c59}.hid-chooser-chip.off:before{background:#6b7f8c}.hid-chooser-card .guide-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.hid-chooser-card .guide-actions button{border-radius:7px;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:800;display:inline-flex}.hid-device-guide-copy button:disabled{opacity:.5;cursor:default}.hid-disconnect-toast{z-index:1100;color:#ffd9dc;background:#32181d;border:1px solid #a94a57;border-radius:7px;grid-template-columns:24px minmax(0,1fr) 28px;align-items:center;gap:11px;width:min(560px,100vw - 32px);padding:13px 14px;animation:.18s ease-out hid-toast-in;display:grid;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 14px 46px #0009,0 0 24px #dc465624}.hid-disconnect-toast>svg{color:#ff6f7d}.hid-disconnect-toast>div{gap:3px;min-width:0;display:grid}.hid-disconnect-toast strong{color:#fff0f1;font-size:14px}.hid-disconnect-toast span{color:#eab8bd;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4;overflow:hidden}.hid-disconnect-toast button{color:#d99ba2;background:0 0;border:0;border-radius:4px;place-items:center;width:28px;height:28px;display:grid}.hid-disconnect-toast button:hover{color:#fff;background:#ffffff14}@keyframes hid-toast-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.private-hid-page{color:#dce6ef;background:#0a1016;flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;padding:14px 18px;display:flex;overflow:hidden}.private-hid-page>header{border-bottom:1px solid #293744;justify-content:space-between;align-items:center;min-height:62px;display:flex}.private-hid-page h1{margin:0 12px 0 0;font-size:24px;display:inline}.private-hid-page header p{color:#8495a2;font-size:12px;display:inline}.private-hid-actions{gap:7px;display:flex}.private-hid-actions button,.private-hid-status button,.private-command-send{color:#dce8f1;background:#172532;border:1px solid #37536a;border-radius:4px;align-items:center;gap:6px;height:33px;padding:0 11px;font-weight:800;display:flex}.private-hid-actions button:disabled,.private-hid-status button:disabled,.private-command-send:disabled{opacity:.35}.private-hid-status{background:#111921;border:1px solid #30404e;border-radius:4px;align-items:center;gap:9px;min-height:42px;padding:5px 9px;display:flex}.private-hid-status>strong{color:#e5b85c;font:800 10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace}.private-hid-status.online>strong,.private-hid-status.online>svg{color:var(--green)}.private-hid-status>span{color:#8193a1;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.private-hid-status label{color:#788b99;font:9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;align-items:center;gap:7px;display:flex}.private-hid-status select{color:#d8e4ed;height:30px;font:11px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;background:#090f15;border:1px solid #3a4c5a;border-radius:3px}.private-hid-status code{color:#89bde1;font:10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;white-space:nowrap}.private-knock-panel{background:#101922;border:1px solid #334451;border-radius:4px;align-items:end;gap:9px;min-height:57px;padding:7px 9px;display:flex}.private-knock-panel label{gap:4px;min-width:0;display:grid}.private-knock-panel label:first-child{flex:1}.private-knock-panel span{color:#8193a1;font:9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace}.private-knock-panel textarea{color:#d8e4ed;width:100%;height:44px;font:10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;resize:none;background:#090f15;border:1px solid #3a4c5a;border-radius:3px;padding:5px 8px}.private-knock-panel label.private-auth-key{flex:1.2}.private-knock-panel input,.private-knock-panel select{color:#d8e4ed;height:31px;font:11px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;background:#090f15;border:1px solid #3a4c5a;border-radius:3px;padding:0 8px}.private-knock-panel button{color:#171006;background:#e5b85c;border:1px solid #e5b85c;border-radius:3px;align-items:center;gap:6px;height:31px;padding:0 11px;font-weight:800;display:flex}.private-knock-panel button:disabled{opacity:.35}.private-knock-panel>code{color:#83bde9;font:10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;white-space:nowrap;align-self:center}.private-hid-grid{flex:1;grid-template-columns:minmax(340px,.8fr) minmax(460px,1.2fr);gap:10px;min-height:0;display:grid}.private-command-panel,.private-frame-panel{background:#10171f;border:1px solid #334451;border-radius:5px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.private-command-panel>header,.private-frame-panel>header{background:#141e27;border-bottom:1px solid #334451;align-items:center;gap:9px;min-height:41px;padding:0 10px;display:flex}.private-command-panel header span{color:#718493;font:9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace}.private-command-presets{border-bottom:1px solid #293744;flex-wrap:wrap;gap:5px;padding:8px;display:flex}.private-command-presets button{color:#8fc9ee;font:9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;background:#101e29;border:1px solid #31506a;border-radius:3px;padding:5px 7px}.private-command-panel>label{gap:5px;padding:9px;display:grid}.private-command-panel>label span,.private-response strong{color:#8193a1;font:9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace}.private-command-panel textarea{resize:none;color:#b9dcf5;height:76px;font:12px/1.5 var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;background:#090f14;border:1px solid #334451;padding:9px}.private-command-send{color:#071719;background:var(--cyan);border-color:var(--cyan);justify-content:center;margin:0 9px 9px}.private-response{border-top:1px solid #293744;flex-direction:column;flex:1;min-height:0;padding:9px;display:flex}.private-response pre{color:#b8d8c9;min-height:0;font:11px/1.55 var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;white-space:pre-wrap;background:#090f14;flex:1;margin:7px 0 0;padding:9px;overflow:auto}.private-frame-panel>header button{color:#9fb0bc;background:#17212a;border:1px solid #364652;border-radius:3px;align-items:center;gap:5px;height:26px;margin-left:auto;font-size:9px;display:flex}.private-frame-panel>div{background:#090f14;flex:1;min-height:0;overflow:auto}.private-frame-panel article{min-height:31px;font:10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;border-bottom:1px solid #1e2b34;grid-template-columns:72px 38px minmax(0,1fr);align-items:center;gap:7px;padding:0 9px;display:grid}.private-frame-panel time{color:#627582}.private-frame-panel b{color:#71baf0}.private-frame-panel article.tx b{color:var(--cyan)}.private-frame-panel article.sys b{color:var(--green)}.private-frame-panel article.err b,.private-frame-panel article.err code{color:var(--red)}.private-frame-panel code{color:#c0d3e0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:1100px){.private-hid-grid{grid-template-columns:minmax(300px,.75fr) minmax(390px,1.25fr)}.private-hid-page header p{display:none}}.hid-creds-summary{flex:0 auto;align-items:center;gap:8px;min-width:0;display:flex}.hid-cert-button{color:#9fc4dd;height:26px;font:600 10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;cursor:pointer;white-space:nowrap;background:#0e1a24;border:1px solid #2f4a5f;border-radius:3px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.hid-cert-button svg{color:#65b8ff}.hid-cert-button:hover{color:#e4f1fa;background:#14222e;border-color:#3d5a72}.hid-cert-button.ready{color:#7fe0ae;background:#0e1c16;border-color:#2e5a44}.hid-cert-button.ready svg{color:#52e88c}.private-knock-panel .hid-cert-button{height:31px}.hid-creds-status,.private-creds-status{color:#8193a1;min-width:0;font:9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace}.hid-creds-status{max-width:300px}.private-creds-status{flex:240px;align-self:center;min-width:200px}.hid-creds-status.ok,.private-creds-status.ok{color:#52e88c}.hid-creds-status.err,.private-creds-status.err{color:#ff858f}.hid-creds-status.updating,.private-creds-status.updating{color:#e5b85c}.private-knock-panel{flex-wrap:wrap}.hid-cert-card{max-height:none;overflow:visible}.hid-cert-card .hid-cert-field{gap:5px;display:grid}.hid-cert-card .hid-cert-field>span{color:#8193a1;font:600 9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;letter-spacing:.06em}.hid-cert-card .hid-cert-field textarea{color:#b9dcf5;width:100%;min-height:0;font:11px/1.5 var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;resize:vertical;background:#090f14;border:1px solid #334451;border-radius:4px;padding:8px 10px}.hid-cert-card .hid-cert-field input{color:#d8e4ed;width:76px;height:31px;font:11px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;background:#090f15;border:1px solid #3a4c5a;border-radius:3px;padding:0 8px}.hid-cert-card .hid-cert-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hid-cert-card .hid-cert-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;display:flex}.hid-cert-card .hid-cert-hours{white-space:nowrap;align-items:center;gap:8px;display:flex}.hid-cert-card .hid-cert-actions{gap:8px;display:flex}.hid-cert-card .hid-cert-actions button{cursor:pointer;border-radius:5px;align-items:center;gap:6px;height:32px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.hid-cert-card .hid-cert-gen{color:#bfe6ff;background:#0c1a28;border:1px solid #2f5a7a}.hid-cert-card .hid-cert-gen:hover{background:#11233a;border-color:#3f76a0}.hid-cert-card .hid-cert-gen:disabled{opacity:.4;cursor:default}.hid-cert-card .hid-cert-clear{color:#ffb3ba;background:#201114;border:1px solid #6b2f37}.hid-cert-card .hid-cert-clear:hover{background:#331a1f;border-color:#8a3a45}.hid-cert-card .hid-creds-status{color:#8193a1;font:9px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;align-self:center}.hid-cert-card .hid-cert-note{color:#6f8291;font:10px var(--font-mono),"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",monospace;margin:10px 0 0;line-height:1.6}.hid-cert-card .hid-cert-note code{color:#8cd9ff}.hid-lock-button{color:#bcd8ee;background:#172a3a;border-color:#3a647f}.hid-lock-button:hover{color:#fff;background:#1f3b50;border-color:#55a7ff}.gate-recorded-panel{border-top:1px solid #334653;padding:14px 16px}.gate-recorded-panel>header{color:#eff8ff;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.gate-recorded-panel>header button{color:#b7c7d2;cursor:pointer;background:#18232d;border:1px solid #394b59;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;display:inline-flex}.gate-recorded-panel>header button:disabled{opacity:.5}.gate-recorded-row{background:#16212c;border:1px solid #2e4756;border-radius:8px;align-items:center;gap:10px;margin-bottom:8px;padding:9px 12px;display:flex}.gate-recorded-row:last-child{margin-bottom:0}.gate-recorded-row.online{border-color:#54dc9a}.gate-recorded-icon{color:#4fc3f7;flex-shrink:0;display:flex}.gate-recorded-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.gate-recorded-info strong{color:#eff8ff;font-size:13px}.gate-recorded-info code{color:#8cd9ff;font-size:11px}.gate-recorded-vidp{color:#6f8290;font-size:10px}.gate-recorded-status{color:#6f8290;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.gate-recorded-status i{background:#4a5b68;border-radius:50%;width:8px;height:8px}.gate-recorded-status i.on{background:#54dc9a}.gate-recorded-empty{color:#6f8290;text-align:center;padding:14px 8px;font-size:12px}.gate-recorded-badges{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.gate-recorded-badge{color:#7f93a3;background:#1a2733;border:1px solid #2e4756;border-radius:10px;align-items:center;gap:4px;height:20px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.gate-recorded-badge.on{color:#54dc9a;background:#0e1c16;border-color:#2e5a44}.gate-recorded-badge.off{color:#ffb3ba;background:#2a1519;border-color:#6b2f37}.gate-recorded-delete{color:#ffb3ba;cursor:pointer;background:#2a1519;border:1px solid #6b2f37;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.gate-recorded-delete:hover{color:#ff8a95;border-color:#a05058}.lock-confirm-overlay{z-index:1300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020508b8;place-items:center;padding:24px;animation:.16s ease-out lock-confirm-fade-in;display:grid;position:fixed;inset:0}.lock-confirm-card{color:#f4e9eb;background:linear-gradient(145deg,#3d141bf5,#141116fa 58%);border:1px solid #ff6f7d8c;border-radius:12px;grid-template-columns:48px minmax(0,1fr);gap:0 15px;width:min(470px,100%);padding:23px;animation:.18s ease-out lock-confirm-card-in;display:grid;box-shadow:0 24px 80px #000000b3,0 0 34px #ff485b1a}.lock-confirm-icon{color:#ff9aa4;background:#ff6f7d1f;border:1px solid #ff6f7d61;border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.lock-confirm-copy>span{color:#ff8995;font:800 10px var(--font-mono), "Microsoft YaHei UI", sans-serif;letter-spacing:.14em}.lock-confirm-copy h2{color:#fff3f4;margin:5px 0 7px;font-size:21px}.lock-confirm-copy p{color:#d5b7bc;margin:0;font-size:13px;line-height:1.6}.lock-confirm-warning{color:#cdb9bd;background:#07080b6b;border:1px solid #ff899533;border-radius:8px;grid-column:1/-1;gap:9px;margin-top:19px;padding:14px 15px;font-size:12px;display:grid}.lock-confirm-warning strong{color:#ffd9dd;font-size:13px}.lock-confirm-warning div{align-items:center;gap:9px;display:flex}.lock-confirm-warning svg{color:#ff8995;flex:none}.lock-confirm-card footer{grid-column:1/-1;justify-content:flex-end;gap:9px;margin-top:21px;display:flex}.lock-confirm-card footer button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 17px;font-size:13px;font-weight:800;display:inline-flex}.lock-confirm-cancel{color:#c8b9bc;background:#211b20;border:1px solid #544047}.lock-confirm-cancel:hover{color:#fff;background:#2c2329}.lock-confirm-submit{color:#fff;background:#c43e4b;border:1px solid #ef6975}.lock-confirm-submit:hover{background:#db4654}.lock-confirm-card footer button:focus-visible{outline-offset:2px;outline:2px solid #ff9aa4}@keyframes lock-confirm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lock-confirm-card-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@media (max-width:520px){.lock-confirm-card{grid-template-columns:40px minmax(0,1fr);padding:18px}.lock-confirm-icon{width:40px;height:40px}.lock-confirm-copy h2{font-size:18px}.lock-confirm-card footer button{flex:1}}