.tutorials-module__9TYDmW__page{--tutorial-display-font:var(--font-noto-serif), Georgia, serif;--tutorial-reading-font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;color:#ffffffeb;min-height:100vh;font-family:var(--tutorial-reading-font);font-kerning:normal;background:radial-gradient(circle at 50% -10%,#7048ff21,#0000 34rem),#0c0c10}.tutorials-module__9TYDmW__shell{grid-template-columns:19rem minmax(0,1fr);width:100%;display:grid}.tutorials-module__9TYDmW__desktopNavigation{scrollbar-width:none;align-self:start;height:100vh;padding:2rem 2rem 4rem;position:sticky;top:0;overflow-y:auto;box-shadow:inset -1px 0 #ffffff14}.tutorials-module__9TYDmW__desktopNavigation::-webkit-scrollbar{display:none}.tutorials-module__9TYDmW__navigationHeading{color:#fff;align-items:center;gap:.65rem;font-size:1rem;font-weight:650;display:flex}.tutorials-module__9TYDmW__navigationHeading svg{color:#b9a5ff;width:1.1rem;height:1.1rem}.tutorials-module__9TYDmW__desktopNavigation>p{color:#ffffff6b;margin:.65rem 0 1.75rem;font-size:.78rem;line-height:1.6}.tutorials-module__9TYDmW__navigationList,.tutorials-module__9TYDmW__navigationChildren{margin:0;padding:0;list-style:none}.tutorials-module__9TYDmW__navigationGroup+.tutorials-module__9TYDmW__navigationGroup{margin-top:.3rem}.tutorials-module__9TYDmW__navigationGroup>summary{color:#ffffffb8;cursor:pointer;border:1px solid #0000;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:2.75rem;padding:.62rem .7rem;font-size:.84rem;font-weight:560;line-height:1.35;list-style:none;transition:color .15s,background .15s,border-color .15s;display:grid}.tutorials-module__9TYDmW__navigationGroup>summary::-webkit-details-marker{display:none}.tutorials-module__9TYDmW__navigationGroup>summary:hover{color:#fff;background:#8c69ff17;border-color:#b9a5ff29}.tutorials-module__9TYDmW__navigationGroupIcon{color:#ffffff7a;width:1rem;height:1rem}.tutorials-module__9TYDmW__navigationGroupChevron{opacity:.45;width:.9rem;height:.9rem;transition:transform .15s}.tutorials-module__9TYDmW__navigationGroup[open]>summary .tutorials-module__9TYDmW__navigationGroupChevron{transform:rotate(90deg)}.tutorials-module__9TYDmW__navigationChildren{border-left:1px solid #ffffff17;margin:.35rem 0 .7rem 1.2rem;padding-left:.65rem}.tutorials-module__9TYDmW__navigationChildren a{color:#ffffff85;border:1px solid #0000;border-radius:.6rem;justify-content:space-between;align-items:center;gap:.6rem;min-height:2.15rem;padding:.45rem .55rem;font-size:.77rem;line-height:1.35;transition:color .15s,background .15s,border-color .15s;display:flex}.tutorials-module__9TYDmW__navigationChildren a:hover{color:#fff;background:#8c69ff17;border-color:#b9a5ff29}.tutorials-module__9TYDmW__navigationChildren a[aria-current=page]{color:#fff;background:#8c69ff26;border-color:#b9a5ff47;font-weight:600}.tutorials-module__9TYDmW__navigationChildren a[aria-current=page] svg{color:#b9a5ff;opacity:1}.tutorials-module__9TYDmW__navigationChildren a svg{opacity:.35;flex:none;width:.75rem;height:.75rem}.tutorials-module__9TYDmW__navigationArticleLabel{flex-wrap:wrap;align-items:center;gap:.35rem;min-width:0;display:flex}.tutorials-module__9TYDmW__formerName{color:#ffffff61;letter-spacing:0;font-size:.7rem;font-weight:450;line-height:inherit;white-space:nowrap;display:inline}.tutorials-module__9TYDmW__mobileNavigation{display:none}.tutorials-module__9TYDmW__contentColumn{min-width:0;padding:2rem clamp(1.25rem,5vw,5rem) 6rem}.tutorials-module__9TYDmW__article{--article-left-offset:max(0px, calc((100% - 56rem) / 3));width:min(60rem, calc(100% - var(--article-left-offset)));margin-right:0;margin-left:var(--article-left-offset)}.tutorials-module__9TYDmW__hub{width:min(100%,56rem);margin-left:max(0px,33.3333% - 18.6667rem);margin-right:0}.tutorials-module__9TYDmW__breadcrumbs{margin-bottom:2rem}.tutorials-module__9TYDmW__breadcrumbs ol{color:#fff6;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0;padding:0;font-size:.74rem;list-style:none;display:flex}.tutorials-module__9TYDmW__breadcrumbs li{align-items:center;gap:.35rem;display:flex}.tutorials-module__9TYDmW__breadcrumbs a:hover{color:#fff}.tutorials-module__9TYDmW__breadcrumbs svg{width:.75rem;height:.75rem}.tutorials-module__9TYDmW__hubHeader{margin-bottom:3.5rem}.tutorials-module__9TYDmW__hubHeader h1{color:#fff;font-family:var(--tutorial-display-font);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.4rem,5vw,4rem);font-weight:600;line-height:1.02}.tutorials-module__9TYDmW__hubHeader p{color:#ffffff80;max-width:38rem;margin:1.25rem 0 0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.7}.tutorials-module__9TYDmW__sectionBlock+.tutorials-module__9TYDmW__sectionBlock{margin-top:3.25rem}.tutorials-module__9TYDmW__advancedHeader{border-top:1px solid #ffffff14;margin:4.5rem 0 2rem;padding-top:3rem}.tutorials-module__9TYDmW__advancedHeader>h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.tutorials-module__9TYDmW__advancedHeader>p{color:#ffffff80;max-width:46rem;margin:.65rem 0 0;font-size:.95rem;line-height:1.7}.tutorials-module__9TYDmW__sectionBlock>h2{color:#fff;margin:0;font-size:1.35rem;font-weight:600}.tutorials-module__9TYDmW__sectionBlock>p{color:#fff6;margin:.55rem 0 1.35rem;line-height:1.6}.tutorials-module__9TYDmW__articleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.tutorials-module__9TYDmW__articleCard{background:#ffffff06;border:1px solid #ffffff17;border-radius:1rem;flex-direction:column;justify-content:space-between;min-height:10rem;padding:1.25rem;transition:transform .18s,border-color .18s,background .18s;display:flex}.tutorials-module__9TYDmW__articleCard:hover{background:#8c69ff0f;border-color:#b9a5ff4d;transform:translateY(-2px)}.tutorials-module__9TYDmW__articleCard h3{color:#fff;margin:0;font-size:1.05rem;font-weight:600}.tutorials-module__9TYDmW__articleCard h3 .tutorials-module__9TYDmW__formerName{vertical-align:.12em;margin-left:.5rem}.tutorials-module__9TYDmW__articleCard p{color:#ffffff75;margin:.65rem 0 1.5rem;font-size:.86rem;line-height:1.6}.tutorials-module__9TYDmW__articleCard span{color:#b9a5ff;font-size:.75rem;font-weight:650}.tutorials-module__9TYDmW__markdown{color:#ffffffa8;font-size:1rem;line-height:1.82}.tutorials-module__9TYDmW__markdown h1,.tutorials-module__9TYDmW__markdown h2,.tutorials-module__9TYDmW__markdown h3,.tutorials-module__9TYDmW__markdown h4{color:#fff;text-wrap:balance;scroll-margin-top:6rem}.tutorials-module__9TYDmW__markdown h1{max-width:52rem;font-family:var(--tutorial-display-font);letter-spacing:-.04em;margin:0 0 1.5rem;font-size:clamp(2.25rem,4.25vw,3rem);font-weight:600;line-height:1.06}.tutorials-module__9TYDmW__markdown h1+p{color:#ffffffb8;margin-top:0;font-size:clamp(1.0625rem,1.55vw,1.1875rem);line-height:1.72}.tutorials-module__9TYDmW__markdown h2{letter-spacing:-.025em;margin:4rem 0 1.1rem;font-size:1.5rem;font-weight:700;line-height:1.25}.tutorials-module__9TYDmW__markdown h3{color:#ffffffe6;letter-spacing:-.012em;margin:2.5rem 0 .75rem;font-size:1.125rem;font-weight:650;line-height:1.4}.tutorials-module__9TYDmW__markdown h4{color:#ffffffc7;letter-spacing:.025em;margin:2rem 0 .65rem;font-size:.875rem;font-weight:700;line-height:1.45}.tutorials-module__9TYDmW__markdown p,.tutorials-module__9TYDmW__markdown ul,.tutorials-module__9TYDmW__markdown ol,.tutorials-module__9TYDmW__markdown blockquote,.tutorials-module__9TYDmW__markdown table,.tutorials-module__9TYDmW__markdown pre{margin:1rem 0}.tutorials-module__9TYDmW__markdown>p,.tutorials-module__9TYDmW__markdown>ul,.tutorials-module__9TYDmW__markdown>ol,.tutorials-module__9TYDmW__markdown>blockquote,.tutorials-module__9TYDmW__markdown>pre{text-wrap:pretty;width:100%}.tutorials-module__9TYDmW__markdown ul,.tutorials-module__9TYDmW__markdown ol{padding-left:1.5rem}.tutorials-module__9TYDmW__markdown li+li{margin-top:.5rem}.tutorials-module__9TYDmW__markdown li::marker{color:#b9a5ffb8;font-weight:650}.tutorials-module__9TYDmW__markdown strong{color:#ffffffeb;font-weight:650}.tutorials-module__9TYDmW__markdown a{color:#b9a5ff;text-underline-offset:.2em;-webkit-text-decoration:underline #b9a5ff59;text-decoration:underline #b9a5ff59}.tutorials-module__9TYDmW__markdown blockquote{color:#ffffffc2;background:#8c69ff12;border-left:2px solid #8c69ff;border-radius:0 .7rem .7rem 0;padding:1rem 1.15rem;font-size:.9375rem;line-height:1.75}.tutorials-module__9TYDmW__markdown code{color:#dbcfff;font-family:var(--font-geist-mono), monospace;background:#ffffff0f;border:1px solid #ffffff17;border-radius:.35rem;padding:.15em .35em;font-size:.88em}.tutorials-module__9TYDmW__markdown pre{background:#00000052;border:1px solid #ffffff17;border-radius:.75rem;padding:1rem;overflow-x:auto}.tutorials-module__9TYDmW__markdown pre code{white-space:pre;overflow-wrap:normal;word-break:normal;background:0 0;border:0;padding:0}.tutorials-module__9TYDmW__markdown table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.tutorials-module__9TYDmW__markdown th code,.tutorials-module__9TYDmW__markdown td code{white-space:nowrap;overflow-wrap:normal;word-break:normal}.tutorials-module__9TYDmW__markdown th,.tutorials-module__9TYDmW__markdown td{text-align:left;border:1px solid #ffffff1a;padding:.65rem .8rem;font-size:.875rem;line-height:1.6}.tutorials-module__9TYDmW__markdown th{color:#fff;background:#ffffff0a;font-weight:650}.tutorials-module__9TYDmW__markdown figure{width:100%;margin:2rem 0 2.75rem}.tutorials-module__9TYDmW__markdown figure img{background:#ffffff06;border:1px solid #ffffff14;border-radius:1rem;width:100%;height:auto;display:block;box-shadow:0 1.25rem 3rem #0000002e}.tutorials-module__9TYDmW__markdown h1+p+figure img{aspect-ratio:8/3;object-fit:cover;object-position:center}.tutorials-module__9TYDmW__markdown figcaption{color:#ffffff61;text-align:center;margin-top:.7rem;font-size:.775rem;font-weight:500;line-height:1.55}.tutorials-module__9TYDmW__article:lang(zh-CN) .tutorials-module__9TYDmW__markdown{line-height:1.9}.tutorials-module__9TYDmW__article:lang(zh-CN) .tutorials-module__9TYDmW__markdown h1,.tutorials-module__9TYDmW__article:lang(zh-CN) .tutorials-module__9TYDmW__markdown h2,.tutorials-module__9TYDmW__article:lang(zh-CN) .tutorials-module__9TYDmW__markdown h3{letter-spacing:-.018em}.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figure{margin:1.5rem 0 3.25rem}.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figure img{background:radial-gradient(circle at 18% 0,#8c69ff24,#0000 42%),#0a0a0f;border-color:#b9a5ff2e;border-radius:1.15rem;box-shadow:0 1.5rem 4rem #00000042,inset 0 1px #ffffff0a}.tutorials-module__9TYDmW__markdown figure img.tutorials-module__9TYDmW__tutorialVisual,.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figure img.tutorials-module__9TYDmW__tutorialVisual{aspect-ratio:auto;box-shadow:none;object-fit:contain;object-position:center;background:0 0;border:0;border-radius:0}.tutorials-module__9TYDmW__markdown figure img.tutorials-module__9TYDmW__realUiScreenshot,.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figure img.tutorials-module__9TYDmW__realUiScreenshot{aspect-ratio:auto;object-fit:contain;object-position:center;height:auto}.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figcaption{color:#ffffff80;text-align:left;align-items:flex-start;gap:.65rem;max-width:44rem;margin-top:.85rem;font-size:.78rem;line-height:1.6;display:flex}.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figcaption:before{content:"";background:#9f86ff;flex:none;width:1.5rem;height:1px;margin-top:.65em}.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown h2+figure,.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown h3+figure{margin-top:1.25rem}@media (max-width:959px){.tutorials-module__9TYDmW__shell{padding-left:0;display:block}.tutorials-module__9TYDmW__desktopNavigation{display:none}.tutorials-module__9TYDmW__mobileNavigation{background:#ffffff06;border:1px solid #ffffff17;border-radius:.85rem;margin:1rem 1.25rem 0;display:block}.tutorials-module__9TYDmW__mobileNavigation>summary{color:#fff;cursor:pointer;align-items:center;gap:.65rem;min-height:3rem;padding:.75rem .9rem;font-size:.85rem;font-weight:600;list-style:none;display:flex}.tutorials-module__9TYDmW__mobileNavigation>summary::-webkit-details-marker{display:none}.tutorials-module__9TYDmW__mobileNavigation>summary svg{width:1rem;height:1rem}.tutorials-module__9TYDmW__mobileNavigation>summary svg:last-child{margin-left:auto;transition:transform .15s}.tutorials-module__9TYDmW__mobileNavigation[open]>summary svg:last-child{transform:rotate(90deg)}.tutorials-module__9TYDmW__mobileNavigation .tutorials-module__9TYDmW__navigationList{padding:0 .9rem .9rem}.tutorials-module__9TYDmW__contentColumn{padding-top:1.5rem}}@media (max-width:1023px){.tutorials-module__9TYDmW__page{padding-top:54px}}@media (min-width:960px) and (max-width:1023px){.tutorials-module__9TYDmW__desktopNavigation{height:calc(100vh - 54px);top:54px}}@media (max-width:639px){.tutorials-module__9TYDmW__contentColumn{padding-left:1.25rem;padding-right:1.25rem}.tutorials-module__9TYDmW__articleGrid{grid-template-columns:1fr}.tutorials-module__9TYDmW__markdown h1{margin-bottom:1.25rem;font-size:clamp(2rem,10vw,2.5rem);line-height:1.1}.tutorials-module__9TYDmW__markdown h1+p{font-size:1.0625rem;line-height:1.72}.tutorials-module__9TYDmW__markdown h2{margin-top:3.25rem;font-size:1.375rem}.tutorials-module__9TYDmW__markdown h3{margin-top:2.25rem;font-size:1.0625rem}.tutorials-module__9TYDmW__markdown figure{margin:1.5rem 0 2.25rem}.tutorials-module__9TYDmW__markdown figure img{border-radius:.75rem}.tutorials-module__9TYDmW__markdown figure img.tutorials-module__9TYDmW__tutorialVisual,.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figure img.tutorials-module__9TYDmW__tutorialVisual{box-shadow:none;background:0 0;border-radius:0}.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figure{margin-bottom:2.5rem}.tutorials-module__9TYDmW__createMusicArticle .tutorials-module__9TYDmW__markdown figure img{border-radius:.85rem}}@media (prefers-reduced-motion:reduce){.tutorials-module__9TYDmW__navigationGroup>summary,.tutorials-module__9TYDmW__navigationGroupChevron,.tutorials-module__9TYDmW__navigationChildren a,.tutorials-module__9TYDmW__articleCard,.tutorials-module__9TYDmW__mobileNavigation>summary svg:last-child{transition:none}}
/*# sourceMappingURL=2_ecmnw93vcvh.css.map*/