:root{--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",STSong,serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.95 var(--sans)}a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--gold)}a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}p,h1,h2,h3,h4,ol,ul{margin:0}h1,h2,h3,h4{text-wrap:pretty}p,li{overflow-wrap:anywhere}strong{font-weight:600}::selection{background:var(--green-soft)}.skip-link{position:fixed;z-index:3;top:8px;left:12px;background:var(--paper);padding:10px 18px;transform:translateY(-160%);border:1px solid var(--gold)}.skip-link:focus{transform:none}.tutorial-header{max-width:1272px;margin:auto;padding:26px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.tutorial-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.tutorial-brand img{border-radius:9px;flex-shrink:0}.tutorial-brand strong{display:block;font:600 23px/1.4 var(--serif);letter-spacing:1px}.tutorial-brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:3px}.tutorial-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.tutorial-header nav>a{text-decoration:none;white-space:nowrap}.return-link{border:1px solid var(--line);border-radius:3px;padding:10px 17px}.return-link span{margin-left:13px}.tutorial-main{max-width:1200px;margin:auto;padding:0 36px}.tutorial-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:70px;padding:68px 0 64px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--gold);font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.6}.tutorial-intro h1{font:500 clamp(36px,4vw,49px)/1.5 var(--serif);letter-spacing:1px;margin:14px 0 20px}.intro-copy{max-width:590px;color:var(--muted);font-size:14px;line-height:2}.intro-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}.primary-link{display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:46px;padding:10px 22px;background:var(--green);color:var(--on-accent);text-decoration:none;font-size:13px;border:1px solid var(--green);border-radius:3px}.primary-link:hover{background:var(--green-hover);color:var(--on-accent)}.text-link{font-size:12px}.intro-note{padding:26px 25px;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green);box-shadow:7px 7px 0 var(--subtle)}.note-label{font-size:13px;font-weight:600}.intro-note ol{padding-left:20px;margin:19px 0;font-size:12px;color:var(--muted)}.intro-note li+li{margin-top:12px}.intro-note>a{font-size:11px}.tutorial-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:58px;align-items:start;padding-top:42px}.tutorial-sidebar{position:sticky;top:28px}.tutorial-contents{border-bottom:1px solid var(--line);padding-bottom:16px}.tutorial-contents summary{list-style:none;display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;cursor:pointer;min-height:40px}.tutorial-contents summary::-webkit-details-marker{display:none}.tutorial-contents summary>span{font-size:15px;font-weight:400;color:var(--muted)}.tutorial-contents nav{display:grid;margin-top:15px;gap:4px}.tutorial-contents nav>a{display:flex;align-items:baseline;gap:12px;padding:9px 0;text-decoration:none;font-size:12px;line-height:1.6;color:var(--muted)}.tutorial-contents nav>a:hover{color:var(--green)}.tutorial-contents nav span{font:11px Georgia,serif;color:var(--gold)}.sidebar-note{font-size:11px;color:var(--muted);line-height:1.9;margin-top:23px}.tutorial-guide{min-width:0}.guide-section{padding:0 0 42px;scroll-margin-top:24px}.guide-section+.guide-section{border-top:1px solid var(--line);padding-top:42px}.section-heading{display:flex;gap:18px;align-items:center;margin-bottom:25px}.section-number{font:italic 32px Georgia,serif;color:var(--gold);align-self:flex-start;line-height:1.5;opacity:.8}.section-heading .eyebrow{font-size:10px;letter-spacing:1px}.section-heading h2{font:500 28px/1.6 var(--serif);margin-top:4px;letter-spacing:.5px}.guide-section>p{margin:15px 0}.guide-section h3{font-size:16px;font-weight:600;line-height:1.8;margin:22px 0 9px}.guide-section>p,.plain-list{font-size:14px}.guide-section p{line-height:1.95}.entry-path{padding:10px 13px;border-left:2px solid var(--gold);background:var(--panel);font-size:11px!important;color:var(--muted);line-height:1.95!important}.entry-path span{font-size:10px;color:var(--gold);margin-right:9px}.entry-path .path-divider{color:var(--muted);margin:0 10px}.step-list{padding:0;list-style:none;counter-reset:step}.step-list>li{position:relative;padding:0 0 25px 41px;counter-increment:step}.step-list>li:before{content:counter(step);display:grid;place-items:center;position:absolute;left:0;top:1px;width:25px;height:25px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font:12px Georgia,serif;background:var(--paper);z-index:1}.step-list>li:not(:last-child):after{position:absolute;content:"";width:1px;background:var(--line);left:12px;top:26px;bottom:0}.step-list h3{margin:0 0 7px;font-size:15px}.step-list p{font-size:13px;color:var(--muted)}.step-list>li:last-child{padding-bottom:0}.guide-tip{background:var(--green-soft);border-left:3px solid var(--green);padding:17px 20px;margin:26px 0 15px}.guide-tip>strong{font-size:13px;line-height:1.8;display:block}.guide-tip p{font-size:12px;margin-top:5px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:22px 0}.guide-columns>article+article{border-left:1px solid var(--line);padding-left:28px}.guide-columns h3{margin:0 0 9px}.guide-columns p{font-size:13px;color:var(--muted)}.guide-columns p+p{margin-top:13px}.plain-list{padding-left:22px;margin:19px 0}.plain-list>li{padding-left:4px}.plain-list>li+li{margin-top:12px}.plain-list>li::marker{color:var(--gold)}.guide-section .quiet-note{font-size:12px;color:var(--muted);padding-left:13px;border-left:1px solid var(--line)}.structure-line{display:flex;align-items:center;gap:17px;margin:27px 0;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.structure-line>span{font-size:16px;font-family:var(--serif);flex:1;min-width:0;white-space:nowrap}.structure-line small{display:block;font:10px/1.8 var(--sans);color:var(--muted);margin-top:4px;white-space:normal}.structure-line>b{font-size:13px;font-weight:400;color:var(--gold)}.mode-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mode-compare>article{padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:3px}.mode-label{font-size:10px;color:var(--gold);border:1px solid var(--line);padding:4px 8px}.mode-compare h3{margin:16px 0 8px}.mode-compare p{font-size:12px;color:var(--muted)}.writing-options{margin-top:28px}.writing-options>article{display:flex;gap:19px;padding:22px 0}.writing-options>article+article{border-top:1px solid var(--line)}.option-number{display:grid;place-items:center;flex-shrink:0;width:31px;height:36px;background:var(--green);color:var(--brass);font:18px var(--serif)}.writing-options h3{margin:0 0 9px}.writing-options p{font-size:13px;color:var(--muted);margin-top:7px}.writing-options a{display:inline-block;font-size:12px;margin-top:10px}.tool-reference{margin:23px 0;background:var(--paper);border:1px solid var(--line)}.tool-reference article{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:17px 20px}.tool-reference article+article{border-top:1px solid var(--line)}.tool-reference h4{font-size:12px;font-weight:600;padding-top:2px}.tool-reference p{font-size:12px;color:var(--muted)}.storage-facts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:25px 0}.storage-facts article{padding-top:13px;border-top:2px solid var(--green)}.storage-facts article+article{border-top-color:var(--gold)}.storage-facts h3{margin:0 0 8px}.storage-facts p{font-size:13px;color:var(--muted)}.tutorial-finish{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px;background:var(--paper);border:1px solid var(--line);margin-top:32px}.tutorial-finish h3{margin:0 0 4px;font-family:var(--serif);font-size:21px;font-weight:500}.tutorial-finish p{font-size:12px;color:var(--muted)}.tutorial-finish>.primary-link{flex-shrink:0}.tutorial-footer{display:flex;align-items:center;gap:28px;max-width:1200px;margin:0 auto;padding:24px 36px 32px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.tutorial-footer>span{margin-right:auto}.tutorial-footer>a{text-decoration:none}
@media(max-width:1000px){.tutorial-intro{gap:35px;grid-template-columns:minmax(0,1fr) 280px}.tutorial-layout{gap:32px;grid-template-columns:180px minmax(0,1fr)}.structure-line{gap:10px}.structure-line small{font-size:9px}.tool-reference article{grid-template-columns:95px 1fr;gap:15px}.guide-columns{gap:20px}.guide-columns>article+article{padding-left:20px}}
@media(max-width:760px){.tutorial-header{padding:19px 22px}.tutorial-header nav{gap:17px}.tutorial-header nav>a:first-child{display:none}.tutorial-main{padding:0 22px}.tutorial-intro{display:block;padding:37px 0 33px}.tutorial-intro h1{font-size:37px;line-height:1.5;margin-top:12px}.intro-copy{font-size:13px;max-width:520px}.intro-actions{gap:21px;margin-top:23px}.intro-note{margin-top:29px;max-width:none;padding:20px 22px;box-shadow:4px 4px 0 var(--subtle)}.intro-note ol{margin:12px 0}.intro-note li+li{margin-top:6px}.tutorial-layout{display:block;padding-top:23px}.tutorial-sidebar{position:static;margin-bottom:30px}.tutorial-contents{border:1px solid var(--line);padding:11px 16px;background:var(--paper)}.tutorial-contents nav{grid-template-columns:1fr 1fr;gap:1px 12px;margin-top:8px}.tutorial-contents nav>a{font-size:12px;padding:8px 0;gap:9px}.tutorial-contents summary{min-height:32px}.sidebar-note{display:none}.guide-section{scroll-margin-top:17px;padding-bottom:31px}.guide-section+.guide-section{padding-top:30px}.section-heading{gap:13px;margin-bottom:21px}.section-heading h2{font-size:25px;letter-spacing:0}.section-number{font-size:27px}.step-list p,.guide-section>p,.plain-list{font-size:13px}.entry-path{font-size:10px!important}.guide-columns{margin:19px 0;gap:18px}.guide-columns>article+article{padding-left:18px}.guide-columns h3{font-size:15px}.guide-columns p{font-size:12px}.mode-compare{gap:12px}.mode-compare>article{padding:18px 15px}.mode-compare h3{font-size:15px}.structure-line{gap:10px}.structure-line>span{font-size:15px}.structure-line small{font-size:9px}.writing-options>article{gap:14px;padding:19px 0}.tool-reference article{display:block;padding:16px 18px}.tool-reference p{margin-top:5px}.storage-facts{gap:18px}.storage-facts p{font-size:12px}.tutorial-finish{padding:22px;gap:20px;flex-wrap:wrap}.tutorial-footer{padding:22px;gap:20px;flex-wrap:wrap}.tutorial-footer>span{flex-basis:100%}.primary-link{min-height:44px;padding:9px 18px}.return-link{padding:8px 12px;font-size:11px}.tutorial-brand strong{font-size:21px}.tutorial-brand img{width:38px;height:38px}.tutorial-brand small{font-size:9px}}
@media(max-width:420px){.tutorial-header{padding:17px 16px;gap:10px}.tutorial-header nav{gap:0}.tutorial-brand{gap:9px}.tutorial-brand strong{font-size:20px}.tutorial-brand small{font-size:8px}.return-link{padding:8px 10px;font-size:10px}.return-link span{margin-left:5px}.tutorial-main{padding:0 18px}.tutorial-intro h1{font-size:34px}.intro-actions{gap:17px}.text-link{font-size:11px}.section-heading h2{font-size:23px}.guide-columns{display:block}.guide-columns>article+article{border-left:0;border-top:1px solid var(--line);padding:19px 0 0;margin-top:19px}.mode-compare{display:block}.mode-compare>article+article{margin-top:12px}.mode-compare>article{padding:19px}.structure-line{gap:8px}.structure-line>span{font-size:13px}.structure-line small{font-size:8px}.structure-line>b{font-size:10px}.storage-facts{display:block}.storage-facts article+article{margin-top:20px}.tutorial-contents{padding:10px 13px}.tutorial-contents nav>a{font-size:11px;gap:7px}.tutorial-contents nav span{font-size:10px}.guide-tip{padding:15px 17px}.step-list>li{padding-left:37px}.tutorial-finish{padding:20px}.tutorial-footer{padding-left:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
@media print{body{background:white;font-size:11pt}.tutorial-header nav,.intro-actions,.tutorial-sidebar,.tutorial-footer,.tutorial-finish>.primary-link{display:none}.tutorial-layout,.tutorial-intro{display:block}.tutorial-main{max-width:none;padding:0}.tutorial-header{padding:0 0 16px}.tutorial-intro{padding:24px 0}.intro-note{box-shadow:none;max-width:none;margin:20px 0 0}.guide-section{break-inside:avoid}.tutorial-layout{padding-top:24px}.guide-section+.guide-section{padding-top:25px}.guide-section{padding-bottom:25px}a{color:inherit}.guide-tip,.mode-compare>article,.tool-reference,.tutorial-finish{box-shadow:none;background:white}}