.guide-page[data-v-f8284b1f]{background:radial-gradient(circle at 8% 22%,rgb(39 111 241/8%),transparent 26rem),radial-gradient(circle at 92% 88%,rgb(6 199 85/8%),transparent 24rem),#f5f9ff;color:#071a42;min-height:100vh}.guide-header[data-v-f8284b1f]{align-items:center;display:flex;justify-content:space-between;margin:0 auto;min-height:88px;width:min(100% - 40px,1240px)}.guide-header>p[data-v-f8284b1f]{color:#587096;font-size:.85rem;font-weight:700;letter-spacing:.04em}.guide-brand[data-v-f8284b1f]{align-items:center;color:inherit;display:inline-flex;gap:10px;text-decoration:none}.guide-brand img[data-v-f8284b1f]{border-radius:999px;box-shadow:0 14px 34px #1f66e61f;display:block;height:54px;-o-object-fit:cover;object-fit:cover;width:54px}.guide-brand-name[data-v-f8284b1f]{font-size:1.2rem;font-weight:900;letter-spacing:.02em}.guide-shell[data-v-f8284b1f]{margin:0 auto;padding-bottom:72px;width:min(100% - 40px,1240px)}.intro-banner[data-v-f8284b1f]{background:radial-gradient(circle at 82% 10%,hsla(0,0%,100%,.18),transparent 15rem),linear-gradient(120deg,#1768ea,#2788f5 60%,#3b9bf4);border-radius:30px;box-shadow:0 24px 60px #1e67d633;color:#fff;isolation:isolate;min-height:260px;overflow:hidden;padding:clamp(34px,5vw,58px) clamp(28px,6vw,70px);position:relative}.intro-banner[data-v-f8284b1f]:after{border:38px solid hsla(0,0%,100%,.1);border-radius:50%;bottom:-100px;content:"";height:310px;position:absolute;right:-55px;width:310px;z-index:-1}.card-heading p[data-v-f8284b1f],.intro-eyebrow[data-v-f8284b1f],.line-label[data-v-f8284b1f]{font-size:.72rem;font-weight:900;letter-spacing:.16em;margin:0 0 10px;text-transform:uppercase}.intro-eyebrow[data-v-f8284b1f]{color:#dceeff}.intro-banner h1[data-v-f8284b1f]{font-size:clamp(2rem,4.6vw,3.5rem);letter-spacing:-.045em;line-height:1.04;margin:0;max-width:720px}.intro-description[data-v-f8284b1f]{color:#e8f4ff;font-size:clamp(1rem,1.7vw,1.15rem);line-height:1.7;margin:20px 0 0;max-width:630px}.intro-progress[data-v-f8284b1f]{bottom:36px;display:flex;gap:9px;position:absolute;right:clamp(28px,6vw,70px)}.intro-progress span[data-v-f8284b1f]{border:1px solid hsla(0,0%,100%,.36);border-radius:50%;color:#ffffffb8;display:grid;font-size:.73rem;font-weight:800;height:31px;place-items:center;width:31px}.intro-progress span.active[data-v-f8284b1f]{background:#fff;color:#1768ea}.tutorial-layout[data-v-f8284b1f]{align-items:start;display:grid;gap:28px;grid-template-columns:minmax(280px,360px) minmax(0,1fr);margin-top:28px}.guide-sidebar[data-v-f8284b1f],.tutorial-content[data-v-f8284b1f]{display:grid;gap:24px}.line-card[data-v-f8284b1f],.step-card[data-v-f8284b1f],.tutorial-details[data-v-f8284b1f],.video-card[data-v-f8284b1f]{background:#ffffffeb;border:1px solid #dce8f8;border-radius:24px;box-shadow:0 14px 35px #0f397812}.step-card[data-v-f8284b1f]{padding:26px 18px 18px}.card-heading[data-v-f8284b1f]{padding:0 8px 20px}.card-heading p[data-v-f8284b1f]{color:#2477ec}.card-heading h2[data-v-f8284b1f],.line-card h2[data-v-f8284b1f],.tutorial-details h2[data-v-f8284b1f]{letter-spacing:-.025em;margin:0}.card-heading h2[data-v-f8284b1f]{font-size:1.35rem}.step-list[data-v-f8284b1f]{display:grid;gap:7px;list-style:none;margin:0;padding:0}.step-button[data-v-f8284b1f]{background:transparent;border:1px solid transparent;border-radius:15px;color:#31496f;cursor:pointer;display:grid;gap:12px;grid-template-columns:36px minmax(0,1fr) auto;padding:15px 14px;text-align:left;transition:color .16s ease,background .16s ease,border-color .16s ease;width:100%}.step-button[data-v-f8284b1f]:hover{background:#f2f7ff}.detail-nav-button[data-v-f8284b1f]:focus-visible,.guide-brand[data-v-f8284b1f]:focus-visible,.line-button[data-v-f8284b1f]:focus-visible,.qr-link[data-v-f8284b1f]:focus-visible,.step-button[data-v-f8284b1f]:focus-visible{outline:3px solid #75b3ff;outline-offset:3px}.step-button.active[data-v-f8284b1f]{background:#eaf3ff;border-color:#cbe0ff;color:#0d55c4}.step-number[data-v-f8284b1f]{background:#eef4fc;border-radius:10px;color:#58749c;display:grid;font-size:.75rem;font-weight:900;height:34px;place-items:center;width:34px}.step-button.active .step-number[data-v-f8284b1f]{background:#2477ec;box-shadow:0 7px 15px #2477ec40;color:#fff}.step-copy[data-v-f8284b1f]{display:grid;gap:4px;min-width:0}.step-copy strong[data-v-f8284b1f]{font-size:.91rem;line-height:1.35}.step-copy small[data-v-f8284b1f]{color:#7a8da9;font-size:.75rem}.step-arrow[data-v-f8284b1f]{align-self:center;color:#2679ec;opacity:0;transform:translate(-4px);transition:opacity .16s ease,transform .16s ease}.step-button.active .step-arrow[data-v-f8284b1f]{opacity:1;transform:none}.line-card[data-v-f8284b1f]{border-top:4px solid #06c755;display:grid;justify-items:center;padding:28px;text-align:center}.line-label[data-v-f8284b1f]{background:#e8faef;border-radius:999px;color:#008d3d;display:inline-block;margin-bottom:13px;padding:6px 10px}.line-card h2[data-v-f8284b1f]{font-size:1.23rem;line-height:1.3}.line-card p[data-v-f8284b1f]{color:#627692;font-size:.88rem;line-height:1.6;margin:12px 0 20px}.qr-link[data-v-f8284b1f]{background:#fff;border:1px solid #dce7e1;border-radius:18px;display:block;padding:10px}.qr-link img[data-v-f8284b1f]{display:block;height:132px;width:132px}.line-button[data-v-f8284b1f]{align-items:center;background:#06c755;border-radius:14px;box-shadow:0 10px 22px #06c7553b;color:#fff;display:flex;font-size:.9rem;font-weight:800;gap:10px;justify-content:center;margin-top:20px;min-height:50px;text-decoration:none;transition:background .16s ease,transform .16s ease;width:100%}.line-button[data-v-f8284b1f]:hover{background:#05b64d;transform:translateY(-1px)}.line-icon[data-v-f8284b1f]{background:#fff;border-radius:5px;color:#06a848;font-size:.55rem;padding:4px 5px}.video-card[data-v-f8284b1f]{justify-self:center;overflow:hidden;padding:10px;width:min(100%,420px)}.video-frame[data-v-f8284b1f]{aspect-ratio:9/16;background:radial-gradient(circle at 78% 22%,rgba(54,137,255,.3),transparent 36%),linear-gradient(145deg,#071d46,#0c3578 54%,#1257ad);border-radius:17px;overflow:hidden;position:relative}.video-frame[data-v-f8284b1f]:after,.video-frame[data-v-f8284b1f]:before{border:1px solid hsla(0,0%,100%,.12);border-radius:50%;content:"";position:absolute}.video-frame[data-v-f8284b1f]:before{height:280px;right:-65px;top:-90px;width:280px}.video-frame[data-v-f8284b1f]:after{bottom:-130px;height:320px;left:-70px;width:320px}.tutorial-video[data-v-f8284b1f]{border:0;display:block;height:100%;position:relative;width:100%;z-index:1}.video-placeholder[data-v-f8284b1f]{align-items:center;color:#fff;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;text-align:center;z-index:1}.play-icon[data-v-f8284b1f]{background:#fff;border-radius:50%;box-shadow:0 15px 40px #00000040;color:#1d70e7;display:grid;font-size:1.25rem;height:70px;padding-left:5px;place-items:center;width:70px}.video-placeholder strong[data-v-f8284b1f]{font-size:clamp(1rem,2vw,1.25rem);margin-top:5px}.video-placeholder small[data-v-f8284b1f]{color:#c9dcf7}.tutorial-details[data-v-f8284b1f]{display:flex;flex-direction:column;min-width:0;padding:clamp(26px,4vw,42px)}.detail-meta[data-v-f8284b1f]{display:flex;gap:10px;margin-bottom:17px}.detail-meta span[data-v-f8284b1f]{background:#eaf3ff;border-radius:999px;color:#256fd9;font-size:.72rem;font-weight:900;padding:7px 11px}.detail-meta span+span[data-v-f8284b1f]{background:#f1f5fa;color:#667b99}.tutorial-details h2[data-v-f8284b1f]{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.16}.tutorial-details>p[data-v-f8284b1f]{color:#58708e;font-size:1rem;line-height:1.8;margin:18px 0 28px;max-width:760px;white-space:pre-line}.detail-navigation[data-v-f8284b1f]{display:flex;gap:10px;justify-content:flex-end;margin-top:auto}.detail-nav-button[data-v-f8284b1f]{background:#2477ec;border:0;border-radius:50%;box-shadow:0 8px 18px #2477ec3d;color:#fff;cursor:pointer;display:grid;font-size:1.35rem;font-weight:900;height:48px;line-height:1;padding:0;place-items:center;transition:background .16s ease,opacity .16s ease,transform .16s ease;width:48px}.detail-nav-icon[data-v-f8284b1f]{height:26px;width:26px}.detail-nav-button[data-v-f8284b1f]:hover:not(:disabled){background:#1768dc;transform:translateY(-1px)}.detail-nav-button[data-v-f8284b1f]:disabled{background:#e8eef6;box-shadow:none;color:#8ca1bd;cursor:not-allowed}.detail-tip[data-v-f8284b1f]{align-items:center;background:#f7faff;border:1px solid #dfeaf7;border-radius:14px;color:#35516f;display:flex;gap:13px;padding:15px 17px}.detail-tip>span[data-v-f8284b1f]{background:#287bec;border-radius:50%;color:#fff;display:grid;flex:0 0 auto;font-size:.75rem;height:27px;place-items:center;width:27px}.detail-tip p[data-v-f8284b1f]{font-size:.83rem;margin:0}@media(min-width:861px){.tutorial-content[data-v-f8284b1f]{align-items:stretch;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.video-card[data-v-f8284b1f]{justify-self:stretch;width:100%}.video-frame[data-v-f8284b1f]{margin:0 auto;width:min(100%,360px)}}@media(max-width:860px){.tutorial-layout[data-v-f8284b1f]{grid-template-columns:1fr}.step-list[data-v-f8284b1f]{grid-template-columns:repeat(2,minmax(0,1fr))}.line-card[data-v-f8284b1f]{gap:18px 26px;grid-template-columns:minmax(0,1fr) auto;text-align:left}.line-copy[data-v-f8284b1f]{align-self:center}.line-card p[data-v-f8284b1f]{margin-bottom:0}.qr-link[data-v-f8284b1f]{grid-row:span 2}.line-button[data-v-f8284b1f]{margin-top:0;width:min(100%,280px)}}@media(max-width:620px){.guide-header[data-v-f8284b1f],.guide-shell[data-v-f8284b1f]{width:min(100% - 28px,1240px)}.guide-header[data-v-f8284b1f]{min-height:64px}.guide-header>p[data-v-f8284b1f]{margin:0;max-width:110px;text-align:right}.intro-banner[data-v-f8284b1f]{border-radius:23px;min-height:240px;padding:24px}.intro-banner h1[data-v-f8284b1f]{font-size:1.75rem;line-height:1.08}.intro-description[data-v-f8284b1f]{font-size:.92rem;line-height:1.5;margin-top:12px}.intro-progress[data-v-f8284b1f]{bottom:20px;left:24px;right:auto}.tutorial-layout[data-v-f8284b1f]{gap:16px;margin-top:18px}.guide-sidebar[data-v-f8284b1f],.tutorial-content[data-v-f8284b1f]{gap:16px}.line-card[data-v-f8284b1f],.step-card[data-v-f8284b1f],.tutorial-details[data-v-f8284b1f],.video-card[data-v-f8284b1f]{border-radius:19px}.step-card[data-v-f8284b1f]{padding:20px 10px 12px}.card-heading[data-v-f8284b1f]{padding:0 6px 14px}.step-list[data-v-f8284b1f]{gap:6px}.step-button[data-v-f8284b1f]{gap:9px;grid-template-columns:32px minmax(0,1fr);min-height:76px;padding:9px 7px}.step-number[data-v-f8284b1f]{height:30px;width:30px}.step-copy strong[data-v-f8284b1f]{font-size:.76rem}.step-copy small[data-v-f8284b1f]{font-size:.68rem}.step-arrow[data-v-f8284b1f]{display:none}.line-card[data-v-f8284b1f]{gap:12px;grid-template-columns:1fr;justify-items:center;padding:20px;text-align:center}.line-card h2[data-v-f8284b1f]{font-size:1.1rem}.line-card p[data-v-f8284b1f]{font-size:.82rem;line-height:1.5;margin:10px 0 0}.qr-link[data-v-f8284b1f]{grid-row:auto;padding:8px}.qr-link img[data-v-f8284b1f]{height:110px;width:110px}.line-button[data-v-f8284b1f]{min-height:48px;width:100%}.video-card[data-v-f8284b1f]{padding:6px;width:min(82vw,300px)}.video-frame[data-v-f8284b1f]{border-radius:14px}.play-icon[data-v-f8284b1f]{height:56px;width:56px}.tutorial-details[data-v-f8284b1f]{padding:20px}.detail-meta[data-v-f8284b1f]{margin-bottom:12px}.tutorial-details h2[data-v-f8284b1f]{font-size:1.45rem}.tutorial-details>p[data-v-f8284b1f]{font-size:.95rem;line-height:1.65;margin:12px 0 18px}.detail-tip[data-v-f8284b1f]{align-items:flex-start;gap:10px;padding:11px}.detail-tip p[data-v-f8284b1f]{font-size:.78rem}}@media(prefers-reduced-motion:reduce){.line-button[data-v-f8284b1f],.step-arrow[data-v-f8284b1f],.step-button[data-v-f8284b1f]{transition:none}}