/*
SPDX-FileCopyrightText: 2026 晨钟酱Official
SPDX-License-Identifier: GPL-3.0-only
See LICENSE for the full license text.
*/
:root{--ui-scale:1;--app-height:calc(100vh / var(--ui-scale));--app-width:calc(100vw / var(--ui-scale));font:menu;font-size:14px;line-height:1.6;--brand:#4657be;--brand-dark:#34449e;--accent:#ff633b;--brand-soft:#e3e7fa;--bg:#f5f6f7;--surface:#fff;--ink:#182b37;--muted:#687b86;--line:#e0e6e9;--shadow:0 2px 5px #163a4510;--radius:9px;color:var(--ink);color-scheme:light}
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
*,*::before,*::after{box-sizing:border-box;font:inherit}body{margin:0;background:var(--bg)}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.43;cursor:not-allowed}button svg{width:18px;height:18px;flex:none}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.hidden,[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h2{font-size:22px;margin-bottom:18px}h3{font-size:18px;margin-bottom:14px}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}small,.muted{color:var(--muted)}
.topbar{min-height:70px;height:auto;flex-wrap:wrap;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px;background:var(--brand);color:#fff;position:sticky;top:0;z-index:15;box-shadow:0 2px 8px #0038401a}.brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.brand-copy{min-width:0}.brand h1{font-size:21px;font-weight:500;letter-spacing:.3px;overflow-wrap:anywhere}.brand h1{margin:0}.top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}.connection-chip{font-size:12px;display:flex;align-items:center;gap:7px;max-width:220px}.connection-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:#c9e0e4;flex:none}.dot.ok{background:#adf3be}.dot.pending{background:#ffe28b}.dot.error{background:#ffb0a5}.topbar .btn{background:#ffffff17;border:1px solid #ffffff7a;color:#fff;box-shadow:none;min-height:35px;padding:6px 13px}.topbar .btn:hover{background:#ffffff28}.sidebar-toggle{display:none}
.shell{display:grid;grid-template-columns:174px minmax(0,1fr);min-height:calc(var(--app-height) - var(--header-height,70px))}.sidebar{overflow-y:auto;overflow-x:hidden;padding:14px 10px;position:sticky;top:var(--header-height,70px);height:calc(var(--app-height) - var(--header-height,70px));background:#f0f2f3;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:12}.nav{display:grid;gap:5px}.nav button{font-size:14px;background:transparent;border:0;display:flex;align-items:center;gap:13px;text-align:left;padding:11px 13px;border-radius:5px;color:#000;position:relative;min-height:45px}.nav button svg{width:21px;height:21px}.nav button:hover{background:#e5e9eb}.nav button.active{background:var(--brand-soft);color:#000}.nav button.active:before{content:"";position:absolute;left:-10px;top:5px;bottom:5px;width:3px;background:var(--accent)}.sidebar-foot{font-size:13px;line-height:1.9;text-align:center;margin-top:auto;padding:20px 10px 0;color:var(--brand);}.workspace{padding:18px 28px 40px;min-width:0;max-width:1480px;width:100%;margin:0 auto;align-self:start}.page{animation:enter .17s ease}.page-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.page-title h2{margin:0;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow);min-width:0}.card.flat{box-shadow:none}.grid{display:grid;gap:23px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:1.2fr .9fr 1fr}.span2{grid-column:1/-1}.stack{display:grid;gap:22px;align-content:start}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{justify-content:space-between}.btn{font-size:13px;border:1px solid transparent;background:var(--brand);color:#fff;min-height:36px;padding:7px 15px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 2px 3px #173a451c;white-space:nowrap}.btn:hover:not(:disabled){background:var(--brand-dark)}.btn.secondary{background:#fff;color:var(--brand);border-color:#c9dce0;box-shadow:none}.btn.secondary:hover:not(:disabled){background:var(--brand-soft)}.btn.danger{background:#d85442}.btn.danger:hover:not(:disabled){background:#bc4030}.btn.quiet{color:var(--muted);background:#edf1f3;box-shadow:none}.btn.small{font-size:12px;min-height:29px;padding:4px 10px;}.btn.wide{width:100%}.button-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.button-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.button-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:5px;min-width:0}.field>span,.field>label{font-size:12px;color:var(--muted)}input:not([type=checkbox]):not([type=range]),select,textarea{width:100%;border:1px solid #dce2e5;border-radius:5px;background:#f7f8f9;color:var(--ink);padding:10px 12px;min-height:41px}input:focus,textarea:focus,select:focus{border-color:var(--brand);outline:2px solid var(--brand-soft)}input::placeholder,textarea::placeholder{color:#9aa6ae}textarea{resize:vertical}.field-row{display:flex;gap:12px;align-items:flex-end}.field-row .field{flex:1}.field-row .btn{min-height:41px}.hint{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px;margin-bottom:0;}.metric-text{font-size:13px;color:var(--brand);}.section-gap{margin-top:25px}.switch{font-size:13px;display:flex;gap:10px;align-items:center;cursor:pointer;}.switch input{appearance:none;width:34px;height:18px;border-radius:15px;background:#bbc4c9;flex:none;position:relative;cursor:pointer;margin:0}.switch input:before{content:"";position:absolute;width:21px;height:21px;left:-1px;top:-1.5px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;transition:transform .15s}.switch input:checked{background:var(--brand-soft)}.switch input:checked:before{transform:translateX(15px);background:var(--brand)}.check{font-size:13px;display:flex;align-items:center;gap:7px;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--brand);margin:0;flex:none}.checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 9px}.stat-label{font-size:12px;color:var(--muted);margin-bottom:2px}.stat-value{font-size:14px;overflow-wrap:anywhere}.info-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.info-pairs{font-size:13px;display:grid;gap:9px;}.info-pairs div{display:grid;grid-template-columns:65px minmax(0,1fr);gap:6px}#runtime-ua{white-space:pre-wrap;overflow-wrap:anywhere}.info-pairs dt{color:var(--muted)}.info-pairs dd{margin:0;overflow-wrap:anywhere}.cpu-grid{font-size:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;color:var(--brand);}.cpu-grid button{background:transparent;color:inherit;border:0;padding:0;text-align:left;cursor:pointer}.cpu-grid button:hover{text-decoration:underline}.info-wide{font-size:12px;border-top:1px solid #edf0f2;margin-top:18px;padding-top:13px;display:grid;gap:6px;overflow-wrap:anywhere}.info-wide b{color:var(--muted);display:inline-block;min-width:73px}.reboot-grid{grid-template-columns:repeat(3,1fr)}.empty{font-size:13px;display:flex;min-height:130px;align-items:center;justify-content:center;text-align:center;color:#9ba9b0;}.focus-box{background:#f5f7f8;border:1px solid #edf0f2;border-radius:6px;padding:12px 14px;overflow-wrap:anywhere}.focus-box+.focus-box{margin-top:9px}.separator{border:0;border-top:1px solid var(--line);margin:19px 0}.slider-row{display:grid;grid-template-columns:57px minmax(100px,1fr) 85px;gap:12px;align-items:center;margin:20px 0}input[type=range]{width:100%;accent-color:var(--brand);margin:0}.ticks{font-size:11px;display:flex;justify-content:space-between;color:var(--muted);margin-top:4px}.slider-value{color:var(--brand);text-align:right;}.battery-summary{font-size:14px;text-align:center;color:var(--brand);margin-bottom:11px}.text-output{font-size:12px;white-space:pre-wrap;overflow:auto;max-height:370px;min-height:270px;margin:0;word-break:break-word}.stats-output{font-size:11px;min-height:260px;max-height:330px;white-space:pre;overflow:auto;background:#f6f8f9;border-radius:5px;padding:10px;margin-bottom:13px}.stats-controls{display:flex;align-items:center;gap:8px;margin-top:12px}.stats-controls select{padding:6px;min-height:35px}.stats-controls .btn{flex:1}.temp-grid{display:grid;gap:16px}.script-layout{display:grid;grid-template-columns:minmax(0,1fr) 175px 190px;gap:17px}.script-editor{font-size:12px;line-height:1.7;width:100%;min-height:420px;border-radius:5px!important;tab-size:2}.script-tools{display:grid;gap:10px;align-content:start}.script-list{min-height:270px;background:#f7f8f9;border:1px solid var(--line);border-radius:5px;padding:5px;margin-bottom:13px}.script-list button{font-size:12px;display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--ink);border-radius:4px;padding:7px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.script-list button.active{background:var(--brand-soft);color:var(--brand)}.file-list{font-size:11px;max-height:100px;overflow:auto;color:var(--muted);padding-top:8px}.badge{font-size:10px;display:inline-block;padding:3px 8px;background:var(--brand-soft);color:var(--brand);border-radius:4px}.about-title{font-size:30px;letter-spacing:1px;margin:7px 0;color:var(--brand)}.about-sub{font-size:12px;color:var(--muted)}.links-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.about-copy{font-size:13px;line-height:1.9;margin:0}.settings-grid .card{min-height:155px}.settings-grid .switch{margin-top:16px}.settings-grid .btn{align-self:end}.download-list{display:grid;gap:9px;max-height:330px;overflow:auto}.download-item{display:flex;gap:12px;align-items:center;padding:10px;background:#f5f7f8;border-radius:5px}.download-item span{font-size:12px;flex:1;overflow-wrap:anywhere}.download-item img{width:42px;height:42px;object-fit:cover;border-radius:4px}.gallery-empty{font-size:12px;color:var(--muted);padding:10px 0}.toast-stack{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;display:grid;gap:8px;max-width:min(600px,calc(var(--app-width)*.9));pointer-events:none}.toast{font-size:13px;border-radius:6px;padding:11px 18px;background:#253b46;color:#fff;box-shadow:0 4px 20px #0003;animation:enter .18s ease}.toast.error{background:#9b3b32}.progress{height:3px;background:var(--brand-soft);border-radius:3px;overflow:hidden;margin-top:12px}.progress div{height:100%;width:0;background:var(--brand);transition:width .15s}.progress-text{font-size:11px;color:var(--muted);margin-top:6px}
dialog{border:1px solid var(--line);border-radius:12px;padding:0;max-width:min(720px,calc(var(--app-width)*.92));width:620px;box-shadow:0 20px 70px #002a3d35;color:var(--ink);background:var(--surface)}dialog::backdrop{background:#102b3c66;backdrop-filter:blur(2px)}.modal-head{padding:20px 24px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-head h3{margin:0}.icon-button{border:0;background:transparent;color:var(--muted);padding:5px;display:inline-flex;border-radius:5px}.icon-button:hover{background:#edf2f4}.icon-button svg{width:20px;height:20px}.modal-body{padding:22px 24px;max-height:calc(var(--app-height)*.65);overflow:auto}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding:15px 24px}.modal-text{font-size:12px;line-height:1.8;white-space:pre-wrap;word-break:break-word;margin:0}.tab-pills{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tab-pills button{font-size:12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:var(--muted);padding:6px 12px;}.tab-pills button.active{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.inline-note{font-size:12px;border-left:3px solid var(--brand);background:#f1f8f9;padding:11px 14px;color:#526d79;margin-top:15px}.log-table{font-size:12px;width:100%;border-collapse:collapse;}.log-table td,.log-table th{border-bottom:1px solid var(--line);padding:9px;text-align:left}.table-wrap{overflow:auto}.kbd{font-size:10px;border:1px solid #ced8dc;padding:2px 5px;border-radius:3px;color:var(--muted)}
@keyframes enter{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.battery-compact>.three{grid-template-columns:1fr}.battery-compact>.three>.card:first-child,.battery-compact>.three>.card:last-child{display:none}.battery-compact .stats-output{min-height:420px;max-height:calc(var(--app-height)*.6)}
@media(min-width:1450px){.workspace{padding:18px 40px}.topbar{padding:0 30px}.shell{grid-template-columns:190px minmax(0,1fr)}}
@media(max-width:1100px){.workspace{padding:18px 20px}.three{grid-template-columns:1fr 1fr}.three>*:last-child{grid-column:1/-1}.info-grid{grid-template-columns:1fr 1fr}.info-grid>.cpu-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:15px}.script-layout{grid-template-columns:minmax(0,1fr) 175px}.script-layout>.card:last-child{grid-column:1/-1}.script-list{min-height:80px;display:grid;grid-template-columns:repeat(3,1fr)}.button-grid.four{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.topbar{min-height:60px;padding:12px 14px;gap:10px}.brand{gap:7px}.connection-chip{display:none}.top-actions{gap:6px}.topbar .btn{padding:5px 9px;min-height:33px}.sidebar-toggle{display:inline-flex;background:transparent;border:0;color:#fff;padding:4px}.sidebar-toggle svg{width:22px;height:22px}.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:var(--header-height,60px);width:180px;height:calc(var(--app-height) - var(--header-height,60px));transform:translateX(-100%);transition:transform .2s;box-shadow:6px 0 20px #132e3c22}.sidebar.open{transform:translateX(0)}.workspace{padding:18px 14px}.two,.three,.settings-grid{grid-template-columns:1fr}.three>*:last-child{grid-column:auto}.info-grid{grid-template-columns:1fr 1fr;gap:12px}.card{padding:17px}.checks{grid-template-columns:repeat(4,1fr)}.script-layout{grid-template-columns:1fr}.script-layout>.card:last-child{grid-column:auto}.script-tools{grid-template-columns:1fr 1fr}.script-tools .switch{grid-column:1/-1}.script-editor{min-height:340px}.sidebar-foot{padding-bottom:18px}dialog{max-width:calc(var(--app-width)*.95)}}
@media(max-width:420px){.info-grid{grid-template-columns:1fr}.info-grid>.cpu-grid{grid-template-columns:repeat(2,1fr)}.button-grid{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:repeat(3,1fr)}.field-row{flex-wrap:wrap}.field-row>.field{flex-basis:35%}.topbar .btn svg{display:none}.script-list{grid-template-columns:repeat(2,1fr)}}

.connection-status{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-bottom:12px}.connection-status.error{color:#be3e31}.connection-status.ok{display:flex;align-items:center;gap:7px}.connection-status.ok:before{content:"";width:7px;height:7px;border-radius:50%;background:#04d86a;flex:none}.device-controls{display:flex;align-items:center;gap:10px;margin-bottom:15px}.device-controls select{min-width:0;flex:1}

.about-attribution{font-size:14px;line-height:1.6;color:var(--brand);text-align:center;margin:28px 0 0;overflow-wrap:anywhere}.about-attribution a{color:var(--brand);text-decoration:underline;text-underline-offset:2px}.sidebar-foot a{color:var(--brand)}.sidebar-foot a,.sidebar-foot a:hover,.sidebar-foot a:focus-visible{text-decoration:none}.focus-box .mono{font-size:12px}
@media(max-width:780px){.brand h1{font-size:19px}.topbar .btn{font-size:11px}.page-title h2{font-size:21px}}
@media(max-width:420px){.brand h1{font-size:17px}}

body[data-connected="false"] .sidebar,body[data-connected="false"] .page,body[data-connected="false"] .top-actions,body[data-connected="false"] #menu-toggle{display:none!important}body[data-connected="false"] .shell{grid-template-columns:minmax(0,1fr)}body[data-connected="true"] .connection-entry{display:none}.connection-entry{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.connection-hint{text-align:center;margin:16px 0 0;max-width:100%;overflow-wrap:anywhere}.connection-entry .btn{min-width:150px;min-height:44px}.connection-status{margin-bottom:12px}

.terminal-card{padding:12px}.terminal-session-bar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:0 4px 10px}.terminal-surface{height:clamp(360px,calc(var(--app-height)*.62),650px);min-height:340px;padding:0;background:#111e27;color:#deebf0;border-radius:7px;overflow:hidden}.terminal-surface .xterm{height:100%;padding:12px}.terminal-surface .xterm-helper-textarea{min-height:0!important;padding:0!important;border:0!important;outline:0!important}

#page-battery>.three{align-items:stretch}
#page-battery:not(.battery-compact)>.three{grid-auto-rows:1fr}
.battery-statistics,.battery-simulation{display:flex;flex-direction:column}
.battery-statistics .stats-output{flex:1 1 0;min-height:0;max-height:none}
.battery-simulation .temp-grid{display:flex;flex-direction:column;justify-content:space-between;flex:1;gap:16px}
.battery-compact .battery-statistics .stats-output{flex:initial;min-height:420px;max-height:calc(var(--app-height)*.6)}

.developer-website{font-size:inherit;color:var(--brand);margin:18px 0 0;white-space:nowrap}.changelog{padding-left:1.6em}.changelog li+li{margin-top:6px}

.about-online{margin-top:12px}
#setting-cpu-interval{height:41px}

.info-pairs .board-id-field{display:flex;align-items:baseline;gap:8px}.board-id-field>[data-info]{min-width:0;overflow-wrap:anywhere}.board-id-toggle{border:0;background:transparent;color:var(--brand);padding:0;white-space:nowrap}.board-id-toggle:hover{text-decoration:underline}

/* Styles extracted from the original HTML attributes. */
.layout-1{position:absolute;width:0;height:0;overflow:hidden}
.layout-2{margin:0}
.layout-3{margin-bottom:13px}
.layout-4{margin-bottom:12px}
.layout-5{padding-bottom:10px}
.layout-6{margin-top:0}