.howto[data-v-5dd2b607]{--card-bg:linear-gradient(180deg,#f7faff,#eef5ff);--card-stroke:rgba(64,123,255,.12);--card-shadow:0 6px 24px rgba(20,40,100,.08);--card-shadow-hover:0 10px 34px rgba(20,40,100,.12);--title-color:#0f172a;--text-color:#475569;--accent:#1e90ff;--radius:18px;padding:clamp(12px,4vw,24px)}.howto__grid[data-v-5dd2b607]{display:grid;gap:clamp(16px,3vw,28px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.howto-card[data-v-5dd2b607]{background:var(--card-bg);border:1px solid var(--card-stroke);border-radius:var(--radius);box-shadow:var(--card-shadow);display:flex;flex-direction:column;gap:12px;padding:clamp(18px,2.6vw,24px)}.howto-card__head[data-v-5dd2b607]{align-items:center;display:flex;gap:12px}.howto-card__num[data-v-5dd2b607]{align-items:center;background:radial-gradient(110% 110% at 30% 20%,#5aa6ff 0,#1e90ff 48%,#005bdb);border-radius:999px;box-shadow:inset 0 0 0 2px #ffffff3d,0 4px 10px #1e90ff59;color:#fff;display:flex;font-weight:700;height:32px;justify-content:center;letter-spacing:.2px;width:32px}.howto-card__title[data-v-5dd2b607]{color:var(--title-color);font-size:clamp(16px,1.6vw,18px);font-weight:800;letter-spacing:.2px;line-height:1.3;margin:0}.howto-card__body[data-v-5dd2b607]{color:var(--text-color);font-size:clamp(14px,1.35vw,15px);letter-spacing:.1px;line-height:1.8;text-align:left}.howto-card__p[data-v-5dd2b607]{margin:0;max-width:62ch;text-wrap:pretty}@media (max-width:1024px){.howto__grid[data-v-5dd2b607]{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.howto__grid[data-v-5dd2b607]{grid-template-columns:1fr}.howto-card[data-v-5dd2b607]{padding:16px}.howto-card__num[data-v-5dd2b607]{font-size:13px;height:28px;width:28px}}.intro-root[data-v-8e470053]{align-items:stretch;display:flex;gap:48px}.intro-1[data-v-8e470053]{flex-direction:row}.intro-2[data-v-8e470053]{flex-direction:row-reverse}.intro-3[data-v-8e470053]{flex-direction:row}.intro-image[data-v-8e470053],.intro-text[data-v-8e470053]{display:flex;flex:1 1 0;flex-direction:column;justify-content:center;min-width:0}.intro-image[data-v-8e470053]{align-items:center;text-align:center}.intro-image img[data-v-8e470053]{border-radius:16px;display:block;height:auto;margin:0 auto;max-height:600px;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.intro-title[data-v-8e470053]{color:#1a1a1a;font-size:24px;font-weight:600;letter-spacing:-.2px;line-height:1.35;margin-bottom:12px}.intro-body[data-v-8e470053]{color:#333;font-size:16px;letter-spacing:.2px;line-height:1.9;margin-bottom:8px}.intro-btn[data-v-8e470053]{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 32px;transition:background-color .3s ease}.intro-btn[data-v-8e470053]:hover{background-color:#006fe6}@media (max-width:768px){.intro-root[data-v-8e470053]{flex-direction:column-reverse;gap:24px}}.intro-1[data-v-ddfb6ccb],.intro-2[data-v-ddfb6ccb]{align-items:center;display:flex;flex-direction:row;gap:32px}.intro-2[data-v-ddfb6ccb]{flex-direction:row-reverse}.intro-image[data-v-ddfb6ccb],.intro-text[data-v-ddfb6ccb]{flex:1 1 0;min-width:0}.intro-text[data-v-ddfb6ccb]{display:flex;flex-direction:column}.intro-title[data-v-ddfb6ccb]{color:#1a1a1a;font-size:40px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}.intro-body[data-v-ddfb6ccb]{color:#333;font-size:16px;letter-spacing:.2px;line-height:1.9;margin-bottom:8px}.intro-image[data-v-ddfb6ccb]{align-items:center;display:flex;justify-content:center}.intro-image img[data-v-ddfb6ccb]{border-radius:16px;display:block;height:auto;max-height:600px;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.intro-btn[data-v-ddfb6ccb]{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 32px;transition:background-color .3s ease}.intro-btn[data-v-ddfb6ccb]:hover{background-color:#006fe6}@media (max-width:768px){.intro-1[data-v-ddfb6ccb],.intro-2[data-v-ddfb6ccb]{align-items:stretch;flex-direction:column-reverse}.intro-image[data-v-ddfb6ccb],.intro-text[data-v-ddfb6ccb]{flex:none}.intro-image[data-v-ddfb6ccb]{align-items:center;justify-content:center}}