.tutorialShell{color:#121a2f;background:#f7f8fc;min-height:100vh}.tutorialNav{background:#fff;border-bottom:1px solid #e2e6ef;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,50% - 520px);display:flex}.tutorialNav a{color:#354159;text-decoration:none}.tutorialNav>a{font-size:20px;font-weight:800}.tutorialNav div{gap:24px;display:flex}.tutorialContainer{width:min(900px,100% - 32px);margin:0 auto;padding:46px 0 80px}.tutorialHeader{text-align:center;margin-bottom:28px}.tutorialHeader small,.tutorialArticle header small{color:#335eea;letter-spacing:.14em;font-weight:800}.tutorialHeader h1{margin:10px 0;font-size:clamp(34px,6vw,50px)}.tutorialHeader p{color:#69758b}.tutorialList{background:#fff;border:1px solid #dce2ec}.tutorialList>a{color:#11182a;border-bottom:1px solid #dce2ec;grid-template-columns:22px 1fr auto 16px;align-items:center;gap:12px;min-height:66px;padding:0 18px;text-decoration:none;transition:background .18s;display:grid}.tutorialList>a:last-child{border-bottom:0}.tutorialList>a:hover{background:#f3f6ff}.tutorialBook{color:#295be7;font-size:18px;transform:rotate(-8deg)}.tutorialList strong{font-size:17px}.tutorialOpen{color:#738096;font-size:13px}.tutorialArrow{color:#506079;font-size:25px}.tutorialHome{color:#fff;background:#285ee9;border-radius:999px;width:max-content;margin:46px auto 0;padding:13px 28px;font-weight:800;text-decoration:none;display:block}.tutorialArticle{width:min(850px,100% - 32px);margin:0 auto;padding:38px 0 80px}.tutorialBreadcrumb{color:#77839a;white-space:nowrap;align-items:center;gap:8px;margin-bottom:24px;font-size:14px;display:flex;overflow:hidden}.tutorialBreadcrumb a{color:#51617b;text-decoration:none}.tutorialBreadcrumb strong{text-overflow:ellipsis;overflow:hidden}.tutorialArticle>header{color:#fff;background:linear-gradient(135deg,#17255b,#4d39d8);border-radius:22px;padding:38px 42px}.tutorialArticle>header h1{margin:10px 0 14px;font-size:clamp(28px,5vw,43px);line-height:1.25}.tutorialArticle>header p{color:#dce2ff;line-height:1.8}.tutorialContent{margin-top:26px}.tutorialContent section{background:#fff;border:1px solid #e0e5ee;border-radius:16px;margin-bottom:16px;padding:26px 30px}.tutorialContent h2{margin:0 0 14px;font-size:22px}.tutorialContent p,.tutorialContent li{color:#4e5b72;line-height:1.9}.tutorialContent ol{margin:0;padding-left:23px}.tutorialContent li+li{margin-top:8px}.tutorialStepImage{max-width:430px;margin:22px auto 0}.tutorialStepImage img{background:#f2f4f8;border:1px solid #dce2eb;border-radius:16px;width:100%;height:auto;display:block}.tutorialStepImage figcaption{text-align:center;color:#758198;margin-top:10px;font-size:13px;line-height:1.6}.tutorialActions{justify-content:space-between;gap:14px;margin-top:26px;display:flex}.tutorialActions a{text-align:center;color:#294eb9;background:#e8edff;border-radius:12px;flex:1;padding:14px 18px;font-weight:800;text-decoration:none}.tutorialActions a:last-child{color:#fff;background:#315be5}@media (max-width:680px){.tutorialNav{height:64px;padding:0 14px}.tutorialNav div{gap:12px;font-size:14px}.tutorialContainer{padding-top:30px}.tutorialList>a{grid-template-columns:20px 1fr 14px;padding:10px 14px}.tutorialOpen{display:none}.tutorialList strong{font-size:15px;line-height:1.45}.tutorialArticle{padding-top:24px}.tutorialArticle>header{padding:28px 22px}.tutorialContent section{padding:22px 20px}.tutorialActions{flex-direction:column}}