/* D-Check：轻量本地工具界面，使用系统字体与本地 SVG。 */
/* 品牌已说明用途，导航直接从首个实际分组开始。 */
.sidebar nav>.sub-caption:first-child{margin-top:0}
#panel-camera .record-box{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:6px;padding-top:10px}
.mic-record-actions{flex-wrap:wrap}.mic-record-actions #mic-duration{width:110px}.mic-custom-duration{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted)}#mic-custom-duration{width:68px;height:35px;padding:7px 6px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);font-size:11px}
:root{--accent:#286bb3;--accent-dark:#245a96;--accent-soft:#e3edf8;--focus:#4b84bf;--ink:#263448;--muted:#536277;--line:#c5ceda;--surface:#f8fafc;--soft:#e9edf3;--bg:#e7ebf0;--danger:#a53950;--radius:8px;font-family:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-80px;left:20px;background:var(--surface);padding:12px;z-index:99}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--surface);border-right:1px solid var(--line);padding:32px 18px 20px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:12px;margin:0 14px 24px;font-size:24px;font-weight:750;letter-spacing:1px;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:1.1px;font-weight:500;color:var(--muted);margin-top:5px}.brand-mark{width:41px;height:41px;border-radius:8px;background:var(--accent);color:#f2f6ff;display:grid;place-items:center;box-shadow:0 5px 12px #26344822}.brand-mark svg{width:28px;height:28px;stroke-width:2}.nav-caption{font-size:11px;color:var(--muted);letter-spacing:.8px;margin:0 16px 11px}.sub-caption{margin-top:25px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 15px;border:0;border-radius:8px;font-size:13px;line-height:1.5;background:transparent;text-align:left;color:var(--ink);margin:2px 0}.nav-item svg{width:18px;height:18px;color:var(--muted)}.nav-item:hover{background:var(--surface);color:var(--accent)}.nav-item.active{background:var(--surface);color:var(--accent);font-weight:650}.nav-item.active svg{color:var(--accent)}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--accent);display:none}.active .nav-dot{display:block}.nav-divider{height:1px;background:var(--line);margin:25px 14px 14px}.sidebar-bottom{margin-top:auto;padding:17px 13px;display:flex;align-items:center;gap:11px;font-size:12px;color:var(--ink)}.sidebar-bottom small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.little-check{width:27px;height:27px;border:1px solid var(--line);border-radius:50%;color:var(--accent);display:grid;place-items:center}
.page-shell{margin-left:224px}.topbar{height:48px;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;font-size:12px;background:var(--surface);color:var(--muted)}.topbar strong{font-weight:500;color:var(--ink)}.breadcrumb-slash{margin:0 15px;color:var(--muted)}.topbar>div{display:flex;align-items:center;gap:18px}.local-badge{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.local-badge i,.eyebrow span{width:5px;height:5px;background:var(--accent);border-radius:50%}.privacy-link{display:flex;align-items:center;gap:6px;color:var(--muted)}.privacy-link svg{width:15px;height:15px}main{max-width:1440px;padding:20px 28px 24px;margin:auto}.hero{display:grid;grid-template-columns:1fr 290px;align-items:center;gap:32px;padding:4px 0 34px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink);letter-spacing:1.5px;margin-bottom:13px}h1{font-size:37px;letter-spacing:-1.2px;font-weight:700;line-height:1.5}h1 em{color:var(--accent);font-style:normal}h1 .hero-line{display:block}.hero>div>p{font-size:12px;color:var(--muted);line-height:1.9;margin-top:13px}.hero-tags{display:flex;gap:22px;margin-top:21px}.hero-tags span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--muted)}.hero-tags svg{width:13px;height:13px;color:var(--accent)}.quick-card{border:1px solid var(--line);background:var(--soft);border-radius:var(--radius);padding:21px 23px}.quick-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.quick-icon{width:33px;height:33px;background:var(--surface);border-radius:8px;color:var(--ink);display:grid;place-items:center}.pill{font-size:10px;color:var(--muted);background:var(--surface);border-radius:5px;padding:3px 7px}.quick-card h2{font-size:16px;font-weight:650}.quick-card p{font-size:11px;color:var(--muted);margin:5px 0 16px}.quick-card .btn{width:100%;justify-content:space-between;font-size:12px}.quick-foot{display:block;font-size:10px;text-align:center;color:var(--muted);margin-top:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2{font-size:14px;font-weight:650}.section-heading>span{font-size:11px;color:var(--muted)}
.tool-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.tool-tab{display:flex;align-items:center;gap:13px;text-align:left;background:var(--surface);border:1px solid var(--line);padding:10px 14px;border-radius:8px;transition:background .18s,border-color .18s}.tool-tab strong{font-size:14px;display:block;font-weight:600}.tool-tab small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.tool-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;background:var(--surface);color:var(--accent)}.tool-icon svg{width:23px;height:23px}.camera .tool-icon{background:var(--surface);color:var(--muted)}.speaker .tool-icon{background:var(--surface);color:var(--danger)}.tool-arrow{width:15px;height:15px;margin-left:auto;color:var(--muted)}.tool-tab.selected{background:var(--surface);border-color:var(--line)}.tool-tab.selected .tool-arrow{color:var(--accent)}.tool-tab:hover{border-color:var(--line)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:16px;align-items:start}.test-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading h2{font-size:17px;font-weight:650;letter-spacing:-.3px}.panel-heading p{font-size:11px;color:var(--muted);margin-top:0}.status-pill{font-size:10px;padding:4px 9px;border-radius:5px;background:var(--surface);color:var(--muted);white-space:nowrap}.status-pill.live{background:var(--surface);color:var(--accent)}.status-pill.error{background:var(--surface);color:var(--danger)}.field-label{font-size:11px;display:block;color:var(--muted);margin-bottom:7px}select{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px 34px 9px 12px;color:var(--ink);background:var(--surface);font-size:11px;min-width:0;height:38px}.wave-stage{position:relative;height:198px;margin-top:16px;padding:17px 18px;background:var(--soft);border:1px solid var(--line);border-radius:8px;overflow:hidden}.wave-stage:before{content:"";position:absolute;inset:42px 0 42px;background:var(--soft);background-size:22px 22px}.wave-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);position:relative;z-index:1}.wave-top>span:first-child{display:flex;align-items:center;gap:6px}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--surface)}.live-dot{background:#94a3b5}.wave-stage.is-live .live-dot{background:var(--accent);box-shadow:0 0 0 3px #26344822}.wave-stage canvas{position:relative;display:block;width:100%;height:108px}.wave-idle{position:absolute;top:56px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:11px}.empty-mic{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:var(--surface)}.empty-mic svg{width:17px;height:17px}.meter{position:relative;height:5px;background:var(--surface);border-radius:5px;overflow:hidden;margin-top:1px}.meter>div{height:100%;background:var(--soft);width:0;transition:width .1s}.meter-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;margin-top:6px}.status-message{min-height:30px;font-size:11px;color:var(--muted);padding:8px 0 4px;line-height:1.7}.status-message[data-state="error"]{color:var(--danger)}.status-message[data-state="success"]{color:var(--accent)}.status-message strong{display:block}.action-row{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:39px;border:1px solid transparent;border-radius:7px;font-size:12px;line-height:1.35;font-weight:550;transition:background .15s}.btn svg{width:15px;height:15px}.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:var(--accent-dark)}.secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.secondary:hover:not(:disabled){background:var(--surface)}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;padding:5px 0;background:none;color:var(--accent);font-size:11px}.text-button svg{width:14px;height:14px}.record-box{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.record-box strong{font-size:12px;font-weight:600}.record-box p{font-size:10px;color:var(--muted);margin-top:4px}.record-actions{display:flex;align-items:center;gap:8px}.record-actions select{width:70px;padding:7px;font-size:10px;height:35px}.record-actions .btn{min-height:35px;padding:8px 12px;font-size:11px;white-space:nowrap}.record-dot{height:7px;width:7px;background:var(--accent);border-radius:50%}.advanced{border-top:1px solid var(--line);margin-top:20px;padding-top:13px;font-size:11px;color:var(--muted)}.advanced summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:7px}.advanced summary:before{content:"+";color:var(--muted);font-size:15px}.advanced[open] summary:before{content:"−"}.advanced summary>span{font-size:9px;color:var(--muted);margin-left:auto}.advanced-inner{padding:16px 0 0}.advanced-inner p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0 0}.metrics div{border-radius:6px;background:var(--surface);padding:9px}.metrics dt{font-size:9px;color:var(--muted)}.metrics dd{margin:3px 0 0;font-size:11px;color:var(--ink);overflow-wrap:anywhere}
.test-aside{display:flex;flex-direction:column;gap:12px}.help-card,.samples-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:14px}.mini-heading{display:flex;align-items:center;gap:8px}.mini-heading h3{font-size:12px;font-weight:650}.mini-heading>svg{width:16px;height:16px;color:var(--muted)}.mini-heading>span:last-child:not(.help-icon){margin-left:auto;background:var(--surface);color:var(--muted);padding:0 6px;border-radius:4px;font-size:10px}.help-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--surface);color:var(--muted)}.help-icon svg{width:15px;height:15px}.help-card ol{padding:0;list-style:none;margin:14px 0 10px}.help-card li{display:flex;gap:11px;margin-bottom:12px}.help-card li>span{margin-top:1px;display:grid;place-items:center;flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--surface);font-size:9px;color:var(--muted)}.help-card li strong{font-size:11px;font-weight:550}.help-card li p{font-size:10px;color:var(--muted);margin-top:3px;line-height:1.75}.help-link{display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;font-size:10px}.help-link svg{width:13px;height:13px}.samples-empty{display:flex;flex-direction:column;align-items:center;padding:20px 0 16px;text-align:center}.samples-empty>svg{height:27px;width:27px;stroke-width:1.2;color:var(--muted);margin-bottom:11px}.samples-empty strong{font-size:11px;font-weight:500;color:var(--muted)}.samples-empty p{font-size:10px;color:var(--muted);line-height:1.8;margin-top:5px}.sample-limit{font-size:9px;text-align:center;color:var(--muted);border-top:1px dashed var(--line);padding-top:10px}.sample-item{padding:13px 0;border-bottom:1px solid var(--line)}.sample-item:last-child{border-bottom:0}.sample-item strong{font-size:11px;display:block;color:var(--ink)}.sample-item small{font-size:9px;color:var(--muted);display:block;overflow-wrap:anywhere}.sample-item audio,.sample-item video{width:100%;max-height:130px;margin-top:9px}.sample-item audio{height:30px}.sample-item img{width:100%;max-height:160px;object-fit:contain;border-radius:6px;background:var(--surface);margin-top:9px}.sample-actions{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.sample-delete{color:var(--muted)}.trust-strip{display:flex;align-items:center;gap:12px;padding:18px 2px;margin:3px 0 20px;border-bottom:1px solid var(--line)}.trust-strip>svg{width:21px;height:21px;color:var(--muted)}.trust-strip p{font-size:11px;line-height:1.6}.trust-strip strong{font-weight:500;color:var(--ink)}.trust-strip p span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.trust-strip .text-button{margin-left:auto;white-space:nowrap}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.more-grid>button{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;align-items:center;gap:13px;text-align:left}.more-grid>button>svg:first-child{width:25px;height:25px;color:var(--muted);stroke-width:1.3}.more-grid strong{font-size:12px;font-weight:550;display:block}.more-grid span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.more-grid>button>svg:last-child{margin-left:auto;width:13px;height:13px;color:var(--muted)}.more-grid button:hover{border-color:var(--line);background:var(--surface)}.guided-strip{padding:13px 17px;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:var(--ink);font-size:12px}.guided-strip>div{display:flex;gap:13px;align-items:center}.step-bubble{height:23px;width:23px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:11px}.guided-strip .text-button{color:var(--muted);font-size:10px}
.camera-stage{width:100%;height:auto;aspect-ratio:16/9;min-height:240px;max-height:clamp(300px,calc(100vh - 450px),520px);background:var(--surface);border-radius:8px;overflow:hidden;position:relative;margin-top:12px}.camera-stage video{width:100%;height:100%;object-fit:contain;background:#080f1b}.camera-stage video.mirrored{transform:scaleX(-1)}.camera-placeholder{display:flex;position:absolute;inset:0;background:var(--soft);flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:9px}.camera-placeholder svg{width:38px;height:38px;stroke-width:1.1;margin-bottom:5px}.camera-placeholder strong{font-size:12px;font-weight:500}.camera-placeholder span{font-size:10px}.camera-live{position:absolute;top:12px;left:12px;border-radius:4px;background:#080f1b;font-size:9px;color:#f2f6ff;padding:4px 8px;display:flex;align-items:center;gap:5px}.camera-live i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.mirror-control{display:flex;align-items:center;gap:5px;font-size:10px;margin-left:auto;color:var(--muted)}.mirror-control input{accent-color:var(--accent)}.output-field{display:flex;gap:8px}.output-field .btn{white-space:nowrap;font-size:10px}.speaker-stage{height:200px;display:flex;align-items:center;justify-content:center;gap:45px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:16px 0 17px}.speaker-channel{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;color:var(--muted)}.speaker-channel>span{position:absolute;top:-13px;right:-10px;font-size:10px}.speaker-channel>svg{width:45px;height:45px;stroke-width:1.1}.speaker-channel strong{font-size:10px;font-weight:400}.speaker-channel.playing{color:var(--accent)}.speaker-rings{width:64px;height:64px;position:relative;display:grid;place-items:center;color:var(--muted)}.speaker-rings i{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%}.speaker-rings i:nth-child(2){inset:-12px}.speaker-rings i:nth-child(3){inset:12px}.speaker-rings svg{width:23px;height:23px}.channel-buttons{display:flex;gap:8px;justify-content:center}.channel-buttons .btn{font-size:11px}.volume-row{display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);margin-top:20px}.volume-row input{flex:1;accent-color:var(--accent);height:4px;min-width:0}.volume-row>span{width:29px}.volume-row .text-button{margin-left:5px;font-size:10px}.confirm-box{border-top:1px solid var(--line);padding:17px 0 9px;margin-top:6px}.confirm-box strong{font-size:12px;font-weight:550}.confirm-box>div{display:flex;gap:15px;align-items:center;margin-top:11px}.confirm-box .btn{font-size:10px}.download-tone{margin-top:9px;font-size:10px}.fine-print{font-size:9px;color:var(--muted);margin-top:7px}
.editorial{margin-top:34px;border-top:1px solid var(--line);padding-top:24px;font-size:12px;color:var(--muted);max-width:980px}.editorial>h2{font-size:16px;color:var(--ink);font-weight:600;margin:0 0 11px}.editorial p{margin:8px 0;line-height:1.9}.editorial details{border-bottom:1px solid var(--line);padding:12px 0}.editorial summary{cursor:pointer;font-size:12px;color:var(--muted)}.editorial details p{max-width:790px;color:var(--muted)}.editorial a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.guide-links{display:flex;gap:23px;font-size:11px;margin-top:18px}.article-page{margin-top:0;padding:22px 0 40px;border:0;max-width:880px;color:var(--ink);font-size:14px}.article-page h1{font-size:32px;color:var(--ink);margin-bottom:10px}.article-page h2{font-size:19px;color:var(--ink);margin:30px 0 10px}.article-page h3{font-size:15px;margin:15px 0 8px}.article-page li{margin:9px 0;line-height:1.8}.article-page table{border-collapse:collapse;width:100%;font-size:12px;margin:18px 0}.article-page td,.article-page th{text-align:left;padding:12px;border:1px solid var(--line)}.article-page th{background:var(--surface)}.article-meta{font-size:11px;color:var(--muted);margin-bottom:23px}.answer-box{border-left:3px solid var(--accent);background:var(--surface);padding:15px 20px;border-radius:0 8px 8px 0;margin:20px 0}.guide-card{display:block!important;border:1px solid var(--line);border-radius:8px;padding:21px;margin:14px 0;background:var(--surface);text-decoration:none!important}.guide-card h2{margin:0 0 6px}.guide-card p{font-size:12px}footer{display:flex;align-items:center;justify-content:space-between;max-width:1440px;margin:0 auto;padding:21px 46px 30px;font-size:10px;color:var(--muted);border-top:1px solid var(--line)}.footer-brand{font-size:12px;font-weight:600;color:var(--muted);margin-right:11px}footer>div:last-child{display:flex;gap:20px}
dialog{border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 80px #26344822;padding:27px;max-width:720px;width:calc(100% - 36px);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#080f1b;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:20px}.modal-heading h2{font-size:20px}.icon-button{width:30px;height:30px;display:grid;place-items:center;background:var(--surface);border:0;border-radius:50%;color:var(--muted)}.icon-button svg{width:16px;height:16px}.modal-note{font-size:12px;color:var(--muted);margin-bottom:16px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.report-summary>div{border-radius:8px;padding:13px;background:var(--surface);font-size:11px;color:var(--muted)}.report-summary strong{display:block;font-size:12px;color:var(--ink);margin-top:6px}.report-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:17px;line-height:1.9;max-height:260px;overflow:auto}.modal-actions{display:flex;gap:10px;margin-top:18px}.keyboard{display:grid;grid-template-columns:repeat(14,1fr);gap:5px;margin:18px 0}.key{border:1px solid var(--line);border-radius:5px;min-height:34px;display:grid;place-items:center;font-size:10px;background:var(--surface);color:var(--muted);overflow:hidden}.key.pressed{background:var(--surface);border-color:var(--line);color:var(--ink)}.key.wide{grid-column:span 2}.key.space{grid-column:span 5}.keyboard-log{padding:15px;border-radius:8px;background:var(--surface);font-size:12px;min-height:50px;color:var(--ink)}.mouse-pad{height:240px;background:var(--surface);border:1px dashed var(--line);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;touch-action:none;user-select:none}.mouse-pad>svg{width:45px;height:45px;stroke-width:1.1;color:var(--muted)}.mouse-pad p{font-size:12px;color:var(--muted)}.mouse-counts{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;font-size:12px}.screen-test-note{margin:12px 0}.screen-toolbar{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;padding:11px 16px;background:var(--surface);color:var(--ink);border-radius:8px;box-shadow:0 3px 20px #26344822;font-size:11px;max-width:95%;flex-wrap:wrap;justify-content:center}.screen-toolbar button{border:1px solid var(--line);background:var(--surface);padding:4px 9px;border-radius:5px;font-size:10px}.screen-toolbar>span{font-size:10px;color:var(--muted)}#screen-test{position:fixed;inset:0;z-index:50;background:var(--surface)}#toast{position:fixed;bottom:25px;left:calc(50% + 110px);transform:translateX(-50%);border-radius:8px;background:#080f1b;color:#fff;padding:12px 21px;box-shadow:0 4px 24px #26344822;font-size:12px;z-index:80}.noscript{position:fixed;bottom:0;left:0;right:0;background:var(--surface);padding:15px;text-align:center;color:var(--ink)}
@media(min-width:1550px){main{padding-top:20px}.hero{padding-bottom:44px}h1{font-size:43px}.hero>div>p{font-size:13px}.tool-tab{padding:10px 14px}.wave-stage{height:223px}.wave-stage canvas{height:132px}.test-panel{padding:16px 20px}}
@media(max-width:1230px){.sidebar{width:196px;padding-inline:12px}.page-shell{margin-left:196px}main{padding:20px 24px 24px}.topbar{padding:0 24px}.hero{grid-template-columns:1fr 260px;gap:22px}h1{font-size:31px}.workspace{grid-template-columns:minmax(0,1fr) 255px;gap:16px}.tool-tab{padding:10px 12px;gap:10px}.tool-tab small{font-size:9px}.tool-icon{width:35px;height:35px}.tool-arrow{display:none}.test-panel{padding:16px 18px}.record-box{align-items:flex-start;flex-direction:column;gap:11px}.hero-tags{gap:13px}.speaker-stage{gap:33px}.more-grid>button{padding:15px;gap:9px}footer{padding-inline:30px}}
@media(max-width:1000px){.sidebar{width:78px;padding:25px 11px}.brand{margin:0 7px 32px;gap:0}.brand>span:last-child,.nav-caption,.nav-item .nav-dot,.sidebar-bottom{display:none}.nav-item{font-size:0;justify-content:center;padding:13px}.nav-item svg{width:21px;height:21px}.nav-divider{margin:15px 0}.page-shell{margin-left:78px}.workspace{grid-template-columns:minmax(0,1fr) 255px}.tool-tab small{display:none}.hero{grid-template-columns:1fr 243px}.hero-tags{font-size:10px}.quick-card{padding:18px}.test-panel{padding:16px}.panel-heading h2{font-size:16px}.speaker-stage{gap:25px}.channel-buttons .btn{padding:9px 10px;font-size:10px}.record-box{flex-direction:column}.more-grid>button>svg:last-child{display:none}.more-grid span{font-size:9px}.trust-strip{gap:8px}.trust-strip p span{font-size:9px}}
@media(max-width:780px){.hero{grid-template-columns:1fr 225px;gap:17px}h1{font-size:27px}.hero-tags{gap:10px;flex-wrap:wrap}.hero-tags span{font-size:10px}.workspace{grid-template-columns:1fr}.test-aside{display:grid;grid-template-columns:1fr 1fr}.tool-tab{padding:10px;gap:8px}.tool-tab strong{font-size:12px}.tool-icon{width:30px;height:30px;border-radius:8px}.tool-icon svg{width:19px;height:19px}.record-box{flex-direction:row;align-items:center}.samples-empty{padding:17px 0}.help-card li{margin-bottom:12px}.trust-strip .text-button{font-size:10px}.guided-strip{gap:10px}.guided-strip>div{gap:8px;font-size:10px}.more-grid{gap:10px}.more-grid>button{padding:13px 11px}.more-grid>button>svg:first-child{width:20px;height:20px}.more-grid span{display:none}footer{gap:10px;font-size:9px}footer>div:last-child{gap:12px}.privacy-link{display:none}.topbar{height:48px}.guide-links{flex-wrap:wrap;gap:12px}.sample-limit{font-size:9px}}
@media(max-width:600px){.sidebar{position:relative;width:auto;height:68px;padding:12px 20px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0;gap:10px;font-size:20px}.brand>span:last-child{display:block}.brand small{font-size:8px;margin-top:1px}.brand-mark{width:34px;height:34px;border-radius:8px}.brand-mark svg{width:24px;height:24px}.sidebar nav{display:flex;margin-left:auto}.sidebar nav .nav-item{display:none}.sidebar nav .nav-item[data-nav="guides"]{display:flex;width:39px;padding:8px;margin:0 2px}.nav-divider{display:none}.page-shell{margin:0}.topbar{padding:0 16px;height:40px;font-size:10px;background:var(--surface);border-bottom:0}.topbar>div{gap:10px}.breadcrumb-slash{margin:0 8px}.local-badge{font-size:9px}main{padding:12px 16px 20px}.hero{grid-template-columns:1fr;gap:23px;padding:3px 0 27px}.eyebrow{font-size:10px;margin-bottom:10px}h1{font-size:32px;line-height:1.4;letter-spacing:-.5px}.hero>div>p{font-size:11px;margin-top:13px}.hero-tags{margin-top:16px;gap:18px}.hero-tags span{font-size:10px}.quick-card{padding:16px 18px;display:grid;grid-template-columns:1fr 148px;column-gap:12px;align-items:center}.quick-card-top{display:none}.quick-card h2{font-size:13px;grid-column:1}.quick-card p{grid-column:1;font-size:10px;margin:3px 0 0}.quick-card .btn{grid-column:2;grid-row:1 / span 2;font-size:10px;padding:10px}.quick-foot{display:none}.section-heading{margin-bottom:11px}.section-heading h2{font-size:13px}.section-heading>span{font-size:9px}.tool-tabs{gap:8px;margin-bottom:12px}.tool-tab{flex-direction:column;gap:7px;padding:9px 6px;text-align:center}.tool-icon{width:30px;height:30px}.tool-tab strong{font-size:12px}.tool-tab.selected{background:var(--surface)}.test-panel{padding:14px;border-radius:8px}.panel-heading{margin-bottom:12px;align-items:flex-start}.panel-heading h2{font-size:16px}.panel-heading p{font-size:10px}.status-pill{font-size:9px;padding:3px 6px}.wave-stage{height:183px;padding:14px}.wave-stage canvas{height:99px}.wave-idle{top:53px;font-size:10px}.record-box{flex-direction:column;align-items:flex-start}.record-actions{width:100%;justify-content:flex-end}.record-box p{font-size:10px}.advanced summary{font-size:10px}.advanced summary>span{font-size:8px}.metrics{gap:5px}.metrics div{padding:7px}.metrics dd{font-size:9px}.test-aside{grid-template-columns:1fr}.help-card{padding:17px}.help-card ol{display:flex;gap:10px;margin:16px 0}.help-card li{flex:1;display:block;margin:0}.help-card li>span{margin-bottom:7px}.help-card li strong{font-size:10px}.help-card li p{font-size:9px}.samples-card{padding:17px}.samples-empty{padding:12px 0}.samples-empty p br{display:none}.samples-empty>svg{display:none}.sample-item audio{height:36px}.sample-item img{max-height:220px}.trust-strip{align-items:flex-start;flex-wrap:wrap;padding:17px 1px;margin-bottom:20px}.trust-strip>svg{width:18px;height:18px;margin-top:1px}.trust-strip p{font-size:10px}.trust-strip p span{font-size:9px}.trust-strip .text-button{margin-left:26px;font-size:10px}.more-grid{grid-template-columns:1fr}.more-grid>button{padding:15px;gap:15px}.more-grid span{display:block;font-size:10px}.more-grid>button>svg:last-child{display:block}.more-grid>button>svg:first-child{width:23px;height:23px}.more-grid strong{font-size:12px}.guided-strip{align-items:flex-start;flex-direction:column;gap:8px}.guided-strip>div:last-child{margin-left:31px;gap:15px}.camera-stage{height:auto;aspect-ratio:4/3;min-height:200px}.mirror-control{font-size:9px;gap:2px}.channel-buttons{gap:6px}.channel-buttons .btn{font-size:10px;padding:10px 9px}.speaker-stage{height:190px;gap:38px}.speaker-rings{width:47px;height:47px}.speaker-channel>svg{width:35px;height:35px}.volume-row{gap:8px;font-size:9px}.volume-row .text-button{font-size:9px}.confirm-box>div{gap:12px}.confirm-box .btn{padding:9px 11px;font-size:9px}.confirm-box .text-button{font-size:9px}.editorial{font-size:11px;margin-top:27px}.editorial>h2{font-size:14px}.editorial summary{font-size:11px}footer{padding:18px 20px;align-items:flex-start;flex-direction:column;gap:13px}footer>div:last-child{gap:17px}.article-page h1{font-size:25px}.article-page h2{font-size:18px}.article-page{font-size:13px}.article-page td,.article-page th{padding:8px;font-size:10px}.report-summary{grid-template-columns:1fr}.report-text{font-size:10px}.keyboard{gap:3px}.key{font-size:7px;min-height:28px}dialog{padding:20px}.modal-heading h2{font-size:18px}.modal-actions{flex-wrap:wrap}.screen-toolbar{top:10px;width:95%}.screen-toolbar>span{flex-basis:100%;text-align:center}#toast{left:50%;min-width:230px;text-align:center;font-size:11px}.mobile-device-note{padding:10px 13px;border-radius:7px;background:var(--surface);color:var(--muted);font-size:10px;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* 主要操作和提示保持足够的文字对比度，细节采用次要色而不降低透明度。 */
.hero>div>p,.panel-heading p,.status-message,.record-box p,.help-card li p,.quick-card p{color:var(--muted)}.tool-tab small,.field-label,.advanced,.editorial{color:var(--ink)}.hero-tags span{color:var(--ink)}.help-card li strong{color:var(--ink)}.fine-print,.sample-limit,.samples-empty p{color:var(--muted)}
.capture-controls{display:flex;gap:10px;align-items:center}.capture-controls select{flex:1}.capture-controls .action-row{flex-shrink:0}.capture-controls .btn{white-space:nowrap}.preview-options{display:flex;justify-content:space-between;gap:8px;margin-top:4px;align-items:center;flex-wrap:wrap}.camera-frame-size{font-size:10px;color:var(--ink)}.preview-options .mirror-control{margin-left:auto}.output-field+.channel-buttons{margin-top:15px}
.camera-watermark{position:absolute;right:8px;bottom:8px;max-width:calc(100% - 16px);color:#f2f6ff;pointer-events:none;line-height:1.5;font-size:11px;text-align:right;text-shadow:0 1px 3px #000c;font-variant-numeric:tabular-nums}.camera-watermark span{display:block;overflow-wrap:anywhere}.camera-preview-domain{font-size:9px;color:#f2f6ff}.camera-options{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.camera-options-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.camera-options h3{font-size:13px;font-weight:600}.camera-supported-title{font-size:11px;color:var(--ink);font-weight:550}.camera-supported-title small{font-size:9px;margin-left:5px;color:var(--muted);font-weight:400}.camera-options p{color:var(--muted);font-size:10px;line-height:1.8;margin-top:7px}.camera-mode-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px;padding:0}.camera-mode-list:empty{display:none}.camera-mode-list li{font-size:10px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:5px 8px}.camera-options .field-label{margin-top:14px}.camera-options .camera-capability-range{color:var(--muted)}.camera-options .camera-recording-formats{color:var(--ink);margin-top:12px}#cam-codec-note{color:var(--muted)}.camera-stage.is-detecting video{visibility:hidden}.camera-stage.is-detecting .camera-watermark,.camera-stage.is-detecting .camera-live{visibility:hidden}
@media(max-width:600px){.camera-watermark{font-size:10px}}
@media(min-width:601px){.panel-heading p,.field-label,.status-message,.record-box p,.help-card li p,.quick-card p,.tool-tab small,.advanced summary,.help-card li strong{font-size:12px}.record-box strong,.mini-heading h3{font-size:13px}.tool-tab small{font-size:11px}.hero>div>p{font-size:13px}.sample-limit{font-size:10px}.help-card li p{font-size:11px}.help-link{font-size:11px}}
@media(max-width:1100px){.capture-controls{flex-wrap:wrap}.capture-controls select{flex-basis:100%}.capture-controls .action-row{width:100%}.capture-controls .capture-start{flex:1}.capture-controls .btn.secondary{min-width:60px}}
.sample-format-row,.tone-download-row{display:flex;gap:8px;align-items:center}.sample-format-row select,.tone-download-row select{width:76px;height:30px;font-size:10px;padding:4px 6px}.sample-format-row .text-button{font-size:10px}.tone-download-row{margin-top:13px}.tone-download-row .download-tone{margin-top:0}.report-hardware{margin-top:23px}.report-hardware h3{font-size:14px;margin-bottom:13px}.report-hardware>div{padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);margin:7px 0;display:grid;grid-template-columns:150px 1fr;gap:4px 12px}.report-hardware span{font-size:11px;color:var(--muted)}.report-hardware strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;color:var(--ink)}.report-hardware small{grid-column:2;font-size:10px;color:var(--muted);line-height:1.7}.report-export-actions .btn{font-size:12px}.report-image-preview img{width:100%;margin-top:14px;border-radius:8px;border:1px solid var(--line)}
@media(max-width:600px){.record-actions{flex-wrap:wrap}.report-hardware>div{grid-template-columns:1fr}.report-hardware small{grid-column:1}.report-hardware strong{font-size:11px}.report-export-actions .btn{font-size:11px;padding:10px 13px}.sample-format-row select{width:68px}footer>div:last-child{flex-wrap:wrap}}

/* 反馈页共用冷色主题与输入控件。 */
.report-copy-status{font-size:12px;line-height:1.7;color:var(--ink);margin:10px 0 0}.report-copy-status[data-state=success]{color:var(--accent)}.report-copy-status[data-state=error]{color:var(--danger)}.report-export-actions{flex-wrap:wrap}
/* 首页与工具页共用紧凑标题行，把首屏空间留给设备选择和测试操作。 */
.intro-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 12px}.intro-row h1{font-size:23px;line-height:1.5;letter-spacing:0;font-weight:650}.intro-row h1>span{white-space:nowrap}.intro-row .btn{flex-shrink:0;min-height:38px;white-space:nowrap;font-size:13px;padding:8px 16px}
@media(max-width:780px){.intro-row{gap:14px;padding-bottom:12px}.intro-row h1{font-size:19px}}
@media(max-width:600px){.intro-row{gap:12px;padding-bottom:12px}.intro-row h1{font-size:16px;line-height:1.65}.intro-row .btn{font-size:12px;min-height:40px;padding:9px 12px}.intro-row .btn svg{display:none}}
.feedback-page{max-width:1120px;padding-top:14px}.feedback-intro{margin-bottom:30px}.feedback-intro .eyebrow{font-size:12px;color:var(--accent)}.feedback-intro h1{font-size:36px;line-height:1.4;color:var(--ink);margin:12px 0}.feedback-intro h1 span{color:var(--accent)}.feedback-intro>p{font-size:14px;color:var(--ink)}.feedback-layout{display:grid;grid-template-columns:minmax(0,1fr);max-width:760px;gap:25px;align-items:start}.feedback-contact-card{padding:30px;border-radius:8px;background:var(--surface);border:1px solid var(--line)}.feedback-contact-icon{display:grid;place-items:center;width:49px;height:49px;background:var(--surface);border-radius:8px;color:var(--accent);margin-bottom:24px}.feedback-contact-icon svg{width:25px;height:25px}.feedback-contact-card h2{font-size:21px;line-height:1.6;margin:0 0 13px;color:var(--ink)}.feedback-contact-card>p{font-size:13px;line-height:1.9;color:var(--ink);margin:0}.feedback-email-card{border-top:1px solid var(--line);margin-top:25px;padding-top:22px;display:grid;gap:7px}.feedback-email-card>span{font-size:11px;color:var(--muted)}.feedback-email-card a{font-size:17px;font-weight:650;overflow-wrap:anywhere;text-decoration:none}.feedback-contact-note{display:flex;gap:10px;margin-top:25px;font-size:12px;line-height:1.8;color:var(--ink)}.feedback-contact-note svg{width:18px;height:18px;margin-top:3px}.feedback-guide-link{display:inline-block;font-size:12px;margin-top:25px}.feedback-form-card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:28px;box-shadow:0 5px 18px #26344822}.feedback-form{font-size:13px;color:var(--ink)}.feedback-form fieldset{border:0;padding:0;margin:0;min-width:0}.feedback-form fieldset>label:not(.feedback-check){display:block;font-weight:600;font-size:13px;margin:18px 0 7px}.feedback-form fieldset>label:first-child{margin-top:0}.feedback-form select,.feedback-form input[type=email],.feedback-form textarea{width:100%;height:auto;min-height:46px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;outline-offset:2px}.feedback-form textarea{resize:vertical;min-height:130px;line-height:1.75;font-family:inherit}.feedback-form textarea:focus-visible{outline:3px solid var(--focus)}.feedback-form [aria-invalid=true]{border-color:var(--line)}.feedback-required,.feedback-optional{font-size:10px;font-weight:400;margin-left:6px;color:var(--muted)}.feedback-message-note{display:flex;gap:15px;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:5px}.feedback-message-note>span:last-child{white-space:nowrap}.feedback-check{display:flex;gap:9px;margin:17px 0 0;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.7;color:var(--ink)}.feedback-check input{width:16px;height:16px;flex-shrink:0;margin:3px 0 0;accent-color:var(--accent)}.feedback-check-note{display:block;font-size:10px;color:var(--muted);margin-top:2px}.feedback-consent{padding-top:15px;border-top:1px solid var(--line)}.feedback-submit-row{display:flex;align-items:center;gap:16px;margin-top:23px}.feedback-submit-row .btn{font-size:13px;min-height:44px;padding:11px 18px}.feedback-submit-row>span{font-size:10px;color:var(--muted)}.feedback-field-error{display:block;color:var(--danger);font-size:11px;line-height:1.7}.feedback-field-error:empty{display:none}.feedback-submit-status{font-size:12px;color:var(--ink);line-height:1.7;margin:13px 0 0}.feedback-submit-status[data-state=error]{color:var(--danger);padding:11px 13px;border-radius:8px;background:var(--surface)}.feedback-preview-banner{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink);font-size:11px;line-height:1.7;margin:0 0 18px!important}.feedback-success{text-align:center;padding:35px 10px}.feedback-success-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--surface);color:var(--accent);font-size:24px;margin:0 auto 20px}.feedback-success h3{font-size:20px;margin-bottom:12px;color:var(--ink)}.feedback-success p{font-size:13px;color:var(--ink);line-height:1.9;margin-bottom:25px}.feedback-success .btn{font-size:13px}.feedback-success .text-button{font-size:12px;display:inline-block;margin:0 10px}.feedback-modal-note{font-size:13px;color:var(--ink);margin-bottom:19px}.feedback-modal-mail{border-top:1px solid var(--line);padding-top:16px;font-size:11px;color:var(--muted);margin-top:22px}.feedback-modal-mail a{color:var(--accent);overflow-wrap:anywhere}.feedback-form a{text-decoration:underline;text-underline-offset:3px;color:var(--accent)}
@media(min-width:601px){.sidebar nav{min-height:0;overflow-y:auto}}
@media(max-width:600px){.sidebar nav .nav-item[data-nav="feedback"]{display:flex;width:39px;padding:8px;margin:0 2px;font-size:0}}
@media(max-width:1000px){.feedback-layout{grid-template-columns:1fr}.feedback-form-card{order:0}.feedback-contact-card{order:1;padding:24px}.feedback-contact-icon{margin-bottom:15px}.feedback-contact-card h2{font-size:20px}.feedback-email-card{margin-top:18px;padding-top:16px}.feedback-contact-note{margin-top:18px}.feedback-guide-link{margin-top:17px}}
@media(max-width:600px){.feedback-page{padding-top:5px}.feedback-intro{margin-bottom:22px}.feedback-intro h1{font-size:28px}.feedback-intro>p{font-size:13px}.feedback-contact-card{padding:22px}.feedback-form-card{padding:21px}.feedback-layout{gap:18px}.feedback-form fieldset>label:not(.feedback-check){font-size:13px}.feedback-form select,.feedback-form input[type=email],.feedback-form textarea{font-size:14px}.feedback-check{font-size:12px}.feedback-check-note,.feedback-message-note{font-size:11px}.feedback-submit-row{flex-wrap:wrap;gap:9px}.feedback-submit-row .btn{font-size:13px;min-height:46px}.feedback-submit-row>span{font-size:11px}.feedback-success h3{font-size:18px}.feedback-modal-note{font-size:12px}}
.report-hardware{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.report-hardware h3{grid-column:1/-1;margin-bottom:4px}.report-hardware>div{margin:0;grid-template-columns:1fr;min-width:0}.report-hardware strong{line-height:1.6}
@media(max-width:600px){.report-hardware{grid-template-columns:1fr}}
/* 主标识采用图标 + 网站域名；中文名称保留在页面标题与搜索内容中。 */
.brand{margin:0 0 24px;gap:10px;font-size:16px;letter-spacing:0}.brand-wordmark{white-space:nowrap;letter-spacing:-.3px}.brand small{font-size:10px;letter-spacing:.6px;margin-top:4px}.brand-mark{flex-shrink:0}.brand-mark img{display:block;width:100%;height:100%}.footer-brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.footer-brand img{display:block}
@media(min-width:601px) and (max-width:1000px){.brand{margin:0 7px 32px;gap:0}}
@media(max-width:600px){.brand{margin:0;gap:10px;font-size:15px}.brand small{font-size:9px;margin-top:2px}}
@media(max-width:360px){.sidebar{padding-inline:12px}.brand{gap:8px}.brand-wordmark{font-size:14px}}
/* 收藏入口复用顶部导航，提示单独显示，页面与设备测试区域不增高。 */
.bookmark-trigger{display:flex;align-items:center;gap:6px;flex-shrink:0;min-height:32px;padding:6px 0;border:0;background:transparent;color:var(--muted);font:inherit;white-space:nowrap}.bookmark-trigger svg{width:16px;height:16px}.bookmark-trigger:hover{color:var(--accent)}
.bookmark-dialog{max-width:440px;padding:24px}.bookmark-dialog .modal-heading{margin-bottom:18px}.bookmark-dialog p{font-size:13px;line-height:1.8;color:var(--ink)}.bookmark-dialog kbd{display:inline-block;min-width:27px;padding:1px 7px;margin:0 2px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--ink);font:600 13px/1.8 ui-monospace,monospace;text-align:center}.bookmark-drag-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.bookmark-drag-section>p{margin:0 0 10px}.bookmark-drag-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--accent);cursor:grab;user-select:none}.bookmark-drag-link:active{cursor:grabbing}.bookmark-drag-link svg{width:22px;height:22px}.bookmark-drag-link span{font-size:14px;font-weight:600}.bookmark-drag-link small{display:block;font-size:11px;font-weight:400;margin-top:3px;color:var(--muted)}
@media(max-width:600px){.topbar>span{min-width:0;margin-right:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar>div{flex-shrink:0}.topbar .local-badge{display:none}.bookmark-trigger{font-size:11px}.bookmark-dialog{padding:20px}}

/* 标题与说明在宽屏共用一行，空间不足时自然换行；摄像头保持原始比例。 */
.panel-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;min-width:0}
.panel-heading .status-pill{flex-shrink:0}

