:root{font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#263d35;background:#faf9f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #263d35;--muted: #68776f;--primary: #267864;--primary-deep: #215448;--line: #dce3d8;--bg: #faf9f3;--surface: #fffefb;--mint: #e7f2e9;--peach: #f7d5b3;--butter: #f4e5a4;--sky: #dfeef2;--danger: #a33d37;--radius: 18px;--shadow: 0 4px 0 #263d3505}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,h4,h5,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em;overflow-wrap:anywhere}h1{line-height:1.25}p{line-height:1.75}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}::selection{background:#c9e3ce;color:var(--primary-deep)}:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 18px;border:1px solid var(--primary);border-radius:10px;background:var(--surface);color:var(--primary-deep)}.skip-link:focus{top:12px}.eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--primary);font-size:11px;font-weight:750;letter-spacing:.07em;line-height:1.6}.eyebrow-line,.story-line{width:24px;height:2px;background:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:43px;padding:11px 17px;border:1px solid transparent;border-radius:11px;font-size:13px;font-weight:700;line-height:1.5;text-align:center;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.button-primary{background:var(--primary);color:#fff;box-shadow:0 3px #174b3f}.button-primary:hover:not(:disabled){background:var(--primary-deep)}.button-secondary{background:var(--surface);color:var(--primary-deep);border-color:#bfd3c4}.button-secondary:hover:not(:disabled){background:var(--mint);border-color:#8caf9d}.inline-link{display:inline-flex;align-items:center;gap:7px;color:var(--primary);font-size:12px;font-weight:750;line-height:1.6}.inline-link:hover,.breadcrumbs a:hover,.dependency-line a:hover,.tree-card-links a:hover{text-decoration:underline;text-underline-offset:4px}.text-button{padding:9px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:650}.text-button:hover:not(:disabled){background:var(--mint);color:var(--primary-deep)}.form-error,.form-notice,.shell-error{padding:12px 14px;border:1px solid #efcbc3;border-radius:10px;background:#fff1ec;color:var(--danger);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.form-error{margin:14px 0 0}.form-notice{margin:0 0 18px;background:var(--sky);color:#345d6b;border-color:#c4dae2}.shell-error{margin:16px 28px 0}.state-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid #dddcca;border-radius:9px;background:#f2f0e6;color:#69694d;font-size:11px;font-weight:700;line-height:1.5}.state-earned{background:var(--mint);border-color:#bedac5;color:var(--primary-deep)}.device-revoked{color:var(--danger);background:#fff1ec;border-color:#efcbc3}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:24px;font-weight:800;line-height:1;letter-spacing:-.07em}.brand-emphasis{color:var(--primary)}.brand small{display:block;margin-top:8px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.12em}.brand-mark{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;border:1.5px solid var(--primary-deep);border-radius:13px;background:#cde3ce;box-shadow:0 3px #dce3d8}.brand-mark:before{content:"";position:absolute;top:12px;left:6px;width:23px;height:17px;border-radius:8px;background:var(--surface)}.brand-mark:after{content:"";position:absolute;top:19px;left:12px;width:3px;height:4px;border-radius:50%;background:var(--primary-deep);box-shadow:9px 0 var(--primary-deep)}.brand-mark-eye{position:absolute;top:3px;left:16px;width:8px;height:10px;border-radius:8px 0;border:1px solid var(--primary-deep);background:#8cbb86;transform:rotate(-20deg)}.brand-mark-small{width:32px;height:32px;border-radius:11px}.brand-mark-small:before{top:10px;left:5px;width:20px;height:15px}.brand-mark-small:after{top:16px;left:10px;box-shadow:8px 0 var(--primary-deep)}.brand-mark-small .brand-mark-eye{top:2px;left:13px;height:8px;width:7px}.app-shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;flex:0 0 230px;height:100vh;padding:29px 17px 22px;overflow-y:auto;border-right:1px solid var(--line);background:var(--surface)}.sidebar .brand{padding-left:9px}.sidebar-note{display:flex;align-items:center;gap:5px;margin:29px 0 25px;padding:7px 10px 7px 0;border:1px solid #d2e2d0;border-radius:14px;background:var(--mint);color:var(--muted);font-size:10px;line-height:1.7}.sidebar-note img{width:69px;flex:none}.sidebar-note strong{display:block;margin-bottom:3px;color:var(--primary-deep);font-size:12px}.side-nav{display:flex;flex-direction:column;gap:5px}.nav-label{margin:0 0 8px 12px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.1em}.nav-label-later{margin-top:24px}.nav-item{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 12px;border:1px solid transparent;border-radius:11px;color:var(--muted);font-size:13px;font-weight:600;transition:background .15s,color .15s}.nav-item:hover{color:var(--primary-deep);background:#f2f5ed}.nav-item.active{border-color:#cadfcf;color:var(--primary-deep);background:var(--mint);font-weight:750}.nav-index{width:19px;color:#84948a;font-size:10px;font-variant-numeric:tabular-nums}.nav-item.active .nav-index{color:var(--primary)}.nav-arrow{margin-left:auto;color:var(--primary);opacity:0}.nav-item.active .nav-arrow,.nav-item:hover .nav-arrow{opacity:1}.nav-item-muted{min-height:39px;font-size:12px}.nav-dot{width:6px;height:6px;margin:0 6px;border:1px solid #839b8b;border-radius:50%}.sidebar-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding:25px 8px 0;color:var(--muted);font-size:10px}.status-light{width:7px;height:7px;flex:none;border-radius:50%;background:#82ad87}.app-content{display:flex;flex:1;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:69px;padding:12px 28px;border-bottom:1px solid var(--line);background:var(--surface)}.topbar-caption{color:var(--muted);font-size:12px}.topbar-caption span{color:var(--primary)}.topbar-actions{display:flex;align-items:center;gap:9px;min-width:0}.user-avatar{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #dbc79c;border-radius:11px;background:#f6e9ba;color:#6a593a;font-size:13px;font-weight:750}.user-name{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.mobile-brand,.mobile-nav{display:none}.main-content{flex:1;width:100%;min-width:0}.page-wrap{width:min(1220px,100%);margin:0 auto;padding:34px 28px 58px}.app-footer{display:flex;align-items:baseline;flex-wrap:wrap;gap:13px;padding:21px 28px;border-top:1px solid var(--line);color:var(--muted);font-size:10px;line-height:1.7}.footer-brand{color:var(--primary);font-size:14px;font-weight:800;letter-spacing:-.04em}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-heading>div{min-width:0}.page-heading h1{margin:9px 0 10px;font-size:clamp(28px,2.8vw,38px);font-weight:800}.page-heading p,.page-lead{max-width:900px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}.page-heading>.button{flex:none}.section-heading,.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{margin:5px 0 0;font-size:22px}.panel-heading h2,.panel-heading h3{margin:0;font-size:20px}.section-heading>div,.panel-heading>div{min-width:0}.section-intro,.section-caption,.card-meta{color:var(--muted);font-size:12px;line-height:1.8;overflow-wrap:anywhere}.section-intro{margin:10px 0 0}.section-caption{margin:9px 0 16px}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 13px;margin:12px 0 0}.section-card,.learning-card{min-width:0;padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.section-card>p:not([class]),.learning-card>p:not([class]){font-size:14px}.section-card>h3,.learning-card>h3{margin:17px 0 10px;font-size:18px}.section-card>h3:first-child,.learning-card>h3:first-child{margin-top:0}.section-card>h2{margin:11px 0 13px;font-size:22px;line-height:1.5}.section-card>:last-child,.learning-card>:last-child{margin-bottom:0}.page-wrap>:is(.section-card,.page-grid,.section-stack)+:is(.section-card,.page-grid,.section-stack){margin-top:23px}.panel-heading+.card-grid,.panel-heading+.section-stack{margin-top:17px}.card-meta+.button{margin-top:17px}.page-grid,.lab-catalogue,.study-section-grid,.device-setup-grid,.knowledge-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:start}.card-grid,.study-parameters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:17px;align-items:start}.page-grid>*,.card-grid>*,.study-section-grid>*,.study-parameters>*{min-width:0}.section-stack{display:grid;gap:18px;align-content:start}.tone-mint{background:var(--mint);border-color:#c9ddcc}.tone-peach{background:#fff1e4;border-color:#ead0b5}.tone-sky{background:#eff6f7;border-color:#cbdfe3}.tone-butter{background:#fbf5de;border-color:#e5dab0}.metric-strip{display:flex;flex-wrap:wrap;gap:14px 28px;margin:20px 0 0;padding-top:17px;border-top:1px solid var(--line)}.metric-strip>div{display:flex;flex-direction:column;gap:5px;min-width:0}.metric-strip dt{color:var(--muted);font-size:12px}.metric-strip dd{margin:0;color:var(--primary-deep);font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.compact-details{min-width:0;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.compact-details>summary{padding:15px 17px;color:var(--primary-deep);font-size:13px;font-weight:700;line-height:1.7;cursor:pointer}.compact-details[open]>summary{border-bottom:1px solid var(--line)}.compact-details>:not(summary){margin-left:17px;margin-right:17px}.compact-details[open]>:last-child{margin-bottom:17px}.empty-note{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.info-ribbon,.honesty-banner{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid #d6dfc5;border-radius:13px;background:#f1f4e6}.info-ribbon{margin-bottom:25px}.info-ribbon p{margin:0;color:#53664e;font-size:12px}.honesty-mark{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid #bfd0ad;border-radius:8px;background:#e2eacb;color:#4b663e;font-size:13px;font-weight:800;font-style:normal}.honesty-banner{margin-top:22px}.honesty-banner strong{color:#46613f;font-size:13px;line-height:1.6}.honesty-banner p{margin:5px 0 0;color:#53664e;font-size:12px}.learning-page>.honesty-banner{margin:0 0 24px}.app-boot,.remote-state{display:flex;align-items:center;justify-content:center;gap:13px;color:var(--muted);font-size:14px;line-height:1.7;text-align:center}.app-boot{min-height:100vh;padding:24px}.remote-state{min-height:140px;padding:28px 20px}.loading-orbit{flex:none;width:24px;height:24px;border:3px solid #d6e6d9;border-top-color:var(--primary);border-radius:50%;animation:orbit .8s linear infinite}@keyframes orbit{to{transform:rotate(360deg)}}.remote-error{display:flex;flex-direction:column;gap:9px;min-height:0;padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.remote-error-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#fff1e4;color:#9b582d;font-weight:800}.remote-error strong{color:var(--ink);font-size:16px}.remote-error p{margin:0 0 5px;overflow-wrap:anywhere}.dashboard-start{align-items:stretch}.featured-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface);transition:border-color .15s,box-shadow .15s}.featured-card:hover{border-color:#95b9a2;box-shadow:0 4px #dbe7d5}.dashboard-catalog-group>h3{margin-bottom:10px;font-size:16px}.roadmap-domain{min-width:0}.roadmap-skill{min-width:0;padding:18px;border-radius:14px;background:#fcfcf7}.roadmap-skill h3{margin:0 0 6px;font-size:16px;line-height:1.5}.roadmap-skill h3 a:hover,.tree-card h3 a:hover{color:var(--primary)}.roadmap-skill h3 span,.tree-card h3 span{color:#658b72;font-size:12px}.roadmap-skill p{margin:0 0 11px;color:var(--muted);font-size:12px}.dependency-line{color:var(--muted);font-size:11px;line-height:1.8}.dependency-line a{color:var(--primary);font-weight:700}.catalog-toolbar{display:flex;gap:12px;margin-bottom:14px}.search-field{display:flex;flex:1;align-items:center;gap:12px;min-width:0;height:47px;padding:0 15px;border:1px solid #cfdacf;border-radius:11px;background:var(--surface)}.search-field:focus-within,.filter-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #d9eadc}.search-field input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-field input::placeholder{color:#7a897f}.search-icon{position:relative;width:14px;height:14px;flex:none;border:2px solid #819888;border-radius:50%}.search-icon:after{content:"";position:absolute;right:-5px;bottom:-3px;width:6px;height:2px;border-radius:2px;background:#819888;transform:rotate(45deg)}.filter-field{display:flex;align-items:center;gap:8px;min-width:0;padding:0 12px;border:1px solid #cfdacf;border-radius:11px;background:var(--surface);color:var(--muted);font-size:12px}.filter-field select{max-width:170px;min-width:0;height:43px;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px;font-weight:650}.skill-group{min-width:0;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.skill-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-top:18px}.tree-card{position:relative;min-width:0;margin-left:min(calc(var(--tree-depth, 0) * 9px),27px);padding:17px;border:1px solid #d8e1d5;border-radius:13px;background:#fcfcf7;transition:border-color .15s}.tree-card:hover{border-color:#91b19a}.tree-card:before{content:"";position:absolute;top:17px;left:-9px;width:8px;height:20px;border-left:2px solid #c0d3ba;border-bottom:2px solid #c0d3ba;border-radius:0 0 0 5px;display:var(--branch-display, block)}.tree-card[style*="--tree-depth: 0"]:before{display:none}.tree-card-tag{padding:4px 8px;border-radius:7px;background:var(--mint);color:var(--primary-deep);font-size:10px;font-weight:700}.tree-card h3{margin:12px 0 6px;font-size:18px}.tree-card p{margin:0;color:var(--muted);font-size:12px}.tree-card-links{display:flex;flex-wrap:wrap;gap:5px 13px;margin-top:12px;color:var(--muted);font-size:11px;line-height:1.8}.tree-card-links a{color:var(--primary);font-weight:700}.empty-search{padding:35px 23px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);text-align:center}.empty-search h2{margin:12px 0 7px;font-size:21px}.empty-search p{color:var(--muted);font-size:13px}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.breadcrumbs a{color:var(--primary);font-weight:700}.knowledge-number{flex:none;color:var(--primary);font-size:12px;font-weight:800}.knowledge-cards{margin:18px 0 0;padding:0;list-style:none}.knowledge-cards li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:6px 11px;min-width:0;padding:16px;border-radius:13px;background:#fcfcf7}.knowledge-cards .knowledge-number{grid-row:1 / 3;padding-top:2px}.knowledge-cards h3{margin:0;font-size:15px}.knowledge-cards p{grid-column:2;margin:0;color:var(--muted);font-size:12px}.relationship-list{padding:0;margin:16px 0 0;list-style:none}.relationship-list li+li{margin-top:8px}.relationship-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #dce5d6;border-radius:9px;background:#f4f7ee;color:var(--primary-deep);font-size:12px;font-weight:700}.relationship-list a:hover{background:var(--mint)}.relationship-parent{margin:17px 0 0;padding-top:14px;border-top:1px solid var(--line)}.relationship-parent a{color:var(--primary);font-weight:700}.learning-section{margin-top:27px}.learning-section>.section-heading{margin-bottom:16px}.mistake-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:0;padding:0;list-style:none}.mastery-card h3{margin:14px 0 12px;font-size:18px}.learning-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.learning-card-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.mistake-card{display:flex;flex-direction:column;align-items:flex-start}.mistake-card .learning-card-top{width:100%}.mistake-card h2{margin:15px 0 7px;font-size:18px;line-height:1.6}.mistake-card p{color:var(--muted);font-size:12px}.mistake-card .button{margin-top:auto}.lesson-body{min-width:0;max-width:100%;color:var(--ink);font-size:14px;line-height:1.9;overflow-wrap:anywhere}.lesson-body h1,.lesson-body h2,.lesson-body h3,.lesson-body h4{margin:24px 0 12px;line-height:1.5}.lesson-body h1{font-size:25px}.lesson-body h2{font-size:21px}.lesson-body h3{font-size:17px}.lesson-body h4{font-size:15px}.lesson-body>:first-child{margin-top:0}.lesson-body>:last-child{margin-bottom:0}.lesson-body p{margin:0 0 14px;line-height:inherit}.lesson-body ul,.lesson-body ol{padding-left:23px}.lesson-body li{margin:7px 0}.lesson-body pre,.device-command{max-width:100%;margin:14px 0;padding:16px;overflow-x:auto;border:1px solid #244d40;border-radius:11px;background:#233e34;color:#edf6e9;font-family:Cascadia Code,Consolas,SFMono-Regular,monospace;font-size:12px;line-height:1.8;white-space:pre;overflow-wrap:normal;-moz-tab-size:2;tab-size:2}.lesson-body pre code{white-space:inherit;overflow-wrap:normal;word-break:normal}.lesson-body :not(pre)>code{padding:2px 5px;border:1px solid #d8e5d7;border-radius:5px;background:#f0f5ea;color:var(--primary-deep);font-family:Cascadia Code,Consolas,monospace;font-size:.9em}.lesson-body a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.lesson-body blockquote{margin:17px 0;padding:12px 16px;border-left:3px solid #8aaf84;border-radius:0 9px 9px 0;background:#f1f5e9;color:#506a48}.lesson-body blockquote p:last-child{margin-bottom:0}.lesson-body table{display:block;width:100%;max-width:100%;margin:18px 0;overflow-x:auto;border-collapse:collapse;font-size:13px;line-height:1.8}.lesson-body th,.lesson-body td{min-width:150px;padding:10px 12px;border:1px solid var(--line);vertical-align:top;text-align:left}.lesson-body th:first-child,.lesson-body td:first-child{min-width:120px}.lesson-body th{background:#f0f5e9;font-weight:700}.study-content{display:grid;gap:23px;min-width:0}.study-section{min-width:0;padding:23px;border-radius:16px;scroll-margin-top:20px}.study-section-grid>.study-step,.study-section-grid>.study-foundation,.study-section-grid>.tone-butter{grid-column:1 / -1}.study-heading{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}.study-heading h2,.study-heading h3{margin:0;font-size:20px;line-height:1.5}.study-index{display:inline-grid;place-items:center;flex:none;min-width:29px;height:29px;padding:0 6px;border:1px solid #cbdcc4;border-radius:9px;background:var(--mint);color:var(--primary);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.study-section-body{min-width:0}.study-step{border-left:4px solid #9cbc8d}.study-step .study-heading{margin-bottom:15px}.study-parameters{margin:16px 0}.study-parameter{min-width:0;border:1px solid #d7e0cf;border-radius:12px;background:#fcfcf6}.study-parameter>summary{padding:13px 15px;color:var(--primary-deep);font-size:13px;font-weight:700;line-height:1.75;cursor:pointer;overflow-wrap:anywhere}.study-parameter>summary code{font-size:12px}.study-parameter-cue{float:right;margin-left:8px;color:var(--muted);font-size:11px;font-weight:500}.study-parameter[open] .study-parameter-cue{display:none}.study-parameter[open]>summary{border-bottom:1px solid var(--line);background:#f0f5e9;border-radius:11px 11px 0 0}.study-parameter>:not(summary){padding:14px 15px}.study-parameter p:last-child{margin-bottom:0}.study-supplement{padding:0}.study-supplement>summary.study-heading{display:list-item;margin:0;padding:17px 21px;color:var(--primary-deep);font-size:15px;font-weight:750;line-height:1.7;cursor:pointer;list-style-position:inside}.study-supplement>summary h2{display:inline;font-size:18px}.study-disclosure-label{float:right;margin-left:10px;color:var(--muted);font-size:11px;font-weight:500}.study-supplement[open] .study-disclosure-label{display:none}.study-supplement[open]>summary{border-bottom:1px solid var(--line)}.study-supplement>.study-section-body{padding:20px 23px}.study-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#f3f5eb}.study-navigation a{padding:5px 9px;border:1px solid #d1ddc8;border-radius:7px;background:var(--surface);color:var(--primary-deep);font-size:12px;line-height:1.6}.study-navigation a:hover{background:var(--mint)}.study-navigation .section-caption{margin:0 0 0 auto}.study-section,.study-step,.study-supplement{scroll-margin-top:20px}.lesson-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:23px}.lesson-toolbar>div{min-width:0;flex:1 1 300px}.lesson-toolbar h2{margin-bottom:7px;font-size:20px}.lesson-toolbar p{margin:0;color:var(--muted);font-size:13px}.lesson-toolbar .learning-status{margin-top:8px;color:var(--primary-deep);font-weight:700}.lesson-toolbar .form-error{flex-basis:100%;color:var(--danger)}.quiz-outcome{margin-bottom:21px;border-color:#c8dac2;background:#f0f5e9}.quiz-outcome strong{font-size:20px;line-height:1.6}.quiz-outcome p{color:var(--muted);font-size:13px}.quiz-form,.quiz-question-grid{display:grid;gap:20px}.question-card{margin:0;min-width:0}.question-card legend{max-width:100%;padding:0 7px;font-size:17px;font-weight:750;line-height:1.7;overflow-wrap:anywhere}.question-number{margin-right:7px;color:var(--primary)}.question-meta{margin:3px 0 15px;color:var(--muted);font-size:12px}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quiz-option{display:flex;align-items:flex-start;gap:11px;margin-top:9px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:13px;line-height:1.8;cursor:pointer}.quiz-options .quiz-option{margin-top:0}.quiz-option:hover,.quiz-option.selected{border-color:#87af94;background:#eff6ec}.quiz-option input{flex:none;width:17px;height:17px;margin:3px 0 0;accent-color:var(--primary)}.quiz-option span{min-width:0;overflow-wrap:anywhere}fieldset:disabled .quiz-option{cursor:default}.answer-explanation{margin-top:17px;padding:15px 17px;border:1px solid #c8ddcb;border-radius:12px;background:var(--mint);color:var(--primary-deep);font-size:13px}.answer-incorrect{border-color:#edcfba;background:#fff2e8;color:#865235}.answer-explanation p{margin:7px 0 0}.quiz-submit{display:flex;align-items:center;flex-wrap:wrap;gap:13px}.quiz-submit .form-error{flex-basis:100%;margin:0}.device-pair{min-width:0}.device-note,.device-run-note,.device-no-environment{color:var(--muted);font-size:12px;line-height:1.85;overflow-wrap:anywhere}.device-note{margin:13px 0 0}.device-run-note{margin:15px 0 8px}.device-command{display:block;margin:9px 0 0;-webkit-user-select:text;user-select:text}.device-code{display:flex;align-items:flex-start;flex-direction:column;gap:6px;margin:17px 0;padding:16px;border:1px solid #c9dcbf;border-radius:12px;background:#f1f6e8;color:#56704c;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.device-code strong{color:var(--primary-deep);font-size:24px;letter-spacing:.1em;-webkit-user-select:all;user-select:all}.device-error{margin:14px 0 0}.device-setup-grid{margin-top:20px}.device-setup-body{min-width:0;padding:16px 0 0}.device-setup-body>:first-child{margin-top:0}.device-refresh{padding:9px 14px;font-size:12px}.device-list{display:grid;gap:13px;list-style:none;margin:0;padding:0}.device-card{padding:17px 20px}.device-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 17px}.device-summary-details,.device-details{min-width:0}.device-summary-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px}.device-summary-heading h3{min-width:0;margin:0;font-size:18px;overflow-wrap:anywhere}.device-summary-meta{display:flex;flex-wrap:wrap;gap:3px 17px;margin-top:7px;color:var(--muted);font-size:12px;line-height:1.7;overflow-wrap:anywhere}.device-summary-toggle{padding:8px 12px;font-size:12px}.device-environment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:19px 0}.device-environment>div{min-width:0;padding-top:10px;border-top:1px solid var(--line)}.device-environment dt{color:var(--muted);font-size:11px}.device-environment dd{margin:4px 0 0;font-size:13px;font-weight:650;overflow-wrap:anywhere}.device-no-environment{margin:16px 0}.device-actions{display:flex;flex-wrap:wrap;gap:9px}.device-revoke,.device-delete{padding:9px 14px;font-size:12px}.device-delete{border-color:#e9bdb1;background:#fff5ef;color:var(--danger)}.device-delete:hover:not(:disabled){border-color:#d89686;background:#ffebe2;color:var(--danger)}.device-monitor{min-width:0;margin-top:19px;padding:16px;border:1px solid #d6e2d0;border-radius:14px;background:#f4f7ee}.device-monitor-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:7px 12px}.device-monitor-heading h4{margin:0;font-size:15px}.device-monitor-time,.device-monitor-note{color:var(--muted);font-size:12px;line-height:1.8}.device-monitor-note{margin:10px 0 0}.device-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.device-metrics>div{min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.device-metrics span{display:block;color:var(--muted);font-size:11px}.device-metrics strong{display:block;margin-top:6px;color:var(--primary-deep);font-size:22px;font-variant-numeric:tabular-nums}.device-alerts{display:flex;flex-wrap:wrap;gap:7px 12px;margin-top:14px;padding:12px 14px;border:1px solid #e9c1b5;border-radius:10px;background:#fff1e9;color:var(--danger);font-size:12px;line-height:1.7}.device-alerts strong{width:100%;font-size:13px}.device-history-toggle{margin-top:15px;padding:9px 13px;font-size:12px}.device-history{min-width:0;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.device-history-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.device-history-controls h5{margin:0;font-size:13px}.device-history-controls [role=group]{display:inline-flex;gap:4px;padding:3px;border:1px solid #d3decc;border-radius:9px;background:#e6eddd}.device-range{padding:6px 10px;border:0;border-radius:6px;background:transparent;color:#526548;font-size:12px}.device-range-active{background:var(--surface);color:var(--primary-deep);font-weight:700;box-shadow:0 1px 3px #263d3517}.device-chart-scroll{max-width:100%;margin-top:12px;overflow-x:auto;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.device-chart{display:block;width:100%;min-width:540px;height:auto}.device-chart-grid path{fill:none;stroke:#dce3d8;stroke-width:1}.device-chart-grid .device-chart-threshold{stroke:#c87c62;stroke-dasharray:4 5}.device-chart-labels{fill:#617260;font-size:11px;font-family:inherit}.device-chart-labels text:last-child{fill:var(--danger);font-size:10px}.device-chart-cpu,.device-chart-memory{fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.device-chart-cpu{stroke:var(--primary)}.device-chart-memory{stroke:#287b9a}.device-chart-legend{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:10px;color:var(--muted);font-size:11px}.device-chart-legend span:first-child,.device-chart-legend span:nth-child(2){font-weight:750}.device-legend-cpu{color:var(--primary)}.device-legend-memory{color:#287b9a}.device-retry{padding:0;border:0;background:none;color:var(--primary-deep);font-weight:700;text-decoration:underline}.lab-catalogue{margin-top:23px;align-items:stretch}.lab-card{display:flex;align-items:flex-start;flex-direction:column;gap:12px}.lab-card h2{margin:0;font-size:21px}.lab-card p{margin:0;color:var(--muted);font-size:14px}.lab-card .button{margin-top:auto}.lab-meta{margin:12px 0;color:var(--muted);font-size:12px;line-height:1.85;overflow-wrap:anywhere}.lab-launch{margin-top:24px}.lab-launch h2{margin:24px 0 14px;font-size:21px}.lab-launch h2:first-child{margin-top:0}.lab-launch>p{font-size:14px}.lab-launch code,.lab-run-page code{overflow-wrap:anywhere}.lab-launch-grid{margin-top:24px;align-items:start}.lab-launch-grid>.lab-launch{margin-top:0}.lab-field-label{display:block;margin-bottom:9px;font-size:13px;font-weight:700}.lab-device-select{display:block;width:100%;min-height:47px;padding:11px 12px;border:1px solid #c8d7c4;border-radius:10px;background:var(--surface);color:var(--ink)}.lab-device-notes{padding-left:20px;color:var(--muted);font-size:12px;line-height:1.85;overflow-wrap:anywhere}.lab-consent{display:flex;align-items:flex-start;gap:11px;margin:21px 0;font-size:13px;line-height:1.85;cursor:pointer}.lab-consent input{flex:none;width:18px;height:18px;margin-top:4px;accent-color:var(--primary)}.lab-actions{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.lab-history-list{display:grid;gap:21px}.lab-history-active{padding:17px;border:1px solid #d1dfc9;border-radius:15px;background:var(--surface)}.lab-history-active h3,.lab-history-archive h3{margin:0 0 9px;font-size:15px}.lab-history-active h3 span,.lab-history-archive h3 span{display:inline-block;margin-left:6px;padding:3px 8px;border-radius:7px;background:var(--mint);color:var(--primary-deep);font-size:12px}.lab-history-note{margin:0 0 13px;color:var(--muted);font-size:12px;line-height:1.8}.lab-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:17px;padding:14px 17px;border-top:1px solid var(--line)}.lab-history-active>.lab-history-row{padding-right:0;padding-left:0}.lab-history-identity{min-width:0;overflow-wrap:anywhere}.lab-history-identity h4{margin:0 0 5px;font-size:15px;line-height:1.6}.lab-history-identity p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.lab-history-evidence{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;gap:7px 10px}.lab-history-evidence .state-pill{justify-self:start}.lab-history-score{color:var(--primary-deep);font-size:12px;white-space:nowrap}.lab-history-count{grid-column:1 / -1;color:var(--muted);font-size:11px}.lab-history-open{display:inline-flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap}.lab-history-group{margin-top:10px;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.lab-history-group summary{display:flex;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;list-style:none}.lab-history-group summary::-webkit-details-marker{display:none}.lab-history-group summary:before{content:"›";flex:none;color:var(--primary);font-size:22px;line-height:1;transition:transform .15s}.lab-history-group[open] summary:before{transform:rotate(90deg)}.lab-history-group summary:focus-visible{outline:3px solid var(--primary);outline-offset:-4px;border-radius:12px}.lab-history-group-title{flex:1;min-width:0;font-size:14px;font-weight:700;overflow-wrap:anywhere}.lab-history-group-count{flex:none;color:var(--muted);font-size:12px}.lab-history-expand,.lab-history-collapse{flex:none;color:var(--primary-deep);font-size:12px}.lab-history-collapse,.lab-history-group[open] .lab-history-expand{display:none}.lab-history-group[open] .lab-history-collapse{display:inline}.lab-run-state>.compact-details{margin:18px 0 14px}.lab-state-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:11px;margin-bottom:12px}.lab-state-heading h2{margin:0;font-size:20px}.lab-run-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:19px 0}.lab-run-metadata>div{min-width:0}.lab-run-metadata dt{margin-bottom:5px;color:var(--muted);font-size:11px}.lab-run-metadata dd{margin:0;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.lab-run-metadata>div:first-child{grid-column:1 / -1}.lab-device-warning{padding:13px 15px;border:1px solid #e2c994;border-radius:11px;background:#fff7dc;color:#7b5f26;font-size:13px;overflow-wrap:anywhere}.lab-error-detail{white-space:pre-wrap;overflow-wrap:anywhere}.lab-score{color:var(--primary-deep);font-size:20px}.lab-check-list{display:grid;gap:11px;margin:17px 0 0;padding:0;list-style:none}.lab-check-list li{min-width:0;padding:15px;border:1px solid #cddfc9;border-radius:12px;background:#f2f8ec}.lab-check-list .lab-check-failed{border-color:#ecc7b7;background:#fff4ed}.lab-check-list li>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px}.lab-check-list p{margin:10px 0 6px;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.lab-check-list code{color:var(--muted);font-size:11px}.lab-workbench{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-bottom:24px}.lab-workbench>*{min-width:0;margin-top:0;margin-bottom:0}.lab-workbench>.lab-hints{grid-column:1 / -1}.lab-hints h2{font-size:21px}.lab-hints>p{color:var(--muted);font-size:13px}.lab-hint{align-self:stretch;width:100%;margin-top:4px;padding-top:15px;border-top:1px solid var(--line)}.lab-hint h3{margin-bottom:8px;font-size:14px}.lab-hint .lesson-body{font-size:13px}.lab-recovery{margin-top:24px}.lab-recovery summary{cursor:pointer;font-size:14px;font-weight:700;line-height:1.8}.lab-recovery>p{margin:16px 0;font-size:13px}.soon-page{min-height:60vh}.route-message{max-width:100%;padding:32px;background:#f1f5e8;border-color:#ccdabe}.route-message h1{margin:11px 0;font-size:30px}.route-message p{color:var(--muted);font-size:14px}.login-page{display:grid;align-items:center;min-height:100vh;padding:32px;background:var(--bg)}.login-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);width:min(1120px,100%);margin:0 auto;overflow:hidden;border:1px solid #d2dec9;border-radius:26px;background:var(--surface);box-shadow:0 10px #e7ebdf}.login-story{position:relative;display:flex;flex-direction:column;overflow:hidden;min-width:0;padding:36px 39px 26px;border-right:1px solid #cdddc7;background:#e7f0dd;color:var(--ink)}.login-brand{position:relative;z-index:1;align-self:flex-start}.story-copy{position:relative;z-index:1;margin-top:41px}.story-copy h1{margin:14px 0 16px;font-size:clamp(32px,3.4vw,46px);line-height:1.35;letter-spacing:-.04em}.story-copy h1 span{color:var(--primary)}.story-copy p{margin-bottom:0;color:#5e7656;font-size:14px;line-height:1.9}.bot-stage{position:relative;z-index:0;align-self:center;width:min(365px,100%);margin:3px 0 -5px}.bot-stage img{display:block;width:100%}.bot-caption{position:absolute;top:14%;right:-13px;z-index:1;padding:11px 14px;border:1px solid #dcc894;border-radius:12px 12px 12px 3px;background:#fff6d9;color:#6d623d;font-size:11px;font-weight:600;line-height:1.8;transform:rotate(4deg)}.story-bottom{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:10px;color:#637951;font-size:11px;line-height:1.7}.login-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;padding:44px}.login-card{width:min(365px,100%);margin:auto 0}.login-card h2{margin:14px 0 12px;font-size:37px;line-height:1.35}.login-intro{margin-bottom:29px;color:var(--muted);font-size:13px}.login-form{display:flex;flex-direction:column}.login-form label{margin-bottom:9px;color:var(--ink);font-size:13px;font-weight:700}.login-form input{width:100%;height:49px;padding:0 14px;border:1px solid #cbd7c7;border-radius:10px;background:#fff;color:var(--ink);font-size:14px;transition:border-color .15s,box-shadow .15s}.login-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #dbe9d9}.login-form input::placeholder{color:#7b897f}.password-label{margin-top:21px}.password-field{position:relative}.password-field input{padding-right:72px}.password-toggle{position:absolute;top:7px;right:7px;height:35px;padding:0 10px;border:0;border-radius:7px;background:#f0f4e9;color:var(--primary);font-size:12px;font-weight:700}.password-toggle:hover{background:var(--mint);color:var(--primary-deep)}.login-submit{justify-content:space-between;width:100%;min-height:49px;margin-top:23px;padding:11px 17px}.login-help{margin:23px 0 0;padding-top:18px;border-top:1px dashed #d4dfcd;color:var(--muted);font-size:11px;line-height:1.9}.login-footnote{margin:35px 0 0;color:var(--muted);font-size:10px;line-height:1.8;text-align:center}@media(max-width:1000px){.login-panel{padding:34px}.login-story{padding:32px}.story-copy h1{font-size:36px}.bot-caption{right:-8px;font-size:10px}}@media(max-width:900px){.sidebar{display:none}.topbar{min-height:65px}.topbar-caption{display:none}.mobile-brand{display:inline-flex;align-items:center;gap:5px;color:var(--ink);font-size:21px;font-weight:800;letter-spacing:-.06em}.mobile-nav{display:flex;gap:7px;max-width:100%;padding:10px 28px;overflow-x:auto;border-bottom:1px solid var(--line);background:var(--surface);scrollbar-width:thin;scrollbar-color:#bacdb5 transparent}.mobile-nav a{flex:none;padding:8px 11px;border:1px solid #e0e6d9;border-radius:9px;background:#f7f7ef;color:var(--muted);font-size:11px;font-weight:600;white-space:nowrap}.mobile-nav a.active{border-color:#bfd5c2;background:var(--mint);color:var(--primary-deep)}.page-wrap{padding-top:29px}}@media(max-width:700px){.page-wrap{padding:25px 18px 42px}.topbar{padding:12px 18px}.mobile-nav{padding-left:18px;padding-right:18px}.shell-error{margin-left:18px;margin-right:18px}.app-footer{padding-left:18px;padding-right:18px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:22px}.page-heading h1{font-size:29px}.section-heading,.panel-heading{align-items:flex-start;flex-wrap:wrap}.section-heading h2{font-size:21px}.section-card,.learning-card{padding:19px}.page-grid,.card-grid,.lab-catalogue,.study-section-grid,.study-parameters,.device-setup-grid,.knowledge-cards,.skill-tree,.mistake-list,.quiz-options,.lab-workbench{grid-template-columns:minmax(0,1fr)}.lab-workbench>.lab-hints{grid-column:auto}.skill-group{padding:18px}.catalog-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%}.filter-field{min-height:45px;width:100%}.filter-field select{flex:1;max-width:none}.study-section{padding:19px}.study-section-grid>.study-step,.study-section-grid>.study-foundation,.study-section-grid>.tone-butter{grid-column:auto}.study-section.study-supplement{padding:0}.study-heading h2,.study-heading h3{font-size:19px}.study-supplement>summary.study-heading{padding:15px 18px}.study-supplement>.study-section-body{padding:18px}.lesson-toolbar{align-items:flex-start}.lesson-toolbar .learning-actions{width:100%}.question-card legend{font-size:16px}.device-card{padding:15px 17px}.device-summary{grid-template-columns:minmax(0,1fr)}.device-summary-toggle{justify-self:start}.device-monitor{padding:13px}.device-environment{grid-template-columns:minmax(0,1fr)}.device-chart-scroll:after{content:"向右滚动查看完整时间轴 →";display:block;padding:0 12px 9px;color:var(--muted);font-size:11px}.lab-history-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px}.lab-history-identity{grid-column:1 / -1}.lab-history-evidence{grid-column:1}.lab-history-open{grid-column:2}.lab-history-group summary{gap:8px;padding:15px 13px}.lab-run-metadata{grid-template-columns:minmax(0,1fr)}.lab-run-metadata>div:first-child{grid-column:auto}.lab-actions{align-items:stretch;flex-direction:column}.lab-actions .button{width:100%}.lab-device-select{font-size:13px}.route-message{padding:28px 22px}.login-page{padding:18px}.login-layout{grid-template-columns:minmax(0,1fr);border-radius:20px}.login-story{padding:27px 26px 23px;border-right:0;border-bottom:1px solid #cdddc7}.story-copy{margin-top:27px;padding-right:5px}.story-copy h1{font-size:32px}.story-copy p{position:relative;z-index:1;max-width:240px;font-size:12px}.bot-stage{position:absolute;right:-19px;bottom:-39px;width:185px;opacity:.9}.bot-caption{display:none}.story-bottom{position:relative;z-index:1;margin-top:19px;font-size:10px}.login-panel{padding:32px 25px 23px}.login-card{width:min(425px,100%)}.login-card h2{margin-top:10px;font-size:31px}.login-intro{margin-bottom:25px}.login-footnote{margin-top:25px}}@media(max-width:450px){.user-name{display:none}.topbar-actions{gap:5px}.topbar{gap:9px;padding-right:11px}.device-metrics{gap:8px}.device-metrics>div{padding:11px}.device-metrics strong{font-size:20px}.lab-history-expand,.lab-history-collapse,.lab-history-group-count{font-size:11px}.story-copy h1{font-size:29px}.story-copy p{max-width:226px}.bot-stage{right:-31px;bottom:-35px;width:166px}.login-story,.login-panel{padding-left:22px;padding-right:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}