.stack-app{--paper:var(--card-background);--surface:var(--card-background);--ink:var(--card-text-color-main);--muted:var(--card-text-color-secondary);--line:var(--card-separator-color);--accent:var(--accent-color);--blue:#315b6f;--code:#e7e6da;--focus:#19678b;--body:"Microsoft YaHei UI","Noto Sans CJK SC",sans-serif;--display:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;color-scheme:light}
html[data-scheme="dark"] .stack-app {--paper:var(--card-background);--surface:var(--card-background);--ink:var(--card-text-color-main);--muted:var(--card-text-color-secondary);--line:var(--card-separator-color);--accent:var(--accent-color);--blue:#9bc8dc;--code:#101a16;--focus:#8bd7f7;color-scheme:dark}
.stack-app *{box-sizing:border-box}.stack-app{scroll-behavior:smooth;scroll-padding-top:95px}.stack-app{background:var(--card-background);color:inherit;font-family:var(--base-font-family);caret-color:var(--accent)}.stack-app ::selection{background:var(--card-background);color:inherit}.stack-app a{color:inherit;text-underline-offset:4px}.stack-app button,
.stack-app input,
.stack-app select,
.stack-app textarea{font-family:var(--base-font-family)}.stack-app button,
.stack-app .button{border:1px solid var(--card-separator-color);border-radius:var(--card-border-radius);background:transparent;color:inherit;padding:7px 13px;cursor:pointer;text-decoration:none;display:inline-block;font-size:14px}.stack-app button:hover,
.stack-app .button:hover{background:var(--card-background);border-color:var(--card-separator-color)}.stack-app button:disabled{opacity:.55;cursor:not-allowed}.stack-app .primary{background:var(--card-background);color:inherit;border-color:var(--card-separator-color)}.stack-app .primary:hover{background:var(--card-background);color:inherit}.stack-app :focus-visible{outline:3px solid var(--focus);outline-offset:4px}.stack-app input,
.stack-app textarea,
.stack-app select{border:1px solid var(--card-separator-color);border-radius:var(--card-border-radius);background:var(--card-background);color:inherit;padding:8px 10px;max-width:100%}.stack-app input::placeholder,
.stack-app textarea::placeholder{color:inherit;opacity:1}.stack-app textarea{width:100%;min-height:140px;resize:vertical}.stack-app h1,
.stack-app h2,
.stack-app h3{font-family:var(--base-font-family);line-height:1.35;text-wrap:balance;font-weight:650}.stack-app h1{font-size:clamp(30px,3.8vw,48px);margin:16px 0 22px;max-width:22em}.stack-app h2{font-size:26px;margin:46px 0 18px}.stack-app h3{font-size:21px;margin:26px 0 12px}.stack-app p{margin:14px 0}.stack-app small,
.stack-app .muted{color:inherit}.stack-app strong{font-weight:650}.stack-app .skip{position:absolute;left:12px;top:-80px;background:var(--card-background);padding:10px;z-index:20}.stack-app .skip:focus{top:8px}.stack-app .masthead{display:flex;gap:30px;align-items:center;justify-content:space-between;padding:16px 3vw;border-bottom:1px solid var(--card-separator-color);background:var(--card-background);position:sticky;top:0;z-index:5}.stack-app .brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;flex-shrink:0}.stack-app .brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--card-separator-color);font-family:var(--base-font-family)}.stack-app .brand strong{display:block;font-family:var(--base-font-family)}.stack-app .brand small{display:block;font-size:11px}.stack-app .masthead nav{display:flex;gap:24px}.stack-app .masthead nav a{text-decoration:none;color:inherit;font-size:14px}.stack-app .masthead nav a[aria-current=page]{color:inherit;text-decoration:underline}.stack-app .tools{display:flex;gap:6px;align-items:center}.stack-app .tools button,
.stack-app .tools .button{font-size:12px;padding:5px 10px}.stack-app .layout{max-width:1450px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(30px,5vw,85px);padding:34px 4vw 70px}.stack-app .syllabus{position:sticky;top:110px;align-self:start;max-height:calc(100vh - 150px);overflow:auto;padding-right:18px;scrollbar-color:var(--line) transparent;scrollbar-width:thin}.stack-app .syllabus summary{font-size:14px;cursor:pointer;font-weight:650}.stack-app .syllabus details details{margin:14px 0;border-bottom:1px solid var(--card-separator-color);padding-bottom:12px}.stack-app .syllabus details details summary{font-weight:400;color:inherit}.stack-app .lesson-link{display:flex;gap:10px;text-decoration:none;color:inherit;padding:6px 3px;font-size:13px;line-height:1.6}.stack-app .lesson-link span:first-child{font-size:11px;color:inherit;padding-top:2px;min-width:24px}.stack-app .lesson-link[aria-current=page]{color:inherit;font-weight:650}.stack-app .lesson-link.done span:first-child{color:inherit}.stack-app .aside-link{font-size:13px}.stack-app main{min-width:0;max-width:940px;width:100%;outline:none}.stack-app .intro{font-size:18px;max-width:42em;color:inherit}.stack-app .meta{font-size:13px;color:inherit;display:flex;gap:18px;flex-wrap:wrap}.stack-app .next-lesson{margin:34px 0 24px;padding:25px 0;border-top:1px solid var(--card-separator-color);border-bottom:1px solid var(--card-separator-color);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.stack-app .next-lesson h2{margin:5px 0;font-size:27px}.stack-app .next-lesson p{margin:5px 0}.stack-app .progress-line{height:5px;background:var(--card-background);margin:14px 0}.stack-app .progress-line span{display:block;height:100%;background:var(--card-background)}.stack-app .home-progress{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:14px}.stack-app .route-row{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:20px;border-top:1px solid var(--card-separator-color);padding:24px 0;align-items:start}.stack-app .week-number{font-family:var(--base-font-family);color:inherit}.stack-app .route-row h3{margin:0 0 8px}.stack-app .route-row p{font-size:14px;color:inherit;margin:6px 0}.stack-app .route-links{display:flex;gap:8px 20px;flex-wrap:wrap}.stack-app .route-links a{font-size:13px}.stack-app .route-phase{padding-top:15px}.stack-app .lesson-body{max-width:76ch}.stack-app .lesson-body p{line-height:1.95}.stack-app .objective{padding:18px 0;border-block:1px solid var(--line);margin:25px 0}.stack-app .objective p{margin:5px 0;font-size:14px}.stack-app .formula{overflow:auto;padding:20px;background:var(--card-background);font-family:var(--base-font-family);white-space:pre-wrap;overflow-wrap:anywhere}.stack-app .example{padding:12px 0;color:inherit}.stack-app .reading{padding:15px 0;border-bottom:1px solid var(--card-separator-color)}.stack-app .reading p{font-size:14px;color:inherit;margin:5px 0}.stack-app .code-wrap{position:relative;margin:14px 0}.stack-app .code-wrap button{position:absolute;right:9px;top:8px;background:var(--card-background);font-size:11px;z-index:1}.stack-app .code-wrap pre{padding:48px 20px 20px;margin:0;background:var(--card-background);overflow:auto;tab-size:4;max-height:560px;border-radius:var(--card-border-radius)}.stack-app pre,
.stack-app code{font-family:Consolas,"Cascadia Code",monospace;font-size:13px;line-height:1.75}.stack-app code{overflow-wrap:anywhere}.stack-app pre code{white-space:pre;overflow-wrap:normal}.stack-app .command pre{white-space:pre-wrap;overflow-wrap:anywhere}.stack-app .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0}.stack-app details.disclosure{border-block-end:1px solid var(--line);padding:15px 0}.stack-app details.disclosure>summary{cursor:pointer;color:inherit;font-weight:600}.stack-app details.disclosure[open]>summary{margin-bottom:15px}.stack-app .exercise{margin-top:30px;padding:24px;background:var(--card-background);border:1px solid var(--card-separator-color);border-radius:var(--card-border-radius)}.stack-app .exercise h2{margin-top:0}.stack-app .question{padding:15px 0;border-bottom:1px solid var(--card-separator-color)}.stack-app .question p{margin-top:0}.stack-app .question details{font-size:14px}.stack-app .question summary{cursor:pointer;color:inherit}.stack-app .checklist{padding-left:24px}.stack-app .checklist li{margin:8px 0}.stack-app .lesson-record{margin-top:40px;padding-top:25px;border-top:1px solid var(--card-separator-color)}.stack-app .fields{display:flex;gap:20px;flex-wrap:wrap;margin:15px 0}.stack-app .fields label{display:flex;flex-direction:column;gap:5px;font-size:14px}.stack-app .fields input[type=number]{width:120px}.stack-app .pager{display:flex;justify-content:space-between;gap:16px;margin-top:40px}.stack-app .filters{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.stack-app .filters input{flex:1;min-width:180px}.stack-app .resource-item{padding:22px 0;border-bottom:1px solid var(--card-separator-color)}.stack-app .resource-item h3{margin:0 0 6px}.stack-app .resource-item p{font-size:14px;margin:6px 0}.stack-app .badge{font-size:11px;color:inherit;border:1px solid var(--card-separator-color);border-radius:var(--card-border-radius);padding:2px 6px;margin-right:6px}.stack-app .empty{padding:40px 0;color:inherit}.stack-app .status-block{padding:18px;background:var(--card-background);border:1px solid var(--card-separator-color);border-radius:var(--card-border-radius)}.stack-app .status-block ul{padding-left:22px}.stack-app .environment h1{font-size:27px}.stack-app .environment h2{font-size:23px}.stack-app .environment p{font-size:15px}.stack-app .environment pre{white-space:pre-wrap;overflow-wrap:anywhere}.stack-app .download-list{padding-left:20px}.stack-app .download-list li{padding:7px 0}.stack-app .meeting{padding:24px 0;border-bottom:1px solid var(--card-separator-color)}.stack-app .meeting .fields input{max-width:240px}.stack-app .meeting h3{margin:0}.stack-app .meeting textarea{min-height:100px}.stack-app .note-list{display:grid;gap:16px}.stack-app .note-list article{border-bottom:1px solid var(--card-separator-color);padding-bottom:14px}.stack-app .note-list p{white-space:pre-wrap}.stack-app .glossary-row{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--card-separator-color)}.stack-app .glossary-row p{margin:0}.stack-app .demo{padding:24px 0;border-top:1px solid var(--card-separator-color)}.stack-app .demo label{display:inline-flex;flex-direction:column;gap:4px;margin:5px 15px 10px 0;font-size:13px}.stack-app .demo input[type=number]{width:95px}.stack-app .demo input[type=range]{width:210px}.stack-app .demo-output{font-family:var(--base-font-family);color:inherit}.stack-app .demo svg{width:100%;max-width:650px;height:auto;background:var(--surface)}.stack-app .demo svg text{fill:var(--ink);font-size:12px;font-family:var(--body)}.stack-app #storageWarning{padding:12px 4vw;background:var(--card-background);color:inherit;border-bottom:1px solid var(--card-separator-color);font-size:14px}.stack-app #toast{position:fixed;right:20px;bottom:20px;background:var(--card-background);color:inherit;padding:12px 20px;border-radius:var(--card-border-radius);max-width:min(90vw,420px);opacity:0;pointer-events:none;z-index:15}.stack-app #toast.show{opacity:1}.stack-app footer{border-top:1px solid var(--card-separator-color);padding:20px 4vw;display:flex;gap:20px;justify-content:space-between;font-size:12px;color:inherit;flex-wrap:wrap}.stack-app table{border-collapse:collapse;width:100%;font-size:14px}.stack-app th,
.stack-app td{padding:10px;text-align:left;border-bottom:1px solid var(--card-separator-color)}.stack-app .archive pre{white-space:pre-wrap;overflow-wrap:anywhere}.stack-app .table-scroll{overflow:auto}
@media(max-width:1080px){.stack-app .masthead{gap:15px}.stack-app .masthead nav{gap:14px}.stack-app .layout{grid-template-columns:215px minmax(0,1fr);gap:30px;padding-inline:25px}.stack-app .brand small{display:none}}
@media(max-width:760px){.stack-app .masthead{position:relative;flex-wrap:wrap;padding:15px 20px;gap:15px}.stack-app .brand strong{font-size:18px}.stack-app .masthead nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--card-separator-color);padding-top:10px}.stack-app .tools{margin-left:auto}.stack-app .layout{display:block;padding:20px}.stack-app .syllabus{position:static;max-height:none;border-bottom:1px solid var(--card-separator-color);padding:0 0 15px;margin-bottom:25px}.stack-app .syllabus #courseNav{max-height:45vh;overflow:auto}.stack-app .next-lesson{grid-template-columns:1fr}.stack-app .route-row{grid-template-columns:35px minmax(0,1fr);gap:14px}.stack-app .route-row>.button{grid-column:2;justify-self:start}.stack-app h1{font-size:32px}.stack-app .exercise{padding:18px}.stack-app .glossary-row{grid-template-columns:1fr;gap:5px}.stack-app .code-wrap pre{font-size:12px;padding-inline:14px}.stack-app .meta{gap:8px 16px}.stack-app .fields{gap:14px}.stack-app .pager a{font-size:13px}.stack-app footer{padding:20px}.stack-app .home-progress{font-size:13px}}
@media(prefers-reduced-motion:reduce){.stack-app{scroll-behavior:auto}}
.stack-app main:focus-visible{outline:none}
.stack-app .measured-rd{display:block;width:100%;max-width:760px;height:auto;border:1px solid var(--card-separator-color);background:var(--card-background)}
@media print{.stack-app .masthead,
.stack-app .syllabus,
.stack-app footer,
.stack-app .actions,
.stack-app .pager,
.stack-app #toast,
.stack-app #storageWarning,
.stack-app .lesson-record,
.stack-app .skip,
.stack-app button{display:none!important}.stack-app .layout{display:block;padding:0}.stack-app main,
.stack-app .lesson-body{max-width:none}.stack-app .code-wrap pre{max-height:none;white-space:pre-wrap;overflow-wrap:anywhere}.stack-app{color:inherit;background:var(--card-background)}.stack-app .exercise{break-inside:avoid}.stack-app h2,
.stack-app h3{break-after:avoid}.stack-app a{color:inherit}}