.learning-tools{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 2px}.learning-tools button{border:1px solid var(--line);border-radius:7px;background:var(--soft);color:var(--ink);padding:7px 10px;font:600 12px/1.2 Inter,"Microsoft YaHei",sans-serif;cursor:pointer}.learning-tools button:hover{border-color:var(--red);color:var(--red)}
.lr-panel{position:fixed;inset:0;z-index:420;display:grid;place-items:center;padding:18px;background:#111a23aa}.lr-panel-card{position:relative;width:min(720px,100%);max-height:min(86vh,760px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--soft);color:var(--ink);box-shadow:0 24px 80px #0006}.lr-panel-card h2{margin:4px 0 12px}.lr-panel-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.lr-panel-lead{color:var(--muted);font-size:13px;line-height:1.65}.lr-path-list{display:grid;gap:7px}.lr-path-item{display:grid;grid-template-columns:30px 1fr 24px;align-items:center;gap:9px;width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.lr-path-item:hover,.lr-path-item.is-done{border-color:#7acb8a;background:#edf9ef}.lr-path-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--ink);color:var(--soft);font-weight:800}.lr-path-item b,.lr-path-item small{display:block}.lr-path-item small{margin-top:3px;color:var(--muted);line-height:1.4}.lr-path-check{color:var(--red);font-size:18px;font-weight:800}.lr-scenario-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lr-scenario-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.lr-scenario-card h3{margin:8px 0 5px}.lr-scenario-card p{min-height:44px;color:var(--muted);font-size:12px;line-height:1.5}.lr-badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#fff0f0;color:var(--red);font-size:11px}.lr-scenario-steps{padding-left:23px;line-height:2}.lr-scenario-status{padding:9px;border-left:3px solid var(--red);background:#fff5f5;color:var(--muted);font-size:12px}.lr-panel-actions{display:flex;gap:8px;flex-wrap:wrap}.lr-table-wrap{overflow:auto}.lr-compare-table{width:100%;border-collapse:collapse;font-size:12px}.lr-compare-table th,.lr-compare-table td{padding:9px;border:1px solid var(--line);text-align:left;vertical-align:top}.lr-compare-table th{background:var(--soft)}.lr-stat-summary{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap;margin:14px 0 20px}.lr-stat-summary b{font-size:23px}.lr-stat-summary span{margin-right:14px;color:var(--muted);font-size:11px}.lr-recent-list{padding-left:18px}.lr-recent-list li{display:flex;justify-content:space-between;gap:15px;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.lr-recent-list li span{color:var(--muted)}.lr-setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.lr-setting-row>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.lr-favorite{margin-left:auto}.lr-favorite[aria-label]{min-width:70px}
body[data-font-scale="large"] .content{font-size:1.06em}body[data-font-scale="xlarge"] .content{font-size:1.12em}body[data-terminal-theme="green"] .terminal-output,body[data-terminal-theme="green"] .terminal-input{background:#07130c}body[data-terminal-theme="green"] .terminal-output{color:#9cffb0}body[data-terminal-theme="amber"] .terminal-output,body[data-terminal-theme="amber"] .terminal-input{background:#1b1306}body[data-terminal-theme="amber"] .terminal-output{color:#ffd27a}
.lr-scenario-progress{display:block;margin:-5px 0 10px;color:var(--red);font-size:11px}
@media(max-width:760px){.learning-tools{gap:6px}.learning-tools button{padding:8px 9px;font-size:11px}.lr-panel{padding:10px}.lr-panel-card{max-height:92vh;padding:20px 15px;border-radius:13px}.lr-scenario-grid{grid-template-columns:1fr}.lr-setting-row{align-items:flex-start;flex-direction:column}.lr-setting-row>div{justify-content:flex-start}.lr-recent-list li{align-items:flex-start;flex-direction:column;gap:3px}}
.lr-compare-table .is-current{background:#fff0f0;color:var(--red);font-weight:700}