/* 摄像头设备行与下方操作行减少纵向占用，窄屏保留完整触控宽度。 */
.camera-device-row{display:flex;align-items:center;gap:12px}
.camera-device-row>.field-label{margin:0;flex-shrink:0}
.camera-device-row>.capture-controls{flex:1;min-width:0;flex-wrap:nowrap}
.camera-device-row .capture-controls select{flex-basis:auto;min-width:0}
.camera-device-row .capture-controls .action-row{width:auto}
#panel-camera .record-box .mirror-control{white-space:nowrap;margin-right:auto}
#panel-camera .record-box .record-actions{width:auto;flex:0 1 auto;flex-wrap:wrap;margin-left:auto}
@media(max-width:600px){.camera-device-row{display:block}.camera-device-row>.field-label{margin-bottom:6px}.camera-device-row>.capture-controls{flex-wrap:wrap}.camera-device-row .capture-controls select{flex-basis:100%}.camera-device-row .capture-controls .action-row{width:100%}}

/* 自检和报告作为顶部并排操作，统一尺寸；手机上两列等宽。 */
.intro-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
.intro-actions .btn{width:144px;min-height:40px}
@media(max-width:780px){.intro-row{flex-wrap:wrap}}
@media(max-width:600px){.intro-row{align-items:stretch}.intro-row h1{width:100%}.intro-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-left:0}.intro-actions .btn{width:100%;min-height:40px}}

