:root{color-scheme:light dark;font:15px/1.6 system-ui,sans-serif;color:#213f4b;background:#e8f0f3}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:24px auto;padding:24px;border:1px solid rgba(23,137,161,.25);border-radius:18px;background:rgba(225,245,248,.76);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}header,.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{margin:0;font-size:25px}h2{font-size:17px;margin:0 0 10px}.eyebrow{font-size:13px;margin:0;color:#446a77}a{color:#14647b;white-space:nowrap}.note{font-size:13px;color:#496775}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}button,select{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;font:inherit;color:inherit;border:1px solid rgba(22,139,165,.35);border-radius:10px;background:rgba(6,182,212,.12);cursor:pointer}button:hover{background:rgba(6,182,212,.22)}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1b91b6;outline-offset:3px}button:disabled{color:#627b85;background:rgba(110,145,157,.08);cursor:default}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:18px}.preview{position:relative;align-self:start;aspect-ratio:4/3;overflow:hidden;border:1px solid rgba(22,139,165,.3);border-radius:14px;background:rgba(12,32,42,.92)}video,canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}video{transform:scaleX(-1)}.finger-rear video{transform:none}.preview-label{position:absolute;top:10px;left:12px;color:#ecfaff;background:rgba(12,32,42,.65);border-radius:6px;padding:2px 8px;font-size:12px}.results article,.history,details{padding:16px;border:1px solid rgba(22,139,165,.25);border-radius:12px;background:rgba(232,250,253,.5)}.results article+article{margin-top:12px}.results p{overflow-wrap:anywhere}.index h2{color:#096f93}.middle h2{color:#9c4809}.counts{display:flex;justify-content:space-between;gap:12px}.counts strong{margin-left:8px;font-size:24px}#finger-status{min-height:26px;overflow-wrap:anywhere}#finger-performance{font-size:13px}.history,details{margin-top:18px}ol{max-height:230px;overflow:auto;padding-left:24px}li{margin:5px 0}summary{cursor:pointer}#finger-events:empty::after{content:'暂无点击';color:#627b85}
@media(prefers-color-scheme:dark){:root{color:#dbedf3;background:#172a34}main{background:rgba(32,57,67,.78)}.note,.eyebrow{color:#aac6d2}a{color:#93dced}.results article,.history,details{background:rgba(29,69,80,.45)}.index h2{color:#76d4ff}.middle h2{color:#ffc58b}button:disabled{color:#8ca8b4}}
@media(max-width:700px){main{margin:8px;padding:16px}header{align-items:flex-start}header a{font-size:13px}h1{font-size:21px}.layout{grid-template-columns:minmax(0,1fr)}.actions button,.actions select{flex:1 1 42%;padding:8px}.results{display:grid;grid-template-columns:1fr 1fr;gap:10px}.results article+article{margin:0}.results>p{grid-column:1/-1;margin:0}.results article{padding:12px}.counts{flex-wrap:wrap;gap:4px}.history-heading{gap:8px}.history-heading button{font-size:13px;padding:8px}}
.finger-remote main{margin:0;padding:10px;border:0;border-radius:0}.finger-remote main>header,.finger-remote main>p.note,.finger-remote main>header+p,.finger-remote .history,.finger-remote .results article{display:none}.finger-remote #finger-remote-controls p{margin:0 0 6px}.finger-remote #finger-remote-toggle{width:100%;background:rgba(6,182,212,.25)}.finger-remote #finger-remote-toggle[aria-pressed=true]{background:rgba(237,118,74,.22);border-color:rgba(237,118,74,.55)}.finger-remote .actions{margin-top:10px;gap:6px}.finger-remote .actions button,.finger-remote .actions select{font-size:12px;min-height:36px;padding:6px}.finger-remote #finger-status{font-size:12px;line-height:1.45;margin:8px 0}.finger-remote .layout{gap:8px;grid-template-columns:minmax(0,1fr)}.finger-remote .preview{max-height:155px;width:100%;aspect-ratio:4/3}.finger-remote .results{display:block}.finger-remote .results>.note{display:none}.finger-remote #finger-performance{font-size:11px;margin:0}.finger-remote details{margin-top:8px;padding:8px;font-size:12px}
.finger-remote-compact #finger-remote-controls p,.finger-remote-compact .actions,.finger-remote-compact .layout,.finger-remote-compact details,.finger-remote-compact #finger-status{display:none}
.finger-remote.finger-light{color-scheme:light;color:#213f4b;background:#e8f0f3}.finger-remote.finger-light main{background:rgba(225,245,248,.76)}.finger-remote.finger-light .note{color:#496775}.finger-remote.finger-light button:disabled{color:#627b85}.finger-remote.finger-dark{color-scheme:dark;color:#dbedf3;background:#172a34}.finger-remote.finger-dark main{background:rgba(32,57,67,.78)}.finger-remote.finger-dark .note{color:#aac6d2}.finger-remote.finger-dark button:disabled{color:#8ca8b4}