/* finesse · lesson-01 formal · existing yellow/violet identity · quiet illustrated reading */
.l01{--l01-paper:#fffefa;--l01-ink:#292530;--l01-muted:#615c6c;--l01-purple:#6040bd;--l01-soft:#f3effa;--l01-line:#e2dee9;--l01-yellow:#ffe629;--l01-yellow-soft:#fff8d6;max-width:1040px;margin:0 auto;padding:0 32px 64px;font:17px/1.95 "Microsoft YaHei",sans-serif;color:var(--l01-ink)}
.l01-breadcrumb{max-width:1040px;margin:0 auto;padding:24px 32px 8px;display:flex;gap:20px;align-items:center;font-size:14px}.l01-breadcrumb span{color:#615c6c}.l01-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
.l01 :is(h1,h2,h3,h4,p,figure,ol){margin:0}.l01 p{margin:0 0 16px}.l01 p:last-child{margin-bottom:0}.l01 h1,.l01 h2,.l01 h3,.l01 h4{color:var(--l01-ink);font-weight:750;letter-spacing:0;line-height:1.5;text-wrap:pretty}.l01 h1{font-size:42px;margin:10px 0 20px}.l01 h2{font-size:29px}.l01 h3{font-size:22px;margin:0 0 16px}.l01 h4{font-size:18px;margin:24px 0 10px}.l01 a{color:var(--l01-purple);text-underline-offset:4px;overflow-wrap:anywhere}.l01 :is(a,button,summary,input):focus-visible,.l01-image-dialog button:focus-visible{outline:3px solid #6040bd;outline-offset:4px}.l01 button{font-family:inherit;cursor:pointer}.l01 [hidden]{display:none!important}
.l01-intro{padding:30px 0 34px}.l01 .l01-kicker{color:var(--l01-purple);font-weight:700;font-size:15px;margin:0}.l01 .l01-lead{font-size:19px;line-height:1.9;color:var(--l01-muted);margin-bottom:26px}.l01-start{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.l01-start>span{font-size:15px;color:var(--l01-muted)}.l01 a.l01-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;background:var(--l01-yellow);color:var(--l01-ink);border:1px solid #dbbf33;border-radius:9px;padding:8px 22px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 2px 0 #d7c986}.l01-button:hover{filter:brightness(.98)}.l01-button:active{transform:translateY(1px)}
.l01-toc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px;border-top:1px solid var(--l01-line);border-bottom:1px solid var(--l01-line);padding:18px 0;margin:0 0 32px}.l01-toc a{display:flex;gap:12px;align-items:center;min-height:44px;font-size:15px;text-decoration:none;border-radius:6px;padding:0 10px;white-space:nowrap}.l01-toc a:hover{background:var(--l01-soft)}.l01-toc b{font-size:13px;color:var(--l01-muted)}
.l01-chapter{margin-top:32px;padding:36px;background:var(--l01-paper);border:1px solid var(--l01-line);border-radius:16px;scroll-margin-top:calc(var(--nav-h,76px) + 24px)}.l01-chapter-heading{display:flex;gap:18px;align-items:center;margin:0 0 26px;padding:0 0 24px;border-bottom:1px solid var(--l01-line)}.l01-chapter-heading>span{font-size:38px;font-weight:800;color:var(--l01-purple);line-height:1}.l01-chapter-heading p{color:var(--l01-muted);font-size:14px;margin:0 0 3px}.l01-step{padding:26px 0}.l01-step+.l01-step{border-top:1px solid var(--l01-line)}.l01-step h3{display:flex;gap:12px;align-items:baseline}.l01-step h3>span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;height:28px;background:var(--l01-soft);border-radius:50%;color:var(--l01-purple);font-size:15px}.l01-instructions{padding-left:26px;list-style:decimal}.l01-instructions li{padding-left:4px;margin-bottom:16px}.l01-instructions li::marker{color:var(--l01-purple);font-weight:700}.l01-instructions li:last-child{margin:0}.l01-checkpoint{border-left:4px solid var(--l01-purple);background:var(--l01-soft);padding:16px 18px;margin-top:16px!important}.l01-checkpoint b{color:var(--l01-purple)}
.l01-diagram,.l01-example{background:var(--l01-soft);border:1px solid var(--l01-line);border-radius:12px;padding:24px;margin:24px 0!important}.l01-diagram>figcaption,.l01-example>figcaption{font-size:15px;font-weight:600;color:var(--l01-muted);margin:0 0 20px;line-height:1.7}.l01-family-root{max-width:360px;background:var(--l01-purple);color:var(--l01-paper);padding:17px;text-align:center;border-radius:9px;margin:auto;font-size:22px;font-weight:700}.l01-family-root>span{display:block;font-size:14px;font-weight:400;margin-top:4px}.l01-family-branches{position:relative;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;padding-top:28px}.l01-family-branches:before{content:"";position:absolute;width:1px;height:28px;background:var(--l01-purple);top:0;left:50%}.l01-family-branches>div{border:1px solid #cbbde6;border-radius:10px;padding:18px;background:var(--l01-paper);text-align:center}.l01-family-branches>div>strong{display:block;color:var(--l01-purple);font-size:19px;margin-bottom:14px}.l01-family-branches p{font-size:16px}.l01-mode-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.l01-mode-pair>span{padding:14px 10px;background:var(--l01-soft);font-size:14px;border-radius:7px}.l01-mode-pair b{display:block;font-size:16px}.l01-mode-pair .l01-selected{background:var(--l01-yellow-soft);border:1px solid #d8bf48}.l01-mode-pair em{display:block;font-style:normal;font-size:13px;margin-top:8px}
.l01-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.l01-two>div{background:var(--l01-soft);border-radius:9px;padding:20px}.l01-two h4{margin:0 0 10px}.l01-two p{font-size:16px}.l01-note{border-left:3px solid #d6bd3a;background:var(--l01-yellow-soft);padding:18px 20px;margin:24px 0}.l01-note>strong{display:block;margin-bottom:6px}.l01-note p{font-size:16px}.l01-path ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;list-style:none;padding:0}.l01-path li{position:relative;display:flex;flex-direction:column;justify-content:center;background:var(--l01-paper);padding:18px 12px;text-align:center;border:1px solid #d4cae8;border-radius:9px;min-width:0}.l01-path li+li:before{content:"→";position:absolute;left:-24px;top:50%;transform:translateY(-50%);color:var(--l01-purple);font-size:22px}.l01-path b{font-size:18px;color:var(--l01-purple)}.l01-path li span{font-size:14px;color:var(--l01-muted);margin-top:6px}.l01-path .l01-route-active{background:var(--l01-yellow-soft);border-color:#d8bf48}.l01-details{border-top:1px solid var(--l01-line);padding:0;margin-top:14px}.l01-details>summary{font-weight:650;font-size:16px;line-height:1.7;cursor:pointer;padding:18px 24px 18px 0;min-height:48px}.l01-details>summary::marker{color:var(--l01-purple)}.l01-details>div{padding:2px 0 22px;font-size:16px}.l01-details[open]>summary{color:var(--l01-purple)}
.l01-photo{margin:24px 0!important}.l01-zoom{display:block;width:100%;position:relative;padding:0;border:1px solid var(--l01-line);border-radius:10px;overflow:hidden;background:var(--l01-paper);text-align:left}.l01-zoom img{display:block;width:100%;height:auto}.l01-zoom-label{position:absolute;bottom:10px;right:10px;padding:4px 10px;border-radius:5px;background:var(--l01-ink);color:var(--l01-paper);font-size:13px}.l01-photo>figcaption{font-size:16px;padding:14px 0 0;color:var(--l01-muted);line-height:1.8}.l01-address{padding:18px 0;display:flex;align-items:baseline;gap:14px;font-size:15px}.l01-address>span{flex-shrink:0;color:var(--l01-muted)}.l01-address code{font-family:inherit;overflow-wrap:anywhere}.l01-address code b{color:var(--l01-purple);border-bottom:2px solid var(--l01-purple)}.l01-download-detail{display:flex;gap:22px;align-items:center;background:var(--l01-soft);padding:16px;border-radius:10px;margin:20px 0}.l01-detail-crop{position:relative;width:260px;height:106px;overflow:hidden;flex:0 0 260px;background:#fbfcfe;border-radius:7px}.l01-detail-crop img{position:absolute;width:1440px!important;height:684px!important;max-width:none!important;left:-724px;top:-288px}.l01-download-detail>div:last-child{min-width:0}.l01-download-detail strong{font-size:18px}.l01-download-detail p{font-size:15px;margin-top:6px}.l01-install-routes{margin:0}.l01-install-routes>div{background:var(--l01-paper);position:relative}.l01-install-routes ol{padding-left:22px;font-size:16px}.l01-route-letter{font-size:25px;font-weight:800;color:var(--l01-purple)}.l01-install-routes h4{margin-top:7px}.l01-account-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.l01-account-paths>section{border:1px solid var(--l01-line);padding:22px;border-radius:10px}.l01-account-paths h4{margin:0 0 16px;color:var(--l01-purple);font-size:20px}.l01-account-paths ol{font-size:16px;padding-left:22px}.l01 kbd{font:600 14px/1.5 "Microsoft YaHei",sans-serif;background:var(--l01-soft);border:1px solid #d2c9df;border-bottom-width:2px;border-radius:4px;padding:2px 7px;white-space:nowrap}
.l01-prompt{border:1px solid #c9b9e5;border-radius:10px;margin-top:20px;overflow:hidden}.l01-prompt-head{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--l01-soft);padding:10px 18px}.l01-prompt-head button{padding:9px 12px;min-height:44px;border:1px solid #d7c5eb;border-radius:6px;background:var(--l01-paper);color:var(--l01-purple);font-weight:700;white-space:nowrap;font-size:14px}.l01-prompt>p{padding:22px;margin:0}.l01-feedback:not(:empty){display:block;padding:0 22px 16px;font-size:14px;color:var(--l01-purple)}.l01-example{background:var(--l01-yellow-soft)}.l01-message,.l01-reply{background:var(--l01-paper);padding:18px 22px;border-radius:9px}.l01-message{margin-left:60px;border:1px solid #e1d59d}.l01-reply{margin:18px 60px 0 0;border:1px solid var(--l01-line)}.l01-example b{font-size:14px;color:var(--l01-purple)}.l01-example p{font-size:16px;margin-top:6px}.l01-completion{background:var(--l01-soft);border-radius:12px;padding:26px;margin-top:20px}.l01-completion h3{font-size:24px}.l01-completion-list label{display:flex;align-items:flex-start;gap:12px;padding:10px 0;cursor:pointer;font-size:16px;min-height:44px}.l01-completion-list input{accent-color:var(--l01-purple);width:20px;height:20px;flex-shrink:0;margin:6px 0 0}.l01 .l01-completion-status{border-top:1px solid #d5cae8;padding-top:18px;margin-top:18px;color:var(--l01-purple);font-weight:700}.l01-footer{text-align:center;padding:42px 0 4px}.l01-footer>strong{font-size:22px}.l01-footer p{margin:10px 0;color:var(--l01-muted)}.l01-footer>a{display:inline-flex;align-items:center;min-height:44px}.l01-image-dialog{border:0;border-radius:12px;padding:16px;max-width:calc(100vw - 32px);width:1100px;max-height:90vh;background:#fffefa;color:#292530}.l01-image-dialog::backdrop{background:rgba(30,24,43,.75)}.l01-image-dialog>div{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:14px}.l01-image-dialog p{margin:0;font-size:15px}.l01-image-dialog button{flex-shrink:0;min-height:44px;padding:8px 14px;background:#f3effa;border:1px solid #d2c9df;border-radius:6px;cursor:pointer;font:inherit}.l01-image-dialog img{display:block;max-width:100%;height:auto}
@media(max-width:800px){.l01{padding-inline:20px}.l01-breadcrumb{padding-inline:20px}.l01-chapter{padding:26px}.l01-family-branches{grid-template-columns:minmax(0,1fr)}.l01-account-paths{grid-template-columns:minmax(0,1fr)}.l01 h1{font-size:34px}.l01 h2{font-size:26px}.l01-path b{font-size:16px}.l01-download-detail{flex-wrap:wrap}}
@media(max-width:540px){.l01{padding-inline:16px;font-size:16px;line-height:1.9}.l01-breadcrumb{padding:16px 16px 0}.l01-intro{padding:18px 0 26px}.l01 h1{font-size:29px;line-height:1.5;margin-top:10px}.l01 .l01-lead{font-size:17px}.l01-desktop-break{display:none}.l01-start{gap:16px}.l01-start>span{font-size:14px}.l01-toc{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;padding:12px 0}.l01-toc a{font-size:14px;gap:8px;padding-inline:4px}.l01-chapter{padding:24px 18px;margin-top:24px;border-radius:12px}.l01-chapter-heading{gap:12px;margin-bottom:18px;padding-bottom:18px}.l01-chapter-heading>span{font-size:29px}.l01 h2{font-size:23px}.l01-chapter-heading p{font-size:13px}.l01 h3{font-size:20px}.l01-step{padding:22px 0}.l01-step h3{gap:9px}.l01-diagram,.l01-example{padding:16px;margin-block:20px!important}.l01-family-root{font-size:20px;padding:15px 12px}.l01-family-branches>div{padding:14px}.l01-mode-pair{grid-template-columns:minmax(0,1fr)}.l01-two{grid-template-columns:minmax(0,1fr);gap:12px}.l01-two>div{padding:18px}.l01-path ol{grid-template-columns:minmax(0,1fr);gap:26px}.l01-path li{padding:14px}.l01-path li+li:before{content:"↓";left:50%;top:-27px;transform:translateX(-50%)}.l01-path b{font-size:18px}.l01-address{display:block}.l01-address code{display:block;margin-top:8px;font-size:14px}.l01-download-detail{gap:14px;padding:12px}.l01-detail-crop{width:100%;max-width:260px;flex-basis:auto}.l01-account-paths{gap:16px}.l01-account-paths>section{padding:18px}.l01-note{padding:16px}.l01-message,.l01-reply{margin-left:0;margin-right:0;padding:16px}.l01-prompt-head{padding:10px 12px}.l01-prompt>p{padding:18px}.l01-completion{padding:20px 16px}.l01-completion h3{font-size:22px}.l01-footer>strong{font-size:20px}.l01-footer p{font-size:15px}.l01-zoom-label{font-size:12px;bottom:6px;right:6px}.l01-photo>figcaption{font-size:15px}}
@media(prefers-reduced-motion:reduce){.l01 *{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.l01-toc,.l01-start,.l01-image-dialog,.header-contact{display:none!important}.l01{max-width:none;padding:0;font-size:12pt}.l01-chapter{border:none;padding:10px 0}.l01-step,.l01-diagram,.l01-photo{break-inside:avoid}.l01-chapter{scroll-margin-top:0}}

/* Login screenshot crops retain the supplied interface pixels and fit the reading column. */
.l01-login-photo{max-width:490px;margin:24px auto!important}.l01-login-photo img{width:100%;height:auto}.l01-login-photo figcaption{line-height:1.85}.l01-account-photo{max-width:470px}.l01 #api-signin{margin-bottom:4px}

/* Unified lesson terminology: one GPT application, two learning modes. */
.l01-gpt-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:28px;position:relative}.l01-gpt-modes:before{content:"";position:absolute;left:50%;top:0;height:28px;width:1px;background:var(--l01-purple)}.l01-gpt-modes>div{border:1px solid #cbbde6;border-radius:10px;background:var(--l01-paper);padding:22px;text-align:center}.l01-gpt-modes strong{display:block;color:var(--l01-purple);font-size:20px;margin-bottom:12px}.l01-gpt-modes .l01-gpt-chat{background:var(--l01-yellow-soft);border-color:#d8bf48}.l01-gpt-modes span{display:inline-block;font-size:14px;color:var(--l01-purple);font-weight:700}.l01-gpt-modes p{font-size:16px}@media(max-width:540px){.l01-gpt-modes{grid-template-columns:minmax(0,1fr);gap:12px}.l01-gpt-modes>div{padding:18px}}

/* Desktop-first illustrated reading; compact mobile view remains responsive. */
.l01,.l01-breadcrumb{max-width:1280px}
.l01-teaching-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);align-items:start;gap:36px;margin:24px 0}
.l01-teaching-row>div{min-width:0}.l01-teaching-row h4{margin-top:0}
.l01-teaching-row>.l01-photo{margin:0!important;align-self:center;width:100%}
.l01-desktop-photo{max-width:900px;margin:24px auto!important}
.l01-desktop-photo .l01-zoom-label{position:static;display:block;width:max-content;margin:8px 10px 10px auto}
.l01-overview{max-width:none}
.l01-narrow-photo{max-width:350px;justify-self:center}
.l01-interface-key{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:24px 0;border-bottom:1px solid var(--l01-line)}
.l01-interface-key b{color:var(--l01-purple);font-size:17px}.l01-interface-key p{font-size:15px;line-height:1.85;margin-top:8px}
.l01-table-wrap{margin:26px 0}.l01-permission-table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.9;table-layout:fixed}
.l01-permission-table caption{text-align:left;font-weight:700;font-size:18px;margin-bottom:14px}
.l01-permission-table th,.l01-permission-table td{text-align:left;vertical-align:top;padding:16px 18px;border:1px solid var(--l01-line);overflow-wrap:anywhere}
.l01-permission-table thead th{background:var(--l01-soft);color:var(--l01-purple)}
.l01-permission-table th:first-child{width:22%}.l01-permission-table th:last-child{width:30%}
.l01-save-example{border:1px solid #c9b9e5;border-radius:10px;background:var(--l01-soft);padding:22px 26px;margin:24px 0}
.l01-save-example b{display:block;color:var(--l01-purple);font-size:16px;margin-bottom:10px}
.l01 #desktop-basics .l01-step,.l01 #work-settings .l01-step,.l01 #local-project .l01-step{scroll-margin-top:150px}
@media(min-width:1200px){.l01-chapter{padding:42px}.l01 .l01-intro{max-width:880px}.l01-toc{gap:10px 30px}.l01-photo.l01-login-photo{max-width:540px}}
@media(max-width:1050px){.l01-teaching-row{grid-template-columns:minmax(0,1fr);gap:18px}.l01-teaching-row>.l01-photo{justify-self:center;max-width:700px}.l01-teaching-row>.l01-narrow-photo{max-width:350px}.l01-interface-key{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.l01-interface-key{grid-template-columns:minmax(0,1fr);gap:18px}.l01-table-wrap{overflow-x:auto}.l01-permission-table{font-size:14px;line-height:1.85}.l01-permission-table th,.l01-permission-table td{padding:10px 7px}.l01-permission-table th:first-child{width:23%}.l01-permission-table th:last-child{width:28%}.l01-save-example{padding:18px}.l01-teaching-row{margin:18px 0}.l01-toc a{white-space:normal}}

/* One action per color panel. Color reinforces the heading and spacing. */
.l01{--lesson-panel-purple:#eee7fa;--lesson-panel-yellow:#fff3c4;--lesson-panel-blue:#e8f1fc}
.l01>.l01-chapter:has(>.l01-step){background:transparent;border:0;border-radius:0;padding:0;margin-top:56px}
.l01>.l01-chapter:has(>.l01-step)>.l01-chapter-heading{padding:0 4px 20px;margin-bottom:24px;border-bottom:2px solid #d9cfee}
.l01 .l01-step{--panel-fill:var(--lesson-panel-purple);--panel-border:#d4c5eb;background:var(--panel-fill);border:1px solid var(--panel-border);border-radius:16px;padding:30px 32px;margin:28px 0;overflow:visible}
.l01 .l01-step:nth-of-type(3n+2){--panel-fill:var(--lesson-panel-yellow);--panel-border:#e6d58f}
.l01 .l01-step:nth-of-type(3n){--panel-fill:var(--lesson-panel-blue);--panel-border:#c5d7ef}
.l01 #work-settings>.l01-step-model{--panel-fill:var(--lesson-panel-purple);--panel-border:#d4c5eb}
.l01 #work-settings>.l01-step-effort{--panel-fill:var(--lesson-panel-yellow);--panel-border:#e6d58f}
.l01 #work-settings>.l01-step:nth-of-type(5){--panel-fill:var(--lesson-panel-blue);--panel-border:#c5d7ef}
.l01 #work-settings>.l01-step:nth-of-type(6){--panel-fill:var(--lesson-panel-purple);--panel-border:#d4c5eb}
.l01 .l01-step+.l01-step{border-top:1px solid var(--panel-border)}
.l01 .l01-step>h3{font-size:23px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--panel-border);align-items:center}
.l01 .l01-step>h3>span{background:var(--l01-purple);color:#fffefa;width:32px;height:32px;flex-basis:32px;border-radius:8px;font-size:16px}
.l01 .l01-step>.l01-teaching-row{margin:0;gap:32px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start}
.l01 .l01-step .l01-teaching-row>.l01-photo{align-self:start}
.l01 .l01-step .l01-teaching-row>.l01-narrow-photo{align-self:center}
.l01 .l01-step .l01-teaching-row p{line-height:1.85}
.l01 .l01-step .l01-teaching-row ol+p{margin-top:20px}
.l01 .l01-step .l01-photo>figcaption{font-size:15px;line-height:1.75;padding-top:12px;color:#50465f}
.l01 .l01-step .l01-two>div,.l01 .l01-step .l01-diagram,.l01 .l01-step .l01-account-paths>section{background:rgba(255,254,250,.8);border:1px solid var(--panel-border)}
.l01 .l01-step .l01-note{background:#fffefa;border:1px solid var(--panel-border);border-left:4px solid #a4821f;border-radius:6px}
.l01 .l01-step .l01-details{border-color:var(--panel-border)}
.l01 .l01-step .l01-permission-table{background:#fffefa}
.l01 .l01-step .l01-checkpoint{background:#fffefa}
.l01 .l01-interface-key>div{padding:20px;border:1px solid #d4c5eb;border-radius:10px;background:var(--lesson-panel-purple)}
.l01 .l01-interface-key>div:nth-child(2n){background:var(--lesson-panel-yellow);border-color:#e6d58f}
.l01 .l01-interface-key{padding-bottom:0;border-bottom:0}
@media(max-width:1050px){.l01 .l01-step>.l01-teaching-row{grid-template-columns:minmax(0,1fr);gap:24px}}
@media(max-width:540px){.l01>.l01-chapter:has(>.l01-step){margin-top:38px}.l01 .l01-step{padding:22px 18px;margin:22px 0;border-radius:12px}.l01 .l01-step>h3{font-size:20px;align-items:baseline;padding-bottom:15px;margin-bottom:18px}.l01 .l01-step>h3>span{width:28px;height:28px;flex-basis:28px}.l01 .l01-step>.l01-teaching-row{gap:20px}.l01 .l01-interface-key>div{padding:16px}}
@media print{.l01 .l01-step{background:transparent;border:1px solid #ccc;padding:16px;break-inside:auto}}

/* Persistent chapter navigation; images remain directly clickable without labels. */
html:has(.l01){scroll-padding-top:0;scroll-behavior:auto}
.l01 .l01-zoom{cursor:zoom-in}
.l01 .l01-toc{position:fixed;top:calc(var(--lesson-header-size,var(--nav-h,76px)) + 20px);left:max(24px,calc((100vw - 1600px)/2));width:188px;max-height:calc(100dvh - var(--lesson-header-size,var(--nav-h,76px)) - 44px);overflow-y:auto;display:block;margin:0;padding:18px 10px;background:#fffefa;border:1px solid #e2dee9;border-radius:12px;z-index:35;box-shadow:0 5px 20px rgba(57,40,82,.05)}
.l01-toc-title{display:block;padding:0 12px 14px;font-size:16px;color:#292530}
.l01-toc-links{display:flex;flex-direction:column;gap:5px}
.l01 .l01-toc a{display:flex;padding:10px 12px;min-height:44px;white-space:normal;font-size:14px;line-height:1.6;gap:10px;border-radius:7px;color:#615c6c}
.l01 .l01-toc a[aria-current="location"]{background:#eee7fa;color:#5732b1;font-weight:700;box-shadow:inset 3px 0 #6040bd}
.l01 .l01-toc a[aria-current="location"] b{color:#5732b1}
.l01 .l01-toc-toggle{display:none}
@media(min-width:900px){.l01,.l01-breadcrumb{width:calc(100% - 264px);max-width:1320px;margin-left:max(240px,calc((100vw - 1600px)/2 + 216px));margin-right:24px;padding-left:12px;padding-right:12px}}
@media(min-width:900px) and (max-width:1100px){.l01 .l01-toc{left:16px;width:166px;padding:14px 6px}.l01,.l01-breadcrumb{margin-left:200px;margin-right:16px;width:calc(100% - 216px)}.l01 .l01-toc a{padding:10px 9px;font-size:13px}}
@media(max-width:899px){.l01{padding-top:58px}.l01 .l01-toc{top:calc(var(--lesson-header-size,var(--nav-h,76px)) + 8px);left:16px;right:16px;width:auto;padding:0;max-height:calc(100dvh - var(--lesson-header-size,var(--nav-h,76px)) - 24px);border-radius:9px}.l01-toc-title{display:none}.l01 .l01-toc-toggle{display:flex;width:100%;min-height:46px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;border:0;border-radius:9px;background:#fffefa;color:#6040bd;font:600 15px/1.6 "Microsoft YaHei",sans-serif;text-align:left}.l01-toc-links{display:none;padding:0 8px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.l01-toc-toggle[aria-expanded="true"]+.l01-toc-links{display:grid}.l01 .l01-toc a{padding:10px;font-size:14px}.l01 .l01-chapter,.l01 #desktop-basics .l01-step,.l01 #work-settings .l01-step,.l01 #local-project .l01-step{scroll-margin-top:calc(var(--lesson-header-size,var(--nav-h,76px)) + 82px)}}
@media print{.l01 .l01-toc{display:none!important}.l01,.l01-breadcrumb{width:auto;max-width:none;margin:0;padding:0}}