.rail .workspace-nav{display:grid;gap:5px;margin:24px 0 16px}.rail .workspace-nav a{display:block;padding:8px 11px;color:#dce8ec;font-size:13px;border-radius:7px;text-decoration:none}.rail .workspace-nav a:hover{background:#21424e}.rail .workspace-nav a.active{background:#e5f3ef;color:#143e40}.rail .catalog-link{margin-top:12px}.workbench-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.workbench-top-actions button{font-size:12px;padding:6px 12px}.save-status{font-size:11px;color:var(--sub)}.save-status[data-kind="warning"]{color:var(--orange)}.lesson-tabs{display:flex;flex-wrap:wrap;gap:5px;border-bottom:1px solid var(--line);padding:0 0 12px;margin:24px 0}.lesson-tabs a{color:var(--sub);text-decoration:none;padding:10px 16px;border-radius:8px;font-size:13px}.lesson-tabs a[aria-current="page"]{background:var(--nav);color:white}.chapter-pane[hidden]{display:none}.bookmark-button{margin-top:18px;font-size:12px}.bookmark-button[aria-pressed="true"]{background:var(--soft);border-color:#92bdb2;color:var(--teal)}.reading-switch{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0}.reading-switch button{font-size:12px;padding:8px 12px}.reading-switch button[aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}.reading-switch span{color:var(--sub);font-size:11px}.reading-full #concept-library,.reading-full section[aria-label="常见误区"]{display:none}.package-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:14px 0 20px;font-size:12px}.button-link{display:inline-block;border-radius:9px;padding:9px 15px;text-decoration:none}.source-toolbar{padding:12px 16px;background:#213645;color:#dce8ec;display:flex;gap:10px;flex-wrap:wrap;align-items:end;border-radius:12px 12px 0 0}.source-toolbar label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:160px;font-size:11px}.source-toolbar select{width:100%;font:12px ui-monospace,Consolas,monospace;padding:8px;border:1px solid #55707e;border-radius:7px;background:#172635;color:#e7eef5;max-width:100%}.source-toolbar button{font-size:11px;padding:7px 10px}.source-meta{background:var(--code);color:#afc4ce;font:11px/1.7 ui-monospace,Consolas,monospace;padding:9px 16px;overflow-wrap:anywhere}.source-code{background:var(--code);color:var(--code-text);padding:16px 14px;margin:0 0 22px;max-height:650px;overflow:auto;font:12px/1.9 ui-monospace,Consolas,"Microsoft YaHei",monospace;border-radius:0 0 12px 12px;tab-size:4}.source-line{display:block;white-space:pre;min-height:1.9em;padding-left:48px;position:relative}.source-line::before{position:absolute;left:0;width:32px;text-align:right;color:#829ba9;content:attr(data-line);font-variant-numeric:tabular-nums}.syntax-comment{color:#9ab7a4}.syntax-string{color:#e7c99b}.syntax-keyword{color:#bfaff1}.syntax-number{color:#9ed7df}.exercise-card,.notes-editor,.profile-settings,.record-note{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin:18px 0}.exercise-title{display:flex;gap:12px;align-items:baseline}.exercise-title>span{font:12px ui-monospace,Consolas,monospace;color:var(--teal)}.exercise-title h3{font-size:18px;line-height:1.5;margin:0 0 18px}.exercise-task.source-reader{border:0;padding:0;margin:0 0 20px}.exercise-card>label,.notes-editor>label{font-size:12px;color:var(--sub);display:block;margin:12px 0 8px}.exercise-card textarea,.notes-editor textarea{width:100%;min-height:220px;resize:vertical;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fafcfc;color:var(--ink);font:13px/1.8 ui-monospace,Consolas,"Microsoft YaHei",monospace;tab-size:4}.notes-editor textarea{min-height:370px;font-family:inherit}.exercise-card details{margin:14px 0;border:1px solid var(--line);border-radius:8px;padding:12px 15px;font-size:13px}.exercise-card summary{cursor:pointer;color:var(--teal)}.exercise-card details .source-code{margin:0}.exercise-card details ul{padding-left:20px}.exercise-card .checkline{display:flex}.notes-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--sub)}.notes-footer button{font-size:12px}.record-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.record-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.record-stats>div{display:flex;gap:12px;align-items:center;border:1px solid var(--line);padding:18px;background:var(--paper);border-radius:12px}.record-stats strong{font-size:25px;font-weight:600}.record-stats span{color:var(--sub);font-size:12px}.profile-settings h2{font-size:19px;margin-top:0}.profile-settings p{font-size:13px;color:var(--sub)}.profile-settings form>label{display:block;font-size:12px;margin-bottom:7px}.profile-settings input{font:inherit;padding:9px 12px;border:1px solid var(--line);border-radius:8px;min-width:0;max-width:100%}.storage-description{margin-top:20px;padding-top:15px;border-top:1px solid var(--line);font-size:12px}.storage-description span{display:block;color:var(--sub)}.record-note h3{font-size:16px;margin-top:0}.record-note p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0;color:var(--sub)}.global-search,.backup-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;max-width:min(740px,calc(100% - 28px));width:740px;padding:24px;max-height:85vh;overflow:auto}.global-search::backdrop,.backup-dialog::backdrop{background:rgba(12,29,37,.45)}.search-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-dialog-head h2{font-size:21px;margin:0}.search-dialog-head button{padding:4px 12px;font-size:20px}.global-search input{font:inherit;width:100%;padding:13px;margin:18px 0;border:1px solid var(--line);border-radius:10px;min-width:0}#global-results a{display:block;padding:12px 3px;border-bottom:1px solid var(--line);text-decoration:none}#global-results a>span{display:inline-block;font-size:10px;color:var(--sub);margin-right:10px}#global-results strong{font-size:14px}#global-results p{font-size:12px;color:var(--sub);margin:5px 0 0}.backup-dialog p{font-size:14px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.dashboard-card{padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius)}.dashboard-card h2{font-size:20px;margin:8px 0 12px}.dashboard-card p{font-size:13px;color:var(--sub)}.dashboard-card a{display:inline-block;margin-top:8px;font-size:13px}.dashboard-card .continue-title{font-size:23px;color:var(--ink);font-weight:600;display:block;line-height:1.5}.dashboard-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.dashboard-route a{display:block;padding:17px;background:var(--paper);border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-size:13px}.dashboard-route a span{display:block;color:var(--sub);font-size:11px;margin-top:5px}.review-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:22px;margin:16px 0}.review-card h3{font-size:16px;margin:10px 0}.review-card p{font-size:13px;color:var(--sub)}.review-card .right-answer{color:var(--teal)}.guide-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;margin:16px 0;font-size:14px}.guide-card h2{font-size:20px;margin-top:0}.guide-card pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--code);color:var(--code-text);border-radius:8px;padding:16px;font-size:12px}.workspace-empty{padding:30px 20px;border:1px dashed var(--line);border-radius:12px;text-align:center;background:var(--paper)}.workspace-empty p{color:var(--sub);font-size:13px}
@media(max-width:760px){.rail{flex-wrap:wrap}.rail .workspace-nav{display:flex;order:3;width:100%;margin:7px 0 0;gap:4px;flex-wrap:wrap}.rail .workspace-nav a{padding:5px 8px;font-size:11px}.lesson-tabs a{flex:1;min-width:110px;text-align:center;padding:9px 10px}.record-stats{grid-template-columns:1fr}.record-stats>div{padding:12px 18px}.exercise-card,.notes-editor,.profile-settings,.record-note{padding:18px}.dashboard-grid,.dashboard-route{grid-template-columns:1fr}.source-toolbar{padding:11px}.source-toolbar label{min-width:100%;font-size:12px}.source-toolbar select{font-size:16px}.source-code{font-size:11px;max-height:500px}.source-line{padding-left:36px}.source-line::before{width:24px}.exercise-card textarea{font-size:16px;min-height:200px}.notes-editor textarea{font-size:16px}.notes-footer button{width:100%}.workbench-top-actions{width:100%;justify-content:space-between}.global-search,.backup-dialog{padding:18px}.global-search input{font-size:16px}.backup-dialog .viz-row{flex-wrap:wrap}.profile-settings .viz-row{display:flex;gap:8px;flex-wrap:wrap}}