.tutorial-chapter-nav[data-v-d84ee555]{--chapter-accent:#1d70f4;--chapter-text:#263c5c;--chapter-muted:#607089;--chapter-divider:#e2e8f0;--chapter-guide:#dce2ea;background:#fff;color:var(--chapter-text);min-width:0}.tutorial-chapter-header[data-v-d84ee555]{background:#fff;border-bottom:1px solid var(--chapter-divider);padding:13px 15px 10px;position:sticky;top:0;z-index:2}.tutorial-chapter-header h2[data-v-d84ee555]{color:var(--chapter-text);font-size:15px;font-weight:700;line-height:22px}.tutorial-chapter-body[data-v-d84ee555]{padding:7px 7px 14px}.tutorial-chapter-list[data-v-d84ee555]{list-style:none;margin:0;padding:0}.tutorial-chapter-link[data-v-d84ee555]{border-radius:2px;box-sizing:border-box;color:var(--chapter-muted);display:block;font-size:13px;font-weight:500;line-height:20px;min-height:34px;min-width:0;overflow-wrap:anywhere;padding:7px 10px 7px 12px;position:relative;transition:color .16s ease,background-color .16s ease;white-space:normal;width:100%;word-break:break-word}.tutorial-chapter-link[data-v-d84ee555]:hover{background-color:#f5f8fc;color:#155cc7}.tutorial-chapter-link.is-current[data-v-d84ee555]{background-color:#eef5ff;color:#155cc7;font-weight:600}.tutorial-chapter-link.is-current[data-v-d84ee555]:before{background:var(--chapter-accent);bottom:6px;content:"";left:0;position:absolute;top:6px;width:2px}.tutorial-chapter-link.is-root[data-v-d84ee555]{margin-top:4px}.tutorial-chapter-link.is-child[data-v-d84ee555]{background-image:linear-gradient(var(--chapter-guide),var(--chapter-guide));background-position:0 0;background-repeat:no-repeat;background-size:1px 100%;width:auto}.tutorial-chapter-empty[data-v-d84ee555]{border-top:1px solid #edf1f6;color:#98a4b4;font-size:12px;margin:3px 0 0;padding:14px 10px;text-align:center}@media (prefers-reduced-motion:reduce){.tutorial-chapter-link[data-v-d84ee555]{transition:none}}.tutorial-page[data-v-7e2ed782]{--tutorial-accent:#1d70f4;--tutorial-accent-dark:#155cc7;--tutorial-text:#172b4d;--tutorial-muted:#6b7a90;--tutorial-subtle:#98a4b4;--tutorial-divider:#dce4ef;--tutorial-soft:#f3f7fc;background:#f5f8fc;color:var(--tutorial-text);flex:1 0 auto;min-height:680px;min-width:0}.tutorial-heading[data-v-7e2ed782]{background:#f8fbff;border-bottom:1px solid #dce7f5}.tutorial-heading-inner[data-v-7e2ed782]{margin:0 auto;max-width:1180px;padding:17px 0 16px;text-align:center;width:calc(100% - 40px)}.tutorial-heading-inner h1[data-v-7e2ed782]{color:var(--tutorial-text);font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:28px;font-weight:700;line-height:36px;margin:0;overflow-wrap:anywhere}.tutorial-heading-inner p[data-v-7e2ed782]{color:#718198;font-size:13px;line-height:20px;margin-top:4px}.tutorial-mobile-bar[data-v-7e2ed782]{display:none}.tutorial-frame[data-v-7e2ed782]{display:grid;gap:16px;grid-template-columns:224px minmax(0,1fr);margin:0 auto;max-width:1180px;min-height:calc(100vh - 162px);padding:22px 0 54px;width:calc(100% - 40px)}.tutorial-sidebar[data-v-7e2ed782]{align-self:start;background:#fff;border:1px solid var(--tutorial-divider);border-radius:2px;box-shadow:0 8px 24px #172b4d0a;max-height:calc(100vh - var(--site-header-offset) - 36px);min-width:0;overflow-x:hidden;overflow-y:auto;position:sticky;top:calc(var(--site-header-offset) + 18px)}.tutorial-sidebar[data-v-7e2ed782] .tutorial-chapter-nav{background:transparent}.tutorial-content-column[data-v-7e2ed782]{background:#fff;border:1px solid var(--tutorial-divider);border-radius:2px;box-shadow:0 10px 28px #172b4d0a;min-height:560px;min-width:0;position:relative}.tutorial-loading[data-v-7e2ed782]{align-items:center;background:#ffffffeb;border:1px solid #dfe5ec;border-radius:4px;box-shadow:0 3px 10px #172b4d12;color:var(--tutorial-muted);display:inline-flex;font-size:12px;gap:7px;padding:5px 9px;position:absolute;right:12px;top:10px;z-index:2}.tutorial-loading .el-icon[data-v-7e2ed782]{color:var(--tutorial-accent)}.tutorial-article[data-v-7e2ed782]{min-height:520px;padding:34px 38px 56px;width:100%}.tutorial-article-header[data-v-7e2ed782]{border-bottom:1px solid #e5ebf3;margin-bottom:28px;padding-bottom:20px}.tutorial-article-header h2[data-v-7e2ed782]{color:#263c5c;font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:30px;font-weight:700;line-height:1.4;margin:0;overflow-wrap:anywhere}.tutorial-rich-content[data-v-7e2ed782]{color:#344054;font-size:16px;line-height:1.8;min-width:0;overflow-wrap:anywhere}.tutorial-rich-content[data-v-7e2ed782] p{line-height:1.8;margin:0 0 18px}.tutorial-rich-content[data-v-7e2ed782] h1,.tutorial-rich-content[data-v-7e2ed782] h2,.tutorial-rich-content[data-v-7e2ed782] h3,.tutorial-rich-content[data-v-7e2ed782] h4,.tutorial-rich-content[data-v-7e2ed782] h5,.tutorial-rich-content[data-v-7e2ed782] h6{color:#263c5c;font-weight:600;line-height:1.5;margin:30px 0 14px;overflow-wrap:anywhere;scroll-margin-top:20px}.tutorial-rich-content[data-v-7e2ed782] h1{font-size:26px}.tutorial-rich-content[data-v-7e2ed782] h2{font-size:23px}.tutorial-rich-content[data-v-7e2ed782] h3{font-size:20px}.tutorial-rich-content[data-v-7e2ed782] h4{font-size:18px}.tutorial-rich-content[data-v-7e2ed782] h5,.tutorial-rich-content[data-v-7e2ed782] h6{font-size:16px}.tutorial-rich-content[data-v-7e2ed782] a{color:#1769d2;font-weight:500;text-decoration:underline;text-decoration-color:#1769d252;text-underline-offset:3px;transition:color .16s ease}.tutorial-rich-content[data-v-7e2ed782] a:hover{color:var(--tutorial-accent)}.tutorial-rich-content[data-v-7e2ed782] b,.tutorial-rich-content[data-v-7e2ed782] strong{color:#263c5c;font-weight:600}.tutorial-rich-content[data-v-7e2ed782] ol,.tutorial-rich-content[data-v-7e2ed782] ul{margin:0 0 18px;padding-left:26px}.tutorial-rich-content[data-v-7e2ed782] ul{list-style:disc}.tutorial-rich-content[data-v-7e2ed782] ol{list-style:decimal}.tutorial-rich-content[data-v-7e2ed782] li{line-height:1.8;margin:6px 0}.tutorial-rich-content[data-v-7e2ed782] blockquote{background:#f3f7fc;border-left:4px solid #b8cff1;border-radius:0 3px 3px 0;color:#53647c;margin:20px 0;padding:14px 18px}.tutorial-rich-content[data-v-7e2ed782] blockquote p{margin:0}.tutorial-rich-content[data-v-7e2ed782] img{border:1px solid #e1e7ef;border-radius:3px;box-shadow:0 6px 18px #172b4d0d;display:block!important;height:auto;margin:22px auto;max-width:100%}.tutorial-rich-content[data-v-7e2ed782] pre{background:#273142;border:1px solid #d7e0eb;border-radius:3px;color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.7;margin:20px 0;max-width:100%;overflow-x:auto;padding:16px 18px}.tutorial-rich-content[data-v-7e2ed782] code{background:#eef3f9;border-radius:3px;color:#305f9f;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.875em;padding:2px 5px}.tutorial-rich-content[data-v-7e2ed782] pre code{background:transparent;color:inherit;font-size:inherit;padding:0}.tutorial-rich-content[data-v-7e2ed782] table{border-collapse:collapse;border-spacing:0;display:block;margin:20px 0;max-width:100%;overflow-x:auto;width:-moz-max-content;width:max-content}.tutorial-rich-content[data-v-7e2ed782] td,.tutorial-rich-content[data-v-7e2ed782] th{border:1px solid var(--tutorial-divider);font-size:14px;line-height:22px;min-width:110px;padding:8px 14px;text-align:left}.tutorial-rich-content[data-v-7e2ed782] th{background:#f2f6fb;color:#344c6d;font-weight:600}.tutorial-rich-content[data-v-7e2ed782] hr{border:0;border-top:1px solid var(--tutorial-divider);margin:24px 0}.tutorial-article-empty[data-v-7e2ed782]{align-items:center;color:var(--tutorial-subtle);display:flex;font-size:14px;justify-content:center;min-height:320px}.tutorial-outline[data-v-7e2ed782]{display:none;min-width:0;padding-top:4px}.tutorial-outline nav[data-v-7e2ed782]{border-left:1px solid var(--tutorial-divider);padding-left:14px;position:sticky;top:calc(var(--site-header-offset) + 18px)}.tutorial-outline-title[data-v-7e2ed782]{color:#344c6d;display:block;font-size:13px;font-weight:600;line-height:24px;margin-bottom:8px}.tutorial-outline-link[data-v-7e2ed782]{color:#75859b;display:block;font-size:12px;font-weight:500;line-height:20px;overflow-wrap:anywhere;padding:4px 0;position:relative;transition:color .16s ease}.tutorial-outline-link.is-active[data-v-7e2ed782],.tutorial-outline-link[data-v-7e2ed782]:hover{color:var(--tutorial-accent)}.tutorial-outline-link.is-active[data-v-7e2ed782]:before{background:var(--tutorial-accent);border-radius:2px;bottom:5px;content:"";left:-15px;position:absolute;top:5px;width:2px}.tutorial-outline-link.is-level-3[data-v-7e2ed782]{color:var(--tutorial-subtle);padding-left:10px}.tutorial-outline-link.is-level-3.is-active[data-v-7e2ed782],.tutorial-outline-link.is-level-3[data-v-7e2ed782]:hover{color:var(--tutorial-accent)}.tutorial-drawer-header[data-v-7e2ed782]{align-items:center;background:#fbfcfe;border-bottom:1px solid var(--tutorial-divider);display:flex;height:56px;justify-content:space-between;padding:0 18px 0 22px}.tutorial-drawer-header strong[data-v-7e2ed782]{color:var(--tutorial-text);font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-drawer-header button[data-v-7e2ed782]{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--tutorial-muted);cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.tutorial-drawer-header button[data-v-7e2ed782]:hover{background:#edf3fa;color:var(--tutorial-text)}.tutorial-drawer-header button span[data-v-7e2ed782]{font-size:24px;font-weight:300;line-height:1}.tutorial-drawer-nav[data-v-7e2ed782]{background:#fff;height:calc(100vh - 56px);overflow-x:hidden;overflow-y:auto}.tutorial-mobile-drawer{--tutorial-accent:#1d70f4;--tutorial-text:#172b4d;--tutorial-muted:#6b7a90;--tutorial-divider:#dce4ef;--tutorial-soft:#f3f7fc;background:#fff;max-width:calc(100vw - 48px)}.tutorial-mobile-drawer .el-drawer__body{overflow:hidden;padding:0}@media (min-width:1200px){.tutorial-frame[data-v-7e2ed782]{grid-template-columns:232px minmax(0,1fr) 176px}.tutorial-outline[data-v-7e2ed782]{display:block}}@media (max-width:959px){.tutorial-heading-inner[data-v-7e2ed782]{padding-bottom:13px;padding-top:14px;width:calc(100% - 24px)}.tutorial-heading-inner h1[data-v-7e2ed782]{font-size:25px;line-height:32px}.tutorial-mobile-bar[data-v-7e2ed782]{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-bottom:1px solid var(--tutorial-divider);display:flex;gap:14px;height:48px;padding:0 12px;position:sticky;top:var(--site-header-offset);z-index:20}.tutorial-mobile-trigger[data-v-7e2ed782]{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--tutorial-text);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:7px;padding:5px 8px}.tutorial-mobile-trigger[data-v-7e2ed782]:hover{background:var(--tutorial-soft)}.tutorial-mobile-trigger i[data-v-7e2ed782]{color:var(--tutorial-muted);font-size:17px}.tutorial-mobile-title[data-v-7e2ed782]{color:var(--tutorial-muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-frame[data-v-7e2ed782]{display:block;min-height:calc(100vh - 196px);padding:14px 0 36px;width:calc(100% - 24px)}.tutorial-outline[data-v-7e2ed782],.tutorial-sidebar[data-v-7e2ed782]{display:none}.tutorial-content-column[data-v-7e2ed782]{min-height:500px}.tutorial-article[data-v-7e2ed782]{padding:28px 28px 44px}}@media (max-width:639px){.tutorial-heading-inner[data-v-7e2ed782]{width:calc(100% - 20px)}.tutorial-heading-inner h1[data-v-7e2ed782]{font-size:23px;line-height:30px}.tutorial-heading-inner p[data-v-7e2ed782]{font-size:12px}.tutorial-mobile-bar[data-v-7e2ed782]{padding:0 8px}.tutorial-frame[data-v-7e2ed782]{width:calc(100% - 20px)}.tutorial-loading[data-v-7e2ed782]{right:10px;top:8px}.tutorial-article[data-v-7e2ed782]{min-height:420px;padding:24px 16px 36px}.tutorial-article-header[data-v-7e2ed782]{margin-bottom:26px}.tutorial-article-header h2[data-v-7e2ed782]{font-size:26px;line-height:1.35}.tutorial-rich-content[data-v-7e2ed782]{font-size:15px;line-height:26px}.tutorial-rich-content[data-v-7e2ed782] p{line-height:26px}.tutorial-rich-content[data-v-7e2ed782] h2{font-size:21px}.tutorial-rich-content[data-v-7e2ed782] h3{font-size:19px;line-height:27px}.tutorial-rich-content[data-v-7e2ed782] pre{font-size:13px;margin-left:-4px;margin-right:-4px;padding:16px}}@media (prefers-reduced-motion:reduce){.tutorial-outline-link[data-v-7e2ed782],.tutorial-rich-content[data-v-7e2ed782] a{transition:none}}