/* 参数与报告的内容样式；测试设置按需展开。 */
.advanced-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.advanced-heading h3,.advanced>h3{font-size:13px;line-height:1.6;font-weight:600;color:var(--ink)}
.advanced-heading>span{font-size:11px;color:var(--muted)}
.advanced>h3{margin-bottom:10px}
.advanced>p,.advanced>ul{line-height:1.8;overflow-wrap:anywhere}
.advanced>h4{font-size:12px;font-weight:550;margin:12px 0 5px}
.advanced>ul{padding-left:20px}
.report-hardware-note{grid-column:1/-1;font-size:11px;line-height:1.8;color:var(--ink);margin-bottom:4px}

/* 分享报告直接显示三类音视频设备与实际数据。 */
.report-meta{font-size:11px;color:var(--muted);margin-bottom:12px;line-height:1.7}
.report-copy-status:empty{display:none}
.report-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.report-device-card{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--surface);min-width:0;overflow-wrap:anywhere}
.report-device-heading h3{font-size:15px;margin:0 0 8px}
.report-device-heading>strong{font-size:13px;font-weight:600;color:var(--accent)}
.report-device-card[data-state=neutral] .report-device-heading>strong{color:var(--muted)}
.report-device-card[data-state=error] .report-device-heading>strong,.report-device-issue{color:var(--danger)}
.report-device-card[data-state=warning] .report-device-heading>strong{color:var(--danger)}
.report-device-name{margin:16px 0;font-size:12px;line-height:1.7}
.report-device-name>span{display:block;color:var(--muted);font-size:10px;margin-bottom:3px}
.report-device-name>strong{font-weight:500}
.report-metrics{list-style:none;padding:0;font-size:12px;line-height:1.75}
.report-metrics>li{margin:5px 0}
.report-device-issue{font-size:12px;line-height:1.6;margin-bottom:10px}
.report-device-card h4{font-size:11px;font-weight:500;color:var(--muted);border-top:1px solid var(--line);margin:16px 0 8px;padding-top:12px}
.report-device-list{padding-left:16px;font-size:11px;line-height:1.7}
.report-device-list li{margin:5px 0}
.report-samples{font-size:11px;color:var(--muted);margin-top:14px}
@media(max-width:780px){.report-device-grid{grid-template-columns:1fr}.report-device-card{padding:16px}.report-device-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.report-device-heading h3{margin:0}.report-device-name{margin:12px 0}}

