:root{--tutorial-ink:#22302c;--tutorial-muted:#687770;--tutorial-paper:#f8f7f2;--tutorial-paper-deep:#efede4;--tutorial-gold:#b2873c;--tutorial-gold-soft:#f1e7c9;--tutorial-teal:#167c68;--tutorial-line:#d8ded8;--tutorial-header-height:64px;--tutorial-shadow:0 18px 44px #22302c24}*{box-sizing:border-box}button,input{font:inherit}.tutorial-shell{grid-template-rows:var(--tutorial-header-height) minmax(0,1fr);width:100%;height:100dvh;color:var(--tutorial-ink);background:var(--tutorial-paper);font-family:Noto Sans SC,PingFang SC,Hiragino Sans GB,sans-serif;display:grid;overflow:hidden}.tutorial-shell__header{z-index:4;min-height:var(--tutorial-header-height);color:var(--tutorial-ink);border-bottom:1px solid var(--tutorial-line);background:#faf9f4fa;grid-template-columns:minmax(180px,1fr) minmax(300px,560px) minmax(180px,1fr);align-items:center;gap:24px;padding:0 clamp(20px,4vw,58px);display:grid}.tutorial-shell__brand{width:max-content;color:inherit;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.tutorial-shell__brand img{-o-object-fit:contain;object-fit:contain;width:30px;height:30px}.tutorial-shell__brand-copy{gap:0;display:grid}.tutorial-shell__brand-copy small{color:var(--tutorial-gold);letter-spacing:.14em;font-size:.54rem;font-weight:800}.tutorial-shell__brand-copy strong{letter-spacing:.04em;font-family:Noto Serif SC,Songti SC,serif;font-size:.92rem;font-weight:800}.tutorial-shell__header-center{justify-content:center;align-items:center;gap:14px;min-width:0;display:flex}.tutorial-shell__language-wrap{flex:none;position:relative}.tutorial-shell__language{color:var(--tutorial-muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 0;font-size:.74rem;display:inline-flex}.tutorial-shell__language:focus-visible,.tutorial-shell__language:hover{color:var(--tutorial-teal);outline:0}.tutorial-shell__language-menu{z-index:7;border:1px solid var(--tutorial-line);min-width:132px;box-shadow:var(--tutorial-shadow);background:#fffef9;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tutorial-shell__language-menu button{color:var(--tutorial-muted);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:14px;padding:8px 9px;font-size:.72rem;display:flex}.tutorial-shell__language-menu button:focus-visible,.tutorial-shell__language-menu button:hover:not(:disabled){color:var(--tutorial-teal);background:#167c6814;outline:0}.tutorial-shell__language-menu button:disabled{color:#aab3ae;cursor:not-allowed}.tutorial-shell__language-menu small{color:var(--tutorial-gold);white-space:nowrap;font-size:.58rem}.tutorial-shell__search{border:1px solid var(--tutorial-line);min-width:0;max-width:440px;color:var(--tutorial-muted);background:#fffefb;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.tutorial-shell__search:focus-within{border-color:var(--tutorial-teal);box-shadow:0 0 0 3px #167c6817}.tutorial-shell__search input{width:100%;min-width:0;color:var(--tutorial-ink);background:0 0;border:0;outline:0;padding:0;font-size:.8rem}.tutorial-shell__search input::placeholder{color:#9aa59f}.tutorial-shell__search kbd{border:1px solid var(--tutorial-line);color:#8e9a94;white-space:nowrap;padding:1px 5px;font-size:.6rem}.tutorial-shell__header-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.tutorial-shell__mobile-trigger{border:1px solid var(--tutorial-line);color:var(--tutorial-muted);cursor:pointer;background:0 0;padding:5px 7px;font-size:.68rem;display:none}.tutorial-shell__mobile-trigger[aria-expanded=true]{color:var(--tutorial-teal);border-color:var(--tutorial-teal);background:#167c6814}.tutorial-shell__body{grid-template-columns:minmax(214px,264px) minmax(0,1fr) minmax(170px,224px);min-height:0;display:grid;position:relative}.tutorial-shell__left,.tutorial-shell__right{background:var(--tutorial-paper);min-width:0;min-height:0}.tutorial-shell__left{overflow:visible}.tutorial-shell__right{overflow:hidden}.tutorial-shell__left{border-right:1px solid var(--tutorial-line);padding:30px clamp(18px,2.7vw,36px) 42px clamp(20px,4vw,58px)}.tutorial-shell__right{border-left:1px solid var(--tutorial-line);padding:38px clamp(20px,4vw,58px) 42px 24px}.tutorial-shell__left-heading,.tutorial-shell__right-heading{gap:4px;margin-bottom:21px;display:grid}.tutorial-shell__left-heading span,.tutorial-shell__right-heading span,.tutorial-shell__tree-label{color:var(--tutorial-gold);letter-spacing:.11em;font-size:.66rem;font-weight:800}.tutorial-shell__left-heading strong,.tutorial-shell__right-heading strong{font-family:Noto Serif SC,Songti SC,serif;font-size:1rem;font-weight:800}.tutorial-shell__nav-icon{width:1rem;height:1rem;color:var(--tutorial-gold);justify-content:center;align-items:center;display:inline-flex;letter-spacing:0!important;font-size:.88rem!important}.tutorial-shell__on-page,.tutorial-shell__tree{gap:3px;display:grid}.tutorial-shell__tree{margin-top:25px}.tutorial-shell__tree-label{border-bottom:1px solid var(--tutorial-line);padding-bottom:8px}.tutorial-shell__group-title{padding:11px 0 5px;padding-left:calc(var(--tree-depth)*12px);color:var(--tutorial-gold);font-size:.76rem;font-weight:800}.tutorial-shell__tree-item{padding-left:calc(var(--tree-depth)*12px);border-left:2px solid #0000;align-items:center;gap:4px;display:flex}.tutorial-shell__tree-item.active{border-left-color:var(--tutorial-gold);background:var(--tutorial-gold-soft)}.tutorial-shell__tree-item a{min-width:0;color:var(--tutorial-muted);flex:1;padding:6px 5px;font-size:.75rem;line-height:1.45;text-decoration:none}.tutorial-shell__tree-item.active a{color:var(--tutorial-ink);font-weight:700}.tutorial-shell__tree-item a:hover{color:var(--tutorial-gold)}.tutorial-shell__tree-toggle{color:var(--tutorial-gold);cursor:pointer;background:0 0;border:0;flex:0 0 24px;padding:3px}.tutorial-shell__empty{color:var(--tutorial-muted);font-size:.77rem;line-height:1.7}.tutorial-shell__scroll{scroll-behavior:smooth;scrollbar-color:var(--tutorial-gold) transparent;scrollbar-width:thin;min-width:0;min-height:0;overflow:hidden auto}.tutorial-shell__scroll:focus-visible{outline-offset:-2px;outline:2px solid #167c685c}.tutorial-shell__on-page{gap:8px}.tutorial-shell__on-page a{padding-left:calc((var(--toc-depth) - 2)*10px);color:var(--tutorial-muted);font-size:.73rem;line-height:1.5;text-decoration:none}.tutorial-shell__on-page a.active,.tutorial-shell__on-page a:hover{color:var(--tutorial-gold)}.tutorial-shell__scrim{display:none}.tutorial-content{width:min(760px,100%);margin:0 auto;padding:50px clamp(24px,6vw,84px) 100px;font-family:Noto Serif SC,Songti SC,serif;font-size:1rem;line-height:1.9}.tutorial-content h1,.tutorial-content h2,.tutorial-content h3{color:var(--tutorial-ink);letter-spacing:-.035em;scroll-margin-top:28px;font-weight:800;line-height:1.25}.tutorial-content h1{margin:0 0 25px;font-size:clamp(2rem,4vw,3.25rem)}.tutorial-content h2{margin:48px 0 15px;font-size:1.56rem}.tutorial-content h3{margin:34px 0 12px;font-size:1.18rem}.tutorial-content p{color:#4f5c56;margin:0 0 17px}.tutorial-content a{color:var(--tutorial-teal);text-underline-offset:3px;text-decoration-thickness:1px}.tutorial-content ol,.tutorial-content ul{color:#4f5c56;margin:0 0 21px;padding-left:1.5em}.tutorial-content li{padding-left:.2em}.tutorial-content blockquote{border-left:3px solid var(--tutorial-gold);color:var(--tutorial-muted);background:#b2873c17;margin:28px 0;padding:12px 20px}.tutorial-content__code{color:#e8f0e9;background:#243a34;border:1px solid #334742;margin:26px 0;padding:17px 19px;font:.82rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.tutorial-content__callout{border-left:3px solid var(--tutorial-teal);background:#167c6814;margin:28px 0;padding:16px 20px}.tutorial-content__callout--warning{background:#ad5d421a;border-left-color:#ad5d42}.tutorial-content__callout strong{color:var(--tutorial-ink);letter-spacing:.08em;margin-bottom:5px;font:700 .78rem/1.5 Noto Sans SC,sans-serif;display:block}.tutorial-content__callout p{margin-bottom:0}.tutorial-content__image{margin:32px 0}.tutorial-content__image img{border:1px solid var(--tutorial-line);background:var(--tutorial-paper-deep);width:100%;height:auto;display:block}.tutorial-content__image figcaption{color:var(--tutorial-muted);margin-top:8px;font:.75rem/1.6 Noto Sans SC,sans-serif}.tutorial-content__empty,.tutorial-content__missing-asset{color:var(--tutorial-muted)}@media (width<=980px){.tutorial-shell__header{grid-template-columns:max-content minmax(0,1fr) max-content}.tutorial-shell__header-center{justify-content:flex-start}.tutorial-shell__right{display:none}.tutorial-shell__body{grid-template-columns:minmax(200px,248px) minmax(0,1fr)}.tutorial-shell__mobile-trigger{display:inline-block}.tutorial-shell__mobile-trigger--right{display:none}}@media (width<=680px){.tutorial-shell{--tutorial-header-height:60px}.tutorial-shell__header{min-height:var(--tutorial-header-height);grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:7px;padding:0 12px}.tutorial-shell__brand{gap:7px}.tutorial-shell__brand img{width:27px;height:27px}.tutorial-shell__brand-copy small{letter-spacing:.1em;font-size:.45rem}.tutorial-shell__brand-copy strong{font-size:.79rem}.tutorial-shell__header-center{grid-area:auto;justify-content:flex-start;gap:6px;padding-bottom:0}.tutorial-shell__header-actions{gap:4px;position:static;top:auto;right:auto}.tutorial-shell__language{max-width:25px;font-size:0;display:inline-flex;overflow:hidden}.tutorial-shell__language>span:first-child{width:19px;height:19px;font-size:0;display:block;overflow:hidden}.tutorial-shell__language>span:first-child:after{content:"中";color:var(--tutorial-teal);font-size:.7rem;display:block}.tutorial-shell__language>span:last-child{display:none}.tutorial-shell__search{max-width:none;padding:7px 8px}.tutorial-shell__search input{font-size:.72rem}.tutorial-shell__search kbd{display:none}.tutorial-shell__mobile-trigger{padding:5px;font-size:.6rem;display:inline-block}.tutorial-shell__left,.tutorial-shell__right{top:var(--tutorial-header-height);z-index:6;width:min(84vw,320px);max-height:none;box-shadow:var(--tutorial-shadow);padding:26px 22px 34px;transition:transform .18s;display:block;position:fixed;bottom:0;overflow-y:auto}.tutorial-shell__left{border-right:1px solid var(--tutorial-line);left:0;transform:translate(-105%)}.tutorial-shell__right{border-left:1px solid var(--tutorial-line);right:0;transform:translate(105%)}.tutorial-shell__left.is-open,.tutorial-shell__right.is-open{transform:translate(0)}.tutorial-shell__scrim{inset:var(--tutorial-header-height) 0 0;z-index:5;cursor:pointer;background:#22302c2e;border:0;display:block;position:fixed}.tutorial-shell__body{display:block}.tutorial-shell__scroll{height:100%}.tutorial-content{padding:36px 20px 72px;font-size:.96rem}}@media (prefers-reduced-motion:reduce){.tutorial-shell__left,.tutorial-shell__right,.tutorial-shell__scroll{scroll-behavior:auto;transition:none}}