.page-head:where(.astro-jc53n34c){padding:64px 0 40px;text-align:center}.page-head:where(.astro-jc53n34c) .lead:where(.astro-jc53n34c){margin:18px auto 28px}.back-link:where(.astro-jc53n34c){display:inline-block;margin-bottom:18px;font-size:13px;color:var(--text-3)}.back-link:where(.astro-jc53n34c):hover{color:var(--accent-2)}.method-toc:where(.astro-jc53n34c){display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:8px}.method-toc:where(.astro-jc53n34c) a:where(.astro-jc53n34c){display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .16s ease,background .16s ease}.method-toc:where(.astro-jc53n34c) a:where(.astro-jc53n34c):hover{border-color:#8b5cf673;background:var(--surface-2)}.toc-num:where(.astro-jc53n34c){width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent-grad);color:#fff;font-weight:700;font-size:14px;box-shadow:0 0 16px var(--accent-glow);flex-shrink:0}.toc-body:where(.astro-jc53n34c){display:flex;flex-direction:column;line-height:1.4}.toc-body:where(.astro-jc53n34c) strong:where(.astro-jc53n34c){color:var(--text-1);font-size:15px}.toc-body:where(.astro-jc53n34c) small:where(.astro-jc53n34c){color:var(--text-3);font-size:12px}.expect-list:where(.astro-jc53n34c){list-style:none;padding:0;margin:18px 0;display:grid;gap:12px}.expect-list:where(.astro-jc53n34c) li:where(.astro-jc53n34c){color:var(--text-2);font-size:15px;padding-left:28px;position:relative}.expect-list:where(.astro-jc53n34c) li:where(.astro-jc53n34c):before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;border-radius:4px;background:var(--accent-grad);box-shadow:0 0 10px var(--accent-glow)}.expect-list:where(.astro-jc53n34c) code:where(.astro-jc53n34c),.container:where(.astro-jc53n34c) code:where(.astro-jc53n34c){background:var(--code-chip);padding:1px 6px;border-radius:5px;font-size:.9em;color:var(--text-1)}.method:where(.astro-jc53n34c){padding:64px 0}.method-head:where(.astro-jc53n34c){margin-bottom:24px}.method-badge:where(.astro-jc53n34c){display:inline-block;padding:4px 10px;background:var(--accent-soft);color:var(--accent-2);border:1px solid rgba(139,92,246,.3);border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.method-meta:where(.astro-jc53n34c){color:var(--text-3);font-size:13.5px;margin-top:6px}.method:where(.astro-jc53n34c) h3:where(.astro-jc53n34c){margin:32px 0 12px;font-size:17px;color:var(--text-1)}.steps:where(.astro-jc53n34c){margin:0;padding-left:24px;display:grid;gap:10px;color:var(--text-2);font-size:15px}.steps:where(.astro-jc53n34c) li:where(.astro-jc53n34c){line-height:1.6}.check-list:where(.astro-jc53n34c){list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px;font-size:14.5px;color:var(--text-2)}.screenshot:where(.astro-jc53n34c){margin:24px 0 8px}.ss-placeholder:where(.astro-jc53n34c){aspect-ratio:16 / 9;border-radius:var(--radius);border:1px dashed var(--border-strong);background:repeating-linear-gradient(45deg,#ffffff04,#ffffff04 14px,#ffffff0a 14px 28px),var(--bg-1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.ss-ph-label:where(.astro-jc53n34c){color:var(--text-3);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;margin-bottom:12px}.ss-ph-hint:where(.astro-jc53n34c){max-width:600px;color:var(--text-2);font-size:13px;line-height:1.6;display:grid;gap:8px}.ss-ph-hint:where(.astro-jc53n34c) code:where(.astro-jc53n34c){color:var(--accent-2);background:transparent;padding:0}.ss-ph-hint:where(.astro-jc53n34c) span:where(.astro-jc53n34c){color:var(--text-3);font-size:12.5px}.ss-caption:where(.astro-jc53n34c){margin-top:8px;font-size:13px;color:var(--text-3);text-align:center}.video:where(.astro-jc53n34c){margin:16px 0 8px}.video-placeholder:where(.astro-jc53n34c){aspect-ratio:16 / 9;border-radius:var(--radius);border:1px dashed rgba(139,92,246,.4);background:radial-gradient(ellipse at center,rgba(139,92,246,.08),transparent 70%),var(--bg-1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:8px}.video-ph-icon:where(.astro-jc53n34c){width:60px;height:60px;border-radius:999px;background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;padding-left:4px;box-shadow:0 0 24px var(--accent-glow);margin-bottom:4px}.video-ph-label:where(.astro-jc53n34c){color:var(--text-3);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:600}.video-ph-hint:where(.astro-jc53n34c){color:var(--text-2);font-size:13px;max-width:560px;line-height:1.6}.video-ph-hint:where(.astro-jc53n34c) code:where(.astro-jc53n34c){color:var(--accent-2);background:transparent;padding:0}.codeblock:where(.astro-jc53n34c){background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;font-size:13px;line-height:1.6;color:var(--text-2);overflow-x:auto;margin:14px 0}.codeblock:where(.astro-jc53n34c) code:where(.astro-jc53n34c){background:transparent;padding:0;color:inherit;white-space:pre}.container:where(.astro-jc53n34c) pre:where(.astro-jc53n34c) code:where(.astro-jc53n34c){background:var(--code-chip)}.cta:where(.astro-jc53n34c){text-align:center}.cta:where(.astro-jc53n34c) .lead:where(.astro-jc53n34c){margin:14px auto 22px}.cta-row:where(.astro-jc53n34c){display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}@media(max-width:720px){.method-toc:where(.astro-jc53n34c){grid-template-columns:1fr}}