/* 银灰界面：大面积中性银灰，蓝色用于操作与数据高亮。 */
body{background:var(--bg)}
.sidebar{background:linear-gradient(180deg,#e4e8ee,#d9e0e8)}.topbar{background:#eef1f5}
.brand{color:#2b3e56}.brand-mark{background:transparent;box-shadow:none;border-radius:8px}
.tool-tab,.test-panel,.help-card,.samples-card,.more-grid>button,.feedback-form-card,dialog{background:linear-gradient(180deg,#fbfcfd,#f3f6f9)}
.tool-icon,.camera .tool-icon,.speaker .tool-icon{background:#e0e8f2;color:#3977b6}
.primary{background:var(--accent);color:#fff}.primary:hover:not(:disabled){background:var(--accent-dark)}
.secondary{background:#edf1f6;border-color:#b7c4d3;color:#344b66}.secondary:hover:not(:disabled){background:#e1e9f3}
/* 设备卡片、声道与菜单共用状态配色：银灰默认、浅蓝灰悬停、深蓝选中。 */
.tool-tab,.channel-buttons .btn,.nav-item{background:linear-gradient(180deg,#fbfcfd,#edf1f6);border-color:#b7c4d3;color:#344b66}
.tool-tab:not(.selected):hover,.channel-buttons .btn:not([aria-pressed="true"]):hover:not(:disabled),.nav-item:not(.active):hover{background:#e1e9f3;border-color:#809cbf;color:#344b66}
.tool-tab.selected,.channel-buttons .btn[aria-pressed="true"],.nav-item.active{background:var(--accent);border-color:var(--accent);color:#fff}
.tool-tab.selected:hover,.channel-buttons .btn[aria-pressed="true"]:hover:not(:disabled),.nav-item.active:hover{background:var(--accent-dark);border-color:var(--accent-dark)}
.tool-tab.selected .tool-icon{background:rgba(255,255,255,.12);color:#fff}
.tool-tab.selected small,.tool-tab.selected .tool-arrow,.nav-item.active svg{color:#fff}
.status-pill{background:#e2e8ef;color:#526478}.status-pill.live{background:#dfecfa;color:#245e99}.status-pill.error{background:#f5e4e9;color:var(--danger)}
.wave-stage{background:#e9eef4;border-color:var(--line)}.wave-stage:before{background:linear-gradient(#b6c5d744 1px,transparent 1px),linear-gradient(90deg,#b6c5d744 1px,transparent 1px);background-size:22px 22px}
.live-dot{background:#94a3b5}.wave-stage.is-live .live-dot{background:#3784c8;box-shadow:none}.meter{background:#ccd5e1}.meter>div{background:#438dcd}
.camera-stage,.camera-placeholder{background:#e1e6ed}.camera-stage video{background:#1b2635}.camera-live{background:#23384be6;color:#f5f8fc}.camera-live i{background:#8acbff}
.speaker-stage{background:#e8edf3;border-color:var(--line)}.speaker-channel.playing{color:#2874bc}
/* 声道按钮同级，播放结束后继续保留当前选择。 */
.channel-buttons .btn{flex:1;min-width:0;max-width:112px}
.metrics div,.peripheral-results>div{background:#e5ebf2}.metrics dd{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-variant-numeric:tabular-nums;color:var(--ink)}
.wave-top,.meter-labels,.camera-watermark,.report-meta,.report-metrics{font-variant-numeric:tabular-nums}
.feedback-contact-card{background:#e1e7ef}.feedback-contact-icon{background:#d5e1ee}.feedback-form-card{box-shadow:none}.feedback-form textarea,.feedback-form input[type=email],.feedback-form select{background:#f8fafc;color:var(--ink);border-color:#bac7d6}
.feedback-form textarea::placeholder,.feedback-form input::placeholder{color:#627185}.feedback-form [aria-invalid=true]{border-color:var(--danger)}
.report-device-card{background:#eef2f7}.report-device-heading>strong{color:#2867a9}.report-device-card[data-state=error] .report-device-heading>strong,.report-device-issue{color:var(--danger)}.report-device-card[data-state=warning] .report-device-heading>strong{color:#856019}
.report-device-card[data-state=neutral] .report-device-heading>strong{color:var(--muted)}
#toast{background:#dce6f1;color:#263e5d;border:1px solid #9db2cc;box-shadow:0 8px 28px #26344822}
dialog{box-shadow:0 20px 70px #26344833}dialog::backdrop{background:#26344855;backdrop-filter:blur(3px)}
#screen-test{background:white}.screen-toolbar{background:#eef2f6f2;color:var(--ink)}.screen-toolbar button{background:#dce5f0;color:var(--ink)}
.help-card li strong{font-size:12px}.help-card li p:empty,.status-message:empty,.fine-print:empty,.camera-options p:empty{display:none}
.editorial:empty{display:none}.editorial{padding-top:14px;margin-top:20px}.guide-links{margin-top:0}
/* 长排障内容仅作用于独立指南，窄屏的现象表允许完整换行。 */
.article-page ol,.article-page ul{padding-left:1.5em}
.article-page .symptom-table{table-layout:fixed;overflow-wrap:anywhere}
.editorial.inline-guide{margin-top:0;border-top:0;padding-top:0}.inline-guide-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px}
.symptom-table th:first-child{width:38%}.symptom-table th[scope="row"]{font-weight:500}

/* 键盘与鼠标直接显示当前记录；屏幕只显示纯色与色值。 */
.peripheral-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 0}
.peripheral-results[data-result=mouse]{grid-template-columns:repeat(4,minmax(0,1fr))}
.peripheral-results>div{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:12px;min-width:0}
.peripheral-results dt{font-size:11px;color:var(--muted)}
.peripheral-results dd{margin:7px 0 0;font-size:17px;font-family:ui-monospace,Consolas,monospace;color:var(--ink);overflow-wrap:anywhere}
#screen-color{font-size:12px;font-family:ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums}
#screen-test:focus{outline:0}.screen-toolbar{width:max-content;max-width:calc(100% - 16px);max-height:calc(100% - 16px);overflow:auto}.screen-toolbar #screen-drag{cursor:grab;touch-action:none;user-select:none}.screen-toolbar.is-dragging{user-select:none}.screen-toolbar.is-dragging #screen-drag{cursor:grabbing}
@media(max-width:600px){.peripheral-results{gap:6px}.peripheral-results>div{padding:9px}.peripheral-results dd{font-size:14px}.peripheral-results[data-result=mouse]{grid-template-columns:repeat(2,minmax(0,1fr))}}

.key.pressed{background:var(--accent-soft);border-color:var(--focus);color:var(--ink)}

/* 首屏聚焦测试操作，参数与次要导出按需展开。 */
.topbar>.local-badge{display:flex;overflow:visible;font-size:11px}
.topbar-home{color:var(--muted);white-space:nowrap}
.wave-stage:not(.is-live) .wave-top,.wave-stage:not(.is-live) .meter,.wave-stage:not(.is-live) .meter-labels{visibility:hidden}
.wave-stage:not(.is-live) canvas{visibility:hidden}
.advanced>summary{font-size:12px;font-weight:550;color:var(--ink)}
.camera-options .advanced-inner{padding-top:8px}
.samples-empty{display:block;padding:12px 0 0;text-align:left;font-size:11px;line-height:1.8;color:var(--muted)}
.more-tools{margin-top:24px}
.speaker-stage{height:132px;gap:100px}
.report-more{margin-top:12px;font-size:12px;color:var(--muted)}
.report-more>summary{cursor:pointer;width:fit-content;padding:4px 0}
.report-more .modal-actions{margin-top:8px}
#screen-color{min-width:2em;font-family:inherit}
@media(max-width:600px){.topbar>.local-badge{font-size:10px;gap:5px}.speaker-stage{height:120px;gap:80px}.metrics{grid-template-columns:1fr 1fr}.metrics>div:last-child{grid-column:1/-1}.metrics dd{font-size:11px}.samples-empty{padding-top:10px}}