page{height:100%;overflow:hidden;background:#f8f9ff;color:#20243a}.tutorial-page{height:100vh;overflow:hidden;background:#fff}.top-safe{height:calc(env(safe-area-inset-top) + 9px)}.nav-bar{display:flex;height:42px;padding:0 14px;border-bottom:0.5px solid #dedcf0;flex-direction:column;justify-content:center}.nav-title{color:#5031e8;font-size:17px;font-weight:800}.nav-subtitle{margin-top:1.5px;color:#777b95;font-size:11px}.two-column{display:flex;height:calc(100vh - 93px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.category-column{width:156px;height:100%;border-right:0.5px solid #dedcf0;background:#f0f1ff;flex:none}.category-group{border-bottom:0.5px solid #ddddef}.category-item{display:flex;align-items:center;min-height:45px;padding:6px 7px;color:#303b69}.category-item.active{background:#fff;color:#4e2ee5;box-shadow:0 2px 6px rgba(67,42,177,.09)}.category-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5.5px;background:linear-gradient(135deg,#315cf2,#853ef3);color:#fff;font-size:11.5px;flex:none}.category-name{flex:1;margin-left:5.5px;font-size:12.5px;font-weight:800;line-height:1.4}.category-arrow{font-size:14.5px}.sub-menu{padding:3.5px 5.5px 7.5px 18px;background:#f5f5ff}.sub-item{display:flex;padding:6px 2px;color:#48557f;font-size:11px;font-weight:600;line-height:1.45}.sub-active{color:#4129d8;background:#e8e8ff}.dot{margin-right:3.5px;color:#6744ee}.left-space{height:60px}.article-column{flex:1;padding:12px 11px;background:linear-gradient(145deg,#fff,#f5f9ff)}.breadcrumb{overflow:hidden;color:#777b91;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.coming-card{display:flex;align-items:center;margin-top:23px;padding:22.5px 10px;border:0.5px solid #e7e4f4;border-radius:11.5px;flex-direction:column;background:#fff;box-shadow:0 4px 11px rgba(57,36,139,.08)}.coming-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#5f36f4,#9952ff);font-size:19.5px}.coming-title{margin-top:12.5px;font-size:17px;font-weight:800;text-align:center}.coming-description{margin-top:7.5px;color:#555c78;font-size:12.5px;line-height:1.65;text-align:center}.coming-note{margin-top:6px;color:#7f8398;font-size:11px}.tabbar{position:fixed;right:0;bottom:0;left:0;display:flex;height:calc(44px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:0.5px solid #e7e6ed;background:#fff}.tab-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;color:#969696}.tab-active{color:#4c21e5}.tab-active::after{content:'';position:absolute;right:33%;bottom:0;left:33%;height:2px;border-radius:2px;background:#4b20ee}.tab-icon-image{display:block;width:21px;height:19px;border-radius:3.5px;flex:none}.tab-label{margin-top:3px;font-size:11px;font-weight:700}
page{height:100%;overflow:hidden;background:#f8f9ff;color:#20243a}.tutorial-page{height:100vh;overflow:hidden;background:#fff}.top-safe{height:calc(env(safe-area-inset-top) + 9px)}.nav-bar{display:flex;height:42px;padding:0 14px;border-bottom:0.5px solid #dedcf0;flex-direction:column;justify-content:center}.nav-title{color:#5031e8;font-size:17px;font-weight:800}.nav-subtitle{margin-top:1.5px;color:#777b95;font-size:11px}.two-column{display:flex;height:calc(100vh - 93px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.category-column{width:156px;height:100%;border-right:0.5px solid #dedcf0;background:#f0f1ff;flex:none;transition:width .22s ease,opacity .16s ease}.category-group{border-bottom:0.5px solid #ddddef}.category-item{display:flex;align-items:center;min-height:45px;padding:6px 7px;color:#303b69}.category-item.active{background:#fff;color:#4e2ee5;box-shadow:0 2px 6px rgba(67,42,177,.09)}.category-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5.5px;background:linear-gradient(135deg,#315cf2,#853ef3);color:#fff;font-size:11.5px;flex:none}.category-name{flex:1;margin-left:5.5px;font-size:12.5px;font-weight:800;line-height:1.4}.category-arrow{font-size:14.5px}.sub-menu{padding:3.5px 5.5px 7.5px 18px;background:#f5f5ff}.sub-item{display:flex;padding:6px 2px;color:#48557f;font-size:11px;font-weight:600;line-height:1.45}.sub-active{color:#4129d8;background:#e8e8ff}.dot{margin-right:3.5px;color:#6744ee}.left-space{height:60px}.article-column{min-width:0;flex:1;padding:12px 11px;background:linear-gradient(145deg,#fff,#f5f9ff)}.article-toolbar{display:flex;align-items:center;min-width:0}.catalog-toggle{flex:none;margin-right:7px;padding:4.5px 7.5px;border:0.5px solid #d8d3f5;border-radius:9px;color:#4e2ee5;font-size:9.5px;font-weight:800;background:#f0edff}.catalog-toggle-pressed{opacity:.72}.breadcrumb{flex:1;min-width:0;overflow:hidden;color:#777b91;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.sidebar-collapsed .category-column{width:0;border-right:0;opacity:0;pointer-events:none}.coming-card{display:flex;align-items:center;margin-top:23px;padding:22.5px 10px;border:0.5px solid #e7e4f4;border-radius:11.5px;flex-direction:column;background:#fff;box-shadow:0 4px 11px rgba(57,36,139,.08)}.coming-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#5f36f4,#9952ff);font-size:19.5px}.coming-title{margin-top:12.5px;font-size:17px;font-weight:800;text-align:center}.coming-description{margin-top:7.5px;color:#555c78;font-size:12.5px;line-height:1.65;text-align:center}.coming-note{margin-top:6px;color:#7f8398;font-size:11px}.tabbar{position:fixed;right:0;bottom:0;left:0;display:flex;height:calc(44px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:0.5px solid #e7e6ed;background:#fff}.tab-item{position:relative;display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;color:#969696}.tab-active{color:#4c21e5}.tab-active::after{content:'';position:absolute;right:33%;bottom:0;left:33%;height:2px;border-radius:2px;background:#4b20ee}.tab-icon-image{display:block;width:21px;height:19px;border-radius:3.5px;flex:none}.tab-label{margin-top:3px;font-size:11px;font-weight:700}
.article-card{margin-top:12px;margin-bottom:14px;padding:14px;border:0.5px solid #e7e4f4;border-radius:11.5px;background:#fff;box-shadow:0 4px 11px rgba(57,36,139,.08)}.article-title{display:block;color:#272044;font-size:17px;font-weight:800;line-height:1.45}.article-content{display:block;margin-top:11px;color:#303448;font-size:14px;line-height:1.85}.article-column{box-sizing:border-box;height:100%}
.next-step-section{margin-top:19px}.next-step-heading{display:flex;align-items:center;margin-bottom:9px;color:#26204e;font-size:16px;font-weight:900}.next-step-heading-line{width:3.5px;height:21px;margin-right:7px;border-radius:3px;background:linear-gradient(180deg,#3975f6,#6a3ef3)}.next-step-card{margin-top:7px;padding:9px;border:0.5px solid #dfe2fb;border-radius:10px;background:linear-gradient(135deg,#f4f7ff,#eef2ff)}.next-step-card-head{display:flex;align-items:center}.next-step-icon{display:flex;align-items:center;justify-content:center;width:31px;height:31px;margin-right:7.5px;border-radius:50%;color:#fff;font-size:12.5px;font-weight:900;flex:none}.self-service-icon{background:linear-gradient(135deg,#3278f5,#4d52eb)}.assistance-icon{letter-spacing:-1.5px;background:linear-gradient(135deg,#6844ef,#993ce6)}.official-icon{background:linear-gradient(135deg,#3a77f4,#514eea)}.next-step-copy{display:flex;min-width:0;flex:1;flex-direction:column}.next-step-title{color:#25214b;font-size:13.5px;font-weight:900;line-height:1.35}.next-step-description{margin-top:1px;color:#727993;font-size:10.5px;line-height:1.45}.invite-code-row{display:flex;align-items:center;min-height:31px;margin-top:7.5px;padding:0 4.5px 0 8.5px;border:0.5px solid #dfe0f7;border-radius:7.5px;background:#fff}.invite-code-label{color:#5b607a;font-size:10.5px}.invite-code-value{min-width:0;margin-left:2.5px;color:#28234c;font-size:11.5px;font-weight:900;word-break:break-all;flex:1}.copy-code-button{height:23px;margin:0 0 0 5px;padding:0 9px;border:1px solid #4d65ef;border-radius:6px;color:#3e58e9;font-size:9.5px;font-weight:800;line-height:22px;background:#fff;flex:none}.copy-code-button::after,.next-step-primary::after,.official-resource-button::after{border:0}.next-step-primary{width:100%;height:31px;margin:7.5px 0 0;border:0;border-radius:7.5px;color:#fff;font-size:12.5px;font-weight:900;line-height:31px;box-shadow:0 3.5px 8px rgba(76,58,216,.18)}.self-service-button{background:linear-gradient(100deg,#3477f5,#8a37e7)}.assistance-card{background:linear-gradient(135deg,#f8f5ff,#f2efff)}.assistance-button{background:linear-gradient(100deg,#6548ed,#a334e3)}.official-resources-card{background:linear-gradient(135deg,#f7f8ff,#f3f5ff)}.official-resource-row{display:flex;margin-top:7.5px;gap:6px}.official-resource-button{min-width:0;height:29px;margin:0;padding:0 4px;border:1px solid #6671ef;border-radius:7px;color:#3d57e7;font-size:10px;font-weight:850;line-height:28px;background:#fff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.next-step-button-pressed,.official-resource-pressed{opacity:.72;transform:translateY(1px)}
.article-actions{display:flex;align-items:center;margin-top:14px;padding:12px 0 2px;border-top:0.5px solid #e5e2f4}.article-action-button{min-width:0;height:34px;margin:0;padding:0 2.5px;border:0;border-radius:9px;color:#fff;font-size:11px;font-weight:800;line-height:34px;white-space:nowrap;box-shadow:0 3.5px 8px rgba(75,49,202,.2);flex:1}.article-action-button+.article-action-button{margin-left:6px}.article-action-button::before,.article-action-button::after{border:0}.article-action-directory{background:linear-gradient(135deg,#3674f5,#514fef)}.article-action-contact{background:linear-gradient(135deg,#5d55ef,#7945ef)}.article-action-share{background:linear-gradient(135deg,#7d48ef,#a13de4)}.article-action-pressed{opacity:.78;transform:translateY(1px);box-shadow:0 1.5px 4.5px rgba(75,49,202,.16)}
.nav-bar{box-sizing:border-box;align-items:center;justify-content:space-between;flex-direction:row}.nav-head-copy{display:flex;min-width:0;justify-content:center;flex-direction:column}.nav-update-badge{display:flex;align-items:center;justify-content:center;width:64px;height:34px;margin-left:9px;border-radius:18px;color:#3150e8;font-size:9px;font-weight:800;line-height:1.45;flex:none;flex-direction:column;background:linear-gradient(135deg,rgba(225,230,255,.96),rgba(238,228,255,.95));box-shadow:inset 0 0 8px rgba(255,255,255,.9)}
.tutorial-state{display:flex;align-items:center;justify-content:center;min-height:190px;padding:25px 18px;flex-direction:column;text-align:center}
.tutorial-state-title{color:#272044;font-size:15px;font-weight:800;line-height:1.5}
.tutorial-state-description{margin-top:9px;color:#777b95;font-size:12.5px;line-height:1.7}
.tutorial-retry{margin:14px 0 0;padding:0 18px;border-radius:14px;color:#fff;font-size:13px;background:#514fef}
.tutorial-retry::after{border:0}
.tutorial-notice{margin-top:10px;padding:8px;border-radius:7px;color:#626789;font-size:12px;line-height:1.6;background:#f0edff}
.tutorial-refresh{margin:0 0 0 6px}
.article-links{margin-top:14px;padding:10px;border:0.5px solid #dcd8f5;border-radius:9px;background:#f8f7ff}.article-links-title{display:block;margin-bottom:6px;color:#28234c;font-size:12px;font-weight:900}.article-link-button{display:flex;align-items:center;width:100%;min-height:35px;margin:5px 0 0;padding:6px 10px;border:0.5px solid #d9d4fa;border-radius:8px;background:#fff;color:#315cf2;font-size:11.5px;font-weight:800;line-height:1.45;text-align:left}.article-link-button::after{border:0}.article-link-button text:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.article-link-arrow{margin-left:6px;font-size:17px;line-height:1;flex:none}.article-link-button-pressed{opacity:.72;background:#eeebff}
.article-copy-tools{display:flex;align-items:center;justify-content:space-between;margin-top:7px;padding:5px 6px 5px 8px;border-radius:7px;color:#777b95;font-size:10px;background:#f7f6ff}.article-copy-actions{display:flex;align-items:center;flex:none;gap:4px}.article-copy-tools button{height:26px;margin:0;padding:0 8px;border:0.5px solid #d8d3f5;border-radius:7px;background:#fff;color:#4e2ee5;font-size:9.5px;font-weight:800;line-height:26px}.article-copy-tools button::after{border:0}.article-copy-button-pressed{opacity:.7;background:#ece9ff!important}.article-selectable-content{display:block;margin-top:11px;color:#303448;font-size:14px;line-height:1.85;white-space:pre-wrap;word-break:break-word}
.web3-menu{padding:5px 5px 8px 11px;background:#f7f7ff}.web3-category{position:relative;margin-top:4.5px}.web3-category-item{display:flex;align-items:center;min-height:33px;padding:3.5px 5px;border-radius:7px;color:#4c5269;background:#eef0f6}.web3-category-active{color:#3f2ad0;background:#e9e8ff}.web3-category-line{width:3px;height:19px;margin-right:6px;border-radius:2px;background:#cbd0db}.web3-category-active .web3-category-line{background:#7255ee}.web3-category-name{min-width:0;font-size:11px;font-weight:800;line-height:1.35;flex:1}.web3-category-arrow{margin-left:3.5px;font-size:13.5px;font-weight:800}.web3-article-list{margin:0 2.5px 2.5px 8px;padding:2px 0 2.5px 5px;border-left:1px dashed #d3d5e1}.web3-article{padding:5px 2px;font-size:10px;font-weight:600;line-height:1.5}
.sub-menu[hidden]{display:none!important}
.tutorial-qr-mask{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(12,18,55,.64)}.tutorial-qr-modal{box-sizing:border-box;width:100%;max-height:88vh;padding:15px 15px 13px;overflow-y:auto;border-radius:16px;background:#fff;box-shadow:0 11px 35px rgba(11,16,70,.34)}.tutorial-qr-head{display:flex;align-items:center;padding-bottom:10px;border-bottom:0.5px solid #ececf3}.tutorial-qr-title{flex:1;color:#111933;font-size:17px;font-weight:900}.tutorial-qr-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:6px;color:#9699a9;font-size:23px;line-height:1}.tutorial-qr-image{display:block;width:100%;margin:10px auto 0;border-radius:9px}.tutorial-qr-hint{display:block;margin-top:4px;color:#989baa;font-size:11.5px;line-height:1.5;text-align:center}
.tutorial-page .category-column[hidden],.tutorial-page.sidebar-collapsed .category-column{display:none!important}
.tutorial-page.sidebar-collapsed .article-column{width:100%;min-width:0;flex:1}
.tutorial-page .catalog-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:82px;padding:8px 12px;font-family:inherit;font-size:13px;cursor:pointer;touch-action:manipulation}
.tutorial-page .article-toolbar{gap:6px}
/* 网页长文章使用页面滚动，避免小程序固定视口裁掉正文。 */
body[data-route="/tutorials"] .tutorial-page{height:auto!important;min-height:100vh;overflow:visible!important;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
body[data-route="/tutorials"] .two-column{height:auto!important;min-height:calc(100vh - 130px);align-items:flex-start;overflow:visible!important}
body[data-route="/tutorials"] .category-column{height:auto!important;max-height:none;overflow:visible;align-self:stretch}
body[data-route="/tutorials"] .article-column{height:auto!important;max-height:none;min-width:0;overflow:visible!important;touch-action:pan-y}
body[data-route="/tutorials"] .article-panel{height:auto!important;max-height:none;overflow:visible!important}
.article-conversion{margin-top:32px;color:#111936;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.article-conversion h2{margin:32px 0 18px;padding-left:17px;border-left:5px solid #276bff;font-size:clamp(23px,3.6vw,34px);line-height:1.4;font-weight:900;color:#09152f}
.article-entry-intro,.article-entry-note{color:#596585;font-size:15px;line-height:1.7}
.article-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.article-entry-card,.article-community-card{min-width:0;padding:26px 22px;border:1px solid #cfc0ff;border-radius:16px;background:linear-gradient(125deg,#faf8ff,#f3f2fc)}
.article-entry-card{display:flex;flex-direction:column;justify-content:center}.article-entry-card h3,.article-community-card h3{margin:0 0 14px;color:#09152f;font-size:23px;font-weight:900;line-height:1.45}
.article-entry-card p,.article-community-card p{margin:5px 0 20px;color:#566282;font-size:15px;line-height:1.7}
.article-entry-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin:12px 0;padding:10px 14px;border:0;border-radius:13px;color:#fff;background:linear-gradient(105deg,#176dff,#9850ff);font-family:inherit;font-size:19px;font-weight:800;cursor:pointer;touch-action:manipulation}
.article-entry-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding:12px;border-radius:12px;background:#ecebfb;font-size:15px;overflow-wrap:anywhere}.article-entry-code>span{min-width:0}.article-entry-code button{flex:none;min-height:40px;padding:6px 14px;border:1px solid #2468ff;border-radius:10px;color:#1765f5;background:#fff;font:inherit;cursor:pointer}
.article-entry-qr{text-align:center}.article-registration-qr{display:grid;place-items:center;width:min(100%,230px);aspect-ratio:1;margin:6px auto 18px;padding:10px;border-radius:16px;background:#eeecfb;box-sizing:border-box;color:#657091}.article-registration-qr img{display:block;width:100%;height:auto;max-width:100%;border-radius:7px}
.article-entry-note{margin-top:18px}.article-community-card{text-align:center}.article-community-card .article-entry-primary{width:75%;margin:20px auto 10px}.article-community-card .article-community-note{margin-bottom:0}.article-end-buttons{grid-template-columns:1fr 1fr!important}.article-end-buttons .secondary{border-color:#246bff;color:#1767ff;background:#fff;min-height:46px;text-align:center}.article-extra-resources{margin-top:18px;color:#4260a5}.article-extra-resources summary{cursor:pointer;padding:10px 0}.article-extra-resources .resource-row{margin-top:10px}
@media(max-width:560px){.article-entry-grid{grid-template-columns:1fr;gap:12px}.article-entry-card,.article-community-card{padding:20px 16px}.article-entry-card h3,.article-community-card h3{font-size:21px}.article-community-card .article-entry-primary{width:100%}.article-conversion h2{font-size:24px}.article-end-buttons{gap:10px}.article-end-buttons .secondary{padding:8px;font-size:15px}}
.article-community-qr{position:relative;overflow:hidden;width:min(100%,220px);aspect-ratio:1;margin:18px auto 12px;background:#fff;cursor:zoom-in}
.article-community-qr img{position:absolute;display:block;max-width:none!important;width:151.852%!important;height:auto!important;left:-25.926%;top:-70.741%;margin:0!important;border-radius:0!important}