.gpu-test{--gpu-radius:10px;--gpu-line:#ebeef5;--gpu-soft:#f7f9fb;--gpu-muted:#909399}
.gpu-test .gpu-section-title{margin:26px 0 12px;font-size:15px;font-weight:600;color:#303133;line-height:1.4}
.gpu-test .gpu-sub + .gpu-section-title{margin-top:18px}
.gpu-test .gpu-sub{font-size:13px;color:var(--gpu-muted);line-height:1.85;margin:0 0 14px}
.gpu-test .gpu-hint{font-size:12px;color:#a8adb5;line-height:1.75;margin:10px 0 0}
.gpu-test .gpu-actions{display:flex;gap:10px;flex-wrap:wrap}
.gpu-test .gpu-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;margin:0;padding:8px 16px;font-size:14px;line-height:1.4;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;user-select:none;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#606266;-webkit-transition:all .2s ease;transition:all .2s ease}
.gpu-test .gpu-btn:hover,.gpu-test .gpu-btn:focus{color:#86C038;border-color:#b3d98c;background-color:#f0f9eb;outline:none}
.gpu-test .gpu-btn:active{color:#6aa62e;border-color:#6aa62e}
.gpu-test .gpu-btn-primary{color:#fff;background-color:#86C038;border-color:#86C038}
.gpu-test .gpu-btn-primary:hover,.gpu-test .gpu-btn-primary:focus{color:#fff;background-color:#9cd44a;border-color:#9cd44a}
.gpu-test .gpu-btn-primary:active{color:#fff;background-color:#6aa62e;border-color:#6aa62e}
.gpu-test .gpu-btn-danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c}
.gpu-test .gpu-btn-danger:hover,.gpu-test .gpu-btn-danger:focus{color:#fff;background-color:#f78989;border-color:#f78989}
.gpu-test .gpu-btn-danger:active{color:#fff;background-color:#e64545;border-color:#e64545}
.gpu-test .gpu-btn-sm{padding:5px 10px;font-size:12px;border-radius:3px}
.gpu-test .gpu-btn:disabled,.gpu-test .gpu-btn.disabled,.gpu-test .gpu-btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}
.gpu-test .gpu-btn svg{flex:none;width:1em;height:1em;vertical-align:-0.125em}
.gpu-test .gpu-intro{display:flex;align-items:flex-start;gap:10px;background:#f0f9eb;border:1px solid #d8ecc0;color:#5a7a32;border-radius:var(--gpu-radius);padding:12px 14px;font-size:13px;line-height:1.8;margin-bottom:14px}
.gpu-test .gpu-alert-inline{border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.85;margin-bottom:16px}
.gpu-test .gpu-alert-inline.warn{background:#fdf6ec;border:1px solid #f7e2c3;color:#b8791f}
.gpu-test .gpu-alert-inline.info{background:#f0f9eb;border:1px solid #d8ecc0;color:#5a7a32}
.gpu-test .gpu-alert-inline.danger{background:#fdf1f1;border:1px solid #f3c3c2;color:#c76a69}
.gpu-test .gpu-alert-inline ul{margin:8px 0 0;padding-left:20px}
.gpu-test .gpu-alert-inline li{margin-bottom:4px}
.gpu-test .gpu-bar{border:1px solid var(--gpu-line);border-radius:var(--gpu-radius);background:#fff;margin-bottom:18px;overflow:hidden}
.gpu-test .gpu-start{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:44px 18px 34px}
.gpu-test .gpu-start-btn{min-width:210px;padding:12px 30px;font-size:16px;max-width:100%}
.gpu-test .gpu-toggle{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:#86C038;cursor:pointer}
.gpu-test .gpu-toggle:hover{color:#6fa12a}
.gpu-test .gpu-toggle i{display:inline-flex;transition:transform .2s}
.gpu-test .gpu-toggle.on i{transform:rotate(180deg)}
.gpu-test .gpu-fields{display:none;padding:0 18px 18px;flex-wrap:wrap;gap:14px 24px}
.gpu-test .gpu-fields.show{display:flex}
.gpu-test .gpu-state{display:none;align-items:center;justify-content:center;gap:9px;padding:0 16px 18px}
.gpu-test .gpu-state.show{display:flex}
.gpu-test .gpu-dot{width:10px;height:10px;border-radius:50%;background:#c0c4cc;flex:none;box-shadow:0 0 0 4px rgba(192,196,204,.18);transition:background .2s,box-shadow .2s}
.gpu-test .gpu-dot.on{background:#86C038;box-shadow:0 0 0 4px rgba(134,192,56,.18);animation:gpuPulse 1s infinite}
.gpu-test .gpu-dot.err{background:#e35d5b;box-shadow:0 0 0 4px rgba(227,93,91,.18)}
@keyframes gpuPulse{0%,100%{opacity:1}50%{opacity:.45}}
.gpu-test .gpu-status-text{font-size:13px;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gpu-test .gpu-field{display:flex;align-items:center;gap:8px}
.gpu-test .gpu-field > label{font-size:13px;color:var(--gpu-muted);margin:0;white-space:nowrap}
.gpu-test .gpu-field select{width:190px;max-width:48vw;padding:5px 8px;font-size:13px;border:1px solid #d9dde3;border-radius:6px;background:#fff;color:#303133}
.gpu-test .gpu-stage{border:1px solid var(--gpu-line);border-radius:var(--gpu-radius);background:#fff;padding:14px 16px 16px;margin-bottom:18px}
.gpu-test .gpu-stage-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}
.gpu-test .gpu-stage-hd > span{font-size:13px;color:#303133;font-weight:600}
.gpu-test .gpu-stage-hd > .gpu-stage-hint{font-size:12px;color:#b4b9c1;font-weight:normal}
.gpu-test .gpu-canvas-box{background:#1c1f24;border-radius:8px;overflow:hidden;line-height:0}
.gpu-test #glCanvas{width:100%;height:auto;display:block}
.gpu-test .gpu-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 14px;margin-top:14px;padding-top:14px;border-top:1px dashed #eff1f5}
.gpu-test .gpu-metric{background:var(--gpu-soft);border:1px solid #f0f2f5;border-radius:8px;padding:9px 12px;min-width:0}
.gpu-test .gpu-metric > span{display:block;font-size:12px;color:var(--gpu-muted);margin-bottom:3px}
.gpu-test .gpu-metric b{font-size:18px;color:#303133;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.3}
.gpu-test .gpu-metric em{font-style:normal;font-size:12px;color:#a8adb5;margin-left:2px}
.gpu-test .gpu-metric.hi b{color:#86C038}
.gpu-test .gpu-progress{border:1px solid var(--gpu-line);border-radius:var(--gpu-radius);background:#fff;padding:16px 18px;margin-bottom:18px;display:none}
.gpu-test .gpu-progress.show{display:block}
.gpu-test .gpu-prog-hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.gpu-test .gpu-prog-phase{font-size:13px;color:#303133;font-weight:600}
.gpu-test .gpu-prog-item{font-size:12px;color:var(--gpu-muted)}
.gpu-test .gpu-prog-track{height:8px;background:#eef1f5;border-radius:6px;overflow:hidden}
.gpu-test .gpu-prog-track > i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#b6e07a,#86C038);transition:width .25s}
.gpu-test .gpu-prog-foot{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#a8adb5;margin-top:8px}
.gpu-test .gpu-prog-log{margin-top:14px;padding-top:14px;border-top:1px dashed #eff1f5;max-height:178px;overflow-y:auto}
.gpu-test .gpu-log-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;font-size:12px;color:#7b828c}
.gpu-test .gpu-log-row + .gpu-log-row{margin-top:3px}
.gpu-test .gpu-log-row:nth-child(odd){background:var(--gpu-soft)}
.gpu-test .gpu-log-tag{flex:none;font-size:11px;line-height:18px;padding:0 6px;border-radius:4px;background:#eef3e4;color:#6b8f2c}
.gpu-test .gpu-log-tag.base{background:#f2f4f7;color:#7b828c}
.gpu-test .gpu-log-name{flex:1;min-width:0;color:#303133;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gpu-test .gpu-log-fps{flex:none;width:72px;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.gpu-test .gpu-log-fps.ok{color:#5a7a32}
.gpu-test .gpu-log-fps.mid{color:#b8791f}
.gpu-test .gpu-log-fps.low{color:#c76a69}
.gpu-test .gpu-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gpu-test .gpu-card{border:1px solid var(--gpu-line);border-radius:var(--gpu-radius);background:#fff;padding:16px 18px}
.gpu-test .gpu-card-hd{font-size:14px;color:#303133;font-weight:600;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.gpu-test .gpu-empty{font-size:13px;color:#b4b9c1;text-align:center;padding:26px 0;margin:0}
.gpu-test .gpu-score-hero{border:1px solid var(--gpu-line);border-radius:var(--gpu-radius);background:#fff;padding:22px 20px;text-align:center;margin-bottom:16px}
.gpu-test .gpu-score-lab{font-size:13px;color:var(--gpu-muted);margin-bottom:6px}
.gpu-test .gpu-score-big{font-size:50px;line-height:1.05;font-weight:700;color:#86C038;font-variant-numeric:tabular-nums}
.gpu-test .gpu-score-big small{font-size:15px;color:#a8adb5;font-weight:400;margin-left:4px}
.gpu-test .gpu-grade{display:inline-block;margin-top:10px;padding:4px 16px;border-radius:14px;font-size:14px;font-weight:600;background:#f0f9eb;color:#5a7a32;transition:background .2s,color .2s}
.gpu-test .gpu-grade.lv1{background:#fdf3ec;color:#b8791f}
.gpu-test .gpu-grade.lv2{background:#eef4fd;color:#3a76d8}
.gpu-test .gpu-grade.lv3{background:#f0f9eb;color:#5a7a32}
.gpu-test .gpu-grade.lv4{background:#f2ecfd;color:#7c4ddb}
.gpu-test .gpu-grade-desc{font-size:13px;color:#606266;line-height:1.85;margin:12px auto 0;max-width:560px}
.gpu-test .gpu-bars{border:1px solid var(--gpu-line);border-radius:var(--gpu-radius);background:#fff;padding:16px 18px}
.gpu-test .gpu-bar-item{display:flex;align-items:center;gap:12px;margin-bottom:11px}
.gpu-test .gpu-bar-item:last-child{margin-bottom:0}
.gpu-test .gpu-bar-name{flex:none;width:96px;font-size:13px;color:#303133}
.gpu-test .gpu-bar-track{flex:1;height:14px;background:#eef1f5;border-radius:7px;overflow:hidden;min-width:0}
.gpu-test .gpu-bar-track > i{display:block;height:100%;width:0;border-radius:7px;background:linear-gradient(90deg,#b6e07a,#86C038);transition:width .4s}
.gpu-test .gpu-bar-val{flex:none;width:58px;text-align:right;font-size:13px;color:#606266;font-variant-numeric:tabular-nums;font-weight:600}
.gpu-test .gpu-bar-raw{flex:none;width:130px;text-align:right;font-size:11px;color:#b4b9c1;font-variant-numeric:tabular-nums;white-space:nowrap}
.gpu-test .gpu-chart{width:100%;height:200px;display:block}
.gpu-test .gpu-table-wrap{overflow-x:auto}
.gpu-test .gpu-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:20px}
.gpu-test .gpu-table td{padding:8px 10px;border-bottom:1px solid var(--gpu-line);vertical-align:top;word-break:break-all}
.gpu-test .gpu-table td.gpu-k{width:170px;color:#606266;white-space:nowrap}
.gpu-test .gpu-num{font-variant-numeric:tabular-nums}
.gpu-test .gpu-yes{color:#86C038;font-weight:600}
.gpu-test .gpu-no{color:#c0c4cc}
.gpu-test .gpu-patterns{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gpu-test .gpu-pattern{border:1px solid var(--gpu-line);border-radius:var(--gpu-radius);overflow:hidden;background:#fff}
.gpu-test .gpu-pattern canvas{width:100%;height:150px;display:block}
.gpu-test .gpu-pattern-info{padding:10px 14px}
.gpu-test .gpu-pattern-name{font-size:13px;color:#303133;font-weight:600;margin-bottom:3px}
.gpu-test .gpu-pattern-desc{font-size:12px;color:var(--gpu-muted);line-height:1.75}
.gpu-test .gpu-tip{display:flex;gap:9px;align-items:flex-start;background:var(--gpu-soft);border:1px solid var(--gpu-line);border-radius:8px;padding:11px 14px;font-size:12px;color:#7b828c;line-height:1.8;margin-top:14px}
.gpu-test .gpu-tip i{color:#86C038;margin-top:4px;flex:none;font-style:normal;width:16px;height:16px;border:1.5px solid #86C038;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1}
.gpu-test .gpu-tip a{color:#86C038}
.gpu-test .gpu-report{display:none;margin-top:6px}
.gpu-test .gpu-report.show{display:block}
.gpu-test #reportText{width:100%;min-height:190px;box-sizing:border-box;border:1px solid #e0e4ea;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.9;color:#303133;resize:vertical;font-family:inherit;background:var(--gpu-soft)}
.gpu-test #reportText:focus{outline:none;border-color:#86C038}
.gpu-test .gpu-result{display:none}
.gpu-test .gpu-result.show{display:block}
.gpu-test .gpu-readme{font-size:13px;color:#4a4f57;line-height:1.9}
.gpu-test .gpu-readme h3{font-size:15px;color:#303133;margin:22px 0 8px}
.gpu-test .gpu-readme p{margin:6px 0 12px}
.gpu-test .gpu-readme ol,.gpu-test .gpu-readme ul{margin:6px 0 12px;padding-left:22px}
.gpu-test .gpu-readme li{margin-bottom:5px}
.gpu-test .gpu-readme strong{color:#303133}
.gpu-test .gpu-readme table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0 12px}
.gpu-test .gpu-readme th,.gpu-test .gpu-readme td{border:1px solid var(--gpu-line);padding:7px 10px;text-align:left}
.gpu-test .gpu-readme th{background:var(--gpu-soft);color:#303133}

body.night .gpu-test{--gpu-line:#333;--gpu-soft:#26282d;--gpu-muted:#9aa0a8}
body.night .gpu-test .gpu-bar,body.night .gpu-test .gpu-stage,body.night .gpu-test .gpu-progress,body.night .gpu-test .gpu-card,body.night .gpu-test .gpu-score-hero,body.night .gpu-test .gpu-bars,body.night .gpu-test .gpu-pattern{background:#1e1e1e;border-color:#333}
body.night .gpu-test .gpu-section-title,body.night .gpu-test .gpu-status-text,body.night .gpu-test .gpu-stage-hd > span,body.night .gpu-test .gpu-prog-phase,body.night .gpu-test .gpu-card-hd,body.night .gpu-test .gpu-bar-name,body.night .gpu-test .gpu-bar-val,body.night .gpu-test .gpu-pattern-name,body.night .gpu-test .gpu-score-lab,body.night .gpu-test .gpu-table td,body.night .gpu-test .gpu-log-name,body.night .gpu-test .gpu-metric b{color:#e6e8eb}
body.night .gpu-test .gpu-field > label,body.night .gpu-test .gpu-metric > span,body.night .gpu-test .gpu-table td.gpu-k,body.night .gpu-test .gpu-pattern-desc,body.night .gpu-test .gpu-log-row{color:#9aa0a8}
body.night .gpu-test .gpu-metric{background:#26282d;border-color:#333}
body.night .gpu-test .gpu-prog-track,body.night .gpu-test .gpu-bar-track{background:#2a2d33}
body.night .gpu-test .gpu-log-row:nth-child(odd){background:#26282d}
body.night .gpu-test .gpu-log-tag{background:#2d3a20;color:#9ed35c}
body.night .gpu-test .gpu-log-tag.base{background:#2a2d33;color:#9aa0a8}
body.night .gpu-test .gpu-intro,body.night .gpu-test .gpu-alert-inline.info{background:#1f2a17;border-color:#2d3a20;color:#a8c982}
body.night .gpu-test .gpu-alert-inline.warn{background:#2b2215;border-color:#4a3a1e;color:#d8a75c}
body.night .gpu-test .gpu-alert-inline.danger{background:#2b1a1a;border-color:#4a2827;color:#e08b89}
body.night .gpu-test .gpu-field select{background:#181a1b;border-color:#444;color:#eee}
body.night .gpu-test .gpu-btn{background:#26282d;border-color:#3a3f45;color:#e6e8eb}
body.night .gpu-test .gpu-btn:hover,body.night .gpu-test .gpu-btn:focus{color:#86C038;border-color:#b3d98c;background-color:#1f2a17}
body.night .gpu-test .gpu-btn:active{color:#6aa62e;border-color:#6aa62e}
body.night .gpu-test .gpu-btn-primary,body.night .gpu-test .gpu-btn-primary:hover,body.night .gpu-test .gpu-btn-primary:focus,body.night .gpu-test .gpu-btn-primary:active{color:#fff;background-color:#86C038;border-color:#86C038}
body.night .gpu-test .gpu-btn-danger,body.night .gpu-test .gpu-btn-danger:hover,body.night .gpu-test .gpu-btn-danger:focus,body.night .gpu-test .gpu-btn-danger:active{color:#fff;background-color:#f56c6c;border-color:#f56c6c}
body.night .gpu-test .gpu-score-big{color:#9ed35c}
body.night .gpu-test .gpu-grade{background:#1f2a17;color:#a8c982}
body.night .gpu-test .gpu-grade.lv1{background:#2b2215;color:#d8a75c}
body.night .gpu-test .gpu-grade.lv2{background:#1c2533;color:#7aa3e8}
body.night .gpu-test .gpu-grade.lv3{background:#1f2a17;color:#a8c982}
body.night .gpu-test .gpu-grade.lv4{background:#251f33;color:#a98fe0}
body.night .gpu-test .gpu-grade-desc{color:#b8bdc6}
body.night .gpu-test .gpu-tip{background:#26282d;border-color:#333;color:#9aa0a8}
body.night .gpu-test .gpu-tip i{border-color:#86C038;color:#86C038}
body.night .gpu-test #reportText{background:#181a1b;border-color:#444;color:#eee}
body.night .gpu-test .gpu-table td{border-bottom-color:#333}
body.night .gpu-test .gpu-bar-raw{color:#6f757d}
body.night .gpu-test .gpu-readme{color:#b8bdc6}
body.night .gpu-test .gpu-readme h3,body.night .gpu-test .gpu-readme strong,body.night .gpu-test .gpu-readme th{color:#e6e8eb}
body.night .gpu-test .gpu-readme th{background:#26282d}
body.night .gpu-test .gpu-readme th,body.night .gpu-test .gpu-readme td{border-color:#333}

@media (max-width:900px){.gpu-test .gpu-metrics{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
.gpu-test .gpu-grid2{grid-template-columns:1fr}
.gpu-test .gpu-patterns{grid-template-columns:1fr}
.gpu-test .gpu-score-big{font-size:40px}
.gpu-test .gpu-bar-name{width:76px}
.gpu-test .gpu-bar-raw{display:none}
}
@media (max-width:480px){
.gpu-test .gpu-metrics{grid-template-columns:repeat(2,1fr)}
.gpu-test .gpu-field{flex:1 1 100%}
.gpu-test .gpu-field select{width:100%;max-width:none;flex:1}
.gpu-test .gpu-bar-val{width:48px}
}