.how-to-use{margin-top:48px}.how-to-use h2{border-bottom:3px solid var(--accent);margin-bottom:24px;padding-bottom:8px;font-size:1.4rem;font-weight:700;display:inline-block}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px;display:grid}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:24px 16px;transition:border-color .2s,box-shadow .2s}.step-card:hover{box-shadow:var(--shadow-md);border-color:#0891b247;transform:translateY(-2px)}.step-number{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 auto 12px;font-size:.9rem;font-weight:700;display:flex}.step-icon{margin-bottom:12px;font-size:2rem}.step-title{margin-bottom:8px;font-size:1rem;font-weight:700}.step-desc{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.how-to-use__tips{border-radius:var(--radius);background:#0891b20d;border:1px solid #0891b229;margin-bottom:40px;padding:24px}.tips-list{flex-direction:column;gap:10px;list-style:none;display:flex}.tips-list li{color:var(--text-secondary);padding-left:24px;line-height:1.6;position:relative}.tips-list li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.faq-list{flex-direction:column;gap:8px;display:flex}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.faq-question{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-family:inherit;font-size:.95rem;font-weight:700;display:flex}.faq-question.open{color:var(--accent)}.faq-arrow{flex-shrink:0;font-size:.75rem}.faq-answer{color:var(--text-secondary);padding:0 20px 16px;font-size:.9rem;line-height:1.7}@media (width<=768px){.steps-grid{grid-template-columns:repeat(2,1fr)}}:root{--bg-primary:#fff;--bg-secondary:#f4f7fb;--bg-card:#fff;--bg-tint:#f8fafc;--accent:#0891b2;--accent-ink:#0e7490;--accent2:#6366f1;--accent3:#10b981;--danger:#e94560;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e7ecf3;--border-strong:#d6deea;--radius:14px;--radius-sm:10px;--radius-lg:20px;--radius-pill:999px;--shadow-sm:0 1px 2px #1018280a, 0 1px 3px #1018280d;--shadow-md:0 4px 14px #10182812, 0 2px 4px #1018280a;--shadow-lg:0 14px 32px #1018281a, 0 4px 8px #1018280d;--glow-cyan:0 6px 20px #0891b22e;--glow-purple:0 6px 20px #6366f12e;--ring:0 0 0 3px #0891b259;--transition:.2s ease;--gradient:linear-gradient(135deg, var(--accent), var(--accent2));--header-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:radial-gradient(1100px 560px at 100% -10%, #6366f10d, transparent 60%), radial-gradient(950px 480px at -10% 0%, #0891b20d, transparent 55%), var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;min-height:100vh;font-family:Zen Maru Gothic,sans-serif;line-height:1.75}a{color:var(--accent-ink);transition:color var(--transition), opacity var(--transition);text-decoration:none}a:hover{opacity:.82}h1{letter-spacing:-.01em;font-size:clamp(1.7rem,4vw,2.5rem);font-weight:900;line-height:1.18}h2{letter-spacing:-.01em;margin:2rem 0 1rem;font-size:clamp(1.25rem,3vw,1.65rem);font-weight:700}h3{margin:1.5rem 0 .5rem;font-size:1.12rem;font-weight:700}p{margin:0 0 1rem}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}.container{max-width:1100px;margin:0 auto;padding:0 20px}.container--narrow{max-width:760px;margin:0 auto;padding:0 20px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-md);border-color:#0891b247;transform:translateY(-2px)}.btn{background:var(--gradient);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition), opacity var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:1rem;font-weight:700;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--glow-cyan);transform:translateY(-2px)}.btn:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn--secondary{background:var(--bg-card);border:1px solid var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn--secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-sm)}.btn--danger{background:var(--danger)}.btn--large{padding:16px 36px;font-size:1.15rem}.btn--small{padding:7px 14px;font-size:.875rem}.tag{color:var(--accent-ink);border-radius:var(--radius-pill);background:#0891b214;border:1px solid #0891b233;padding:3px 12px;font-size:.8rem;font-weight:700;display:inline-block}.grid-tools{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.section{padding:60px 0}.section--sm{padding:32px 0}.blog-content{font-size:1.02rem}.blog-content h2{border-bottom:2px solid var(--border);margin-top:2.2rem;padding-bottom:.35rem}.blog-content h3{margin-top:1.6rem}.blog-content p{margin-bottom:1rem;line-height:1.85}.blog-content ul,.blog-content ol{margin:0 0 1rem 1.5rem}.blog-content li{margin-bottom:.35rem}.blog-content strong{color:var(--text-primary);font-weight:700}.blog-content a{color:var(--accent-ink);text-underline-offset:2px;text-decoration:underline}.blog-content blockquote{border-left:4px solid var(--accent);background:var(--bg-tint);border-radius:var(--radius-sm);color:var(--text-secondary);margin:1.2rem 0;padding:.6rem 1rem}.blog-content code{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:.08em .4em;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}.blog-content pre{color:#e2e8f0;border-radius:var(--radius-sm);background:#0f172a;margin:1.2rem 0;padding:1rem;overflow-x:auto}.blog-content pre code{color:inherit;background:0 0;border:none;padding:0}.blog-content table{border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;margin:1.2rem 0;font-size:.95rem;overflow:hidden}.blog-content th,.blog-content td{border:1px solid var(--border);text-align:left;padding:9px 12px}.blog-content thead th{background:var(--bg-secondary)}.blog-content tbody tr:nth-child(2n){background:var(--bg-tint)}.blog-content img{border-radius:var(--radius-sm);max-width:100%}@media (width<=768px){.section{padding:44px 0}.grid-tools{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=380px){.grid-tools{grid-template-columns:1fr}}@keyframes spin-pulse{0%,to{box-shadow:0 0 20px #0891b233}50%{box-shadow:0 0 40px #0891b259}}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-6px)rotate(-5deg)}40%{transform:translate(6px)rotate(5deg)}60%{transform:translate(-4px)rotate(-3deg)}80%{transform:translate(4px)rotate(3deg)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}