.direct-tutorial{max-width:1150px;margin:auto;padding:28px;color:#20435a;line-height:1.85}.tutorial-hero{padding:36px;background:linear-gradient(120deg,#12314c,#225c73);border-radius:18px;color:#fff;margin-bottom:22px}.tutorial-hero>span{font-size:11px;letter-spacing:2px;color:#afd0df}.tutorial-hero :is(h1,h2){font-size:32px;margin:12px 0}.tutorial-hero p{margin:5px 0;color:#d2e4ec}.direct-tutorial a{color:#176c96;text-decoration:none}.tutorial-hero>a,.tutorial-footer>a{display:inline-block;background:#fff;border:1px solid #d9e6ee;padding:9px 18px;border-radius:9px;margin:16px 8px 0 0;font-size:14px;font-weight:600}.tutorial-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tutorial-intro>div{background:#fff;border:1px solid #e0eaf1;padding:22px;border-radius:14px}.tutorial-intro p{font-size:13px;color:#597587;margin:8px 0 0}.tutorial-jump{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.tutorial-jump a{font-size:13px;padding:8px 14px;border:1px solid #dce8ef;border-radius:20px;background:#fff}.tutorial-section{display:flex;gap:22px;background:#fff;border:1px solid #e0eaf1;border-radius:15px;padding:28px;margin:16px 0;scroll-margin-top:24px}.tutorial-number{flex:none;width:40px;height:40px;display:grid;place-items:center;background:#eef6fa;color:#256e8d;font-size:14px;font-weight:700;border-radius:12px}.direct-tutorial h2{font-size:19px;margin:0 0 14px;line-height:1.5}.direct-tutorial h2 small{font-size:13px;font-weight:400;color:#7c94a4;margin-left:8px}.tutorial-section p,.tutorial-section li{font-size:14px;margin:10px 0}.tutorial-section ul{padding-left:20px}.tutorial-en{font-size:12px!important;color:#7992a3}.tutorial-note{font-size:13px;padding:14px 18px;background:#fff8e9;border-left:3px solid #d79840;border-radius:7px;margin:16px 0;color:#8a6429}.tutorial-faq{background:#fff;padding:28px;border:1px solid #e0eaf1;border-radius:15px;margin-top:24px}.tutorial-faq details{padding:15px 0;border-bottom:1px solid #edf2f6}.tutorial-faq details:last-child{border:0}.tutorial-faq summary{cursor:pointer;font-size:14px;font-weight:600}.tutorial-faq p{color:#647f90;font-size:13px}.tutorial-footer{text-align:center;padding:22px}.direct-tutorial a:hover{text-decoration:underline}.direct-tutorial a:focus-visible,.tutorial-faq summary:focus-visible{outline:2px solid #328eb6;outline-offset:3px}@media(max-width:700px){.direct-tutorial{padding:16px}.tutorial-intro{grid-template-columns:1fr}.tutorial-hero{padding:26px}.tutorial-section{padding:20px;gap:12px}.tutorial-number{width:30px;height:30px}.direct-tutorial h2 small{display:block;margin:6px 0}.tutorial-hero :is(h1,h2){font-size:27px}}
.page-tutorial{margin:0;background:#f4f7fb;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.page-tutorial *{box-sizing:border-box}.tutorial-hub{max-width:1200px}.tutorial-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tutorial-card{display:flex;flex-direction:column;gap:12px;padding:24px;border:1px solid #dce7ef;border-radius:16px;background:#fff;text-decoration:none!important;color:#20435a;transition:border-color .2s,box-shadow .2s}.tutorial-card:hover{border-color:#508ba5;box-shadow:0 8px 24px #163c5710}.tutorial-card>span{font-size:20px;font-weight:700;color:#153d59}.tutorial-card p{margin:0;font-size:14px;line-height:1.75;color:#607687}.tutorial-card strong{margin-top:auto;color:#176c96;font-size:13px;padding-top:8px}.tutorial-card:focus-visible{outline:3px solid #3186ac;outline-offset:3px}.tutorial-workflow,.tutorial-direct,.tutorial-faq{scroll-margin-top:24px}.tutorial-workflow{padding-top:28px;margin-top:24px;border-top:1px solid #dce7ef}.tutorial-workflow-heading{padding:12px 4px}.tutorial-workflow-heading>span{font-size:11px;letter-spacing:2px;color:#39748c;font-weight:700}.tutorial-workflow-heading h2{margin:8px 0;font-size:27px}.tutorial-section h3{font-size:18px;line-height:1.5;margin:0 0 12px;color:#20435a}.tutorial-section>div:last-child{min-width:0}.tutorial-direct>.direct-tutorial{padding:28px 0 0}.tutorial-hub .tutorial-hero :is(h1,h2){line-height:1.25}.tutorial-hub .tutorial-hero p{max-width:850px}.tutorial-hub .tutorial-jump{padding-bottom:10px}.tutorial-hub .tutorial-footer{padding:8px 0 18px}.tutorial-hub p{overflow-wrap:break-word}@media(max-width:800px){.tutorial-cards{grid-template-columns:1fr}.tutorial-card{padding:20px}.tutorial-workflow-heading h2{font-size:23px}.tutorial-section{gap:12px}.tutorial-section h3{font-size:17px}}
.page-tutorial #tutorial-top,.page-tutorial .tutorial-workflow,.page-tutorial .tutorial-direct,.page-tutorial .tutorial-faq,.page-tutorial .tutorial-section{scroll-margin-top:110px}@media(max-width:800px){.page-tutorial #tutorial-top,.page-tutorial .tutorial-workflow,.page-tutorial .tutorial-direct,.page-tutorial .tutorial-faq,.page-tutorial .tutorial-section{scroll-margin-top:190px}}