.page-hero[data-v-2411ca9f]{padding:160px 0 80px;text-align:center;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.page-hero .badge[data-v-2411ca9f]{display:inline-block;padding:6px 16px;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:500;border-radius:20px;margin-bottom:20px}.page-hero h1[data-v-2411ca9f]{font-family:var(--font-sans);font-size:44px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:var(--text-primary)}.page-hero p[data-v-2411ca9f]{font-size:18px;color:var(--text-secondary)}.quick-start[data-v-2411ca9f]{padding:120px 0}.steps-grid[data-v-2411ca9f]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.step-card[data-v-2411ca9f]{position:relative;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 24px;transition:all .2s ease}.step-card[data-v-2411ca9f]:hover{border-color:#cbd5e1;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.step-number[data-v-2411ca9f]{position:absolute;top:20px;right:20px;font-family:var(--font-sans);font-size:40px;font-weight:700;color:var(--primary-light);line-height:1}.step-icon[data-v-2411ca9f]{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--primary)}.step-card h3[data-v-2411ca9f]{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.step-card p[data-v-2411ca9f]{font-size:14px;color:var(--text-secondary);line-height:1.7}.tips[data-v-2411ca9f]{padding:120px 0;background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.tips-grid[data-v-2411ca9f]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tip-card[data-v-2411ca9f]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;transition:all .2s ease}.tip-card[data-v-2411ca9f]:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.tip-icon[data-v-2411ca9f]{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--primary)}.tip-card h3[data-v-2411ca9f]{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.tip-card p[data-v-2411ca9f]{font-size:14px;color:var(--text-secondary);line-height:1.7}.search-examples[data-v-2411ca9f]{padding:120px 0}.examples-grid[data-v-2411ca9f]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.example-card[data-v-2411ca9f]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:all .2s ease}.example-card[data-v-2411ca9f]:hover{border-color:#cbd5e1;box-shadow:var(--shadow-lg)}.example-header[data-v-2411ca9f]{display:flex;align-items:center;gap:12px;margin-bottom:18px}.example-icon[data-v-2411ca9f]{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--primary-light);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.example-header h3[data-v-2411ca9f]{font-size:16px;font-weight:600;color:var(--text-primary)}.example-tags[data-v-2411ca9f]{display:flex;flex-wrap:wrap;gap:8px}.example-tag[data-v-2411ca9f]{font-size:13px;padding:6px 14px;background:var(--bg);border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);transition:all .15s ease;cursor:default}.example-tag[data-v-2411ca9f]:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.faq[data-v-2411ca9f]{padding:120px 0;background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.faq-list[data-v-2411ca9f]{max-width:760px;margin:0 auto}.faq-item[data-v-2411ca9f]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 28px;margin-bottom:16px;transition:all .2s ease}.faq-item[data-v-2411ca9f]:hover{border-color:#cbd5e1;box-shadow:var(--shadow)}.faq-item[data-v-2411ca9f]:last-child{margin-bottom:0}.faq-item h3[data-v-2411ca9f]{font-size:16px;font-weight:600;margin-bottom:10px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.faq-item h3[data-v-2411ca9f]:before{content:"Q";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--primary-light);color:var(--primary);font-size:12px;font-weight:700;flex-shrink:0}.faq-item p[data-v-2411ca9f]{font-size:15px;color:var(--text-secondary);line-height:1.7;padding-left:30px}.cta[data-v-2411ca9f]{padding:120px 0}.cta-card[data-v-2411ca9f]{text-align:center;background:var(--brand-gradient);border-radius:var(--radius-xl);padding:72px 40px;color:#fff}.cta-card h2[data-v-2411ca9f]{font-family:var(--font-sans);font-size:36px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.cta-card p[data-v-2411ca9f]{font-size:17px;opacity:.9;margin-bottom:32px}.cta-card .btn-primary[data-v-2411ca9f]{background:#fff;color:var(--primary)}.cta-card .btn-primary[data-v-2411ca9f]:hover{background:#f8fafc;box-shadow:0 4px 16px #00000026}.cta-note[data-v-2411ca9f]{display:block;margin-top:16px;font-size:14px;opacity:.85}@media(max-width:968px){.steps-grid[data-v-2411ca9f],.tips-grid[data-v-2411ca9f]{grid-template-columns:repeat(2,1fr)}.examples-grid[data-v-2411ca9f]{grid-template-columns:1fr}}@media(max-width:768px){.page-hero[data-v-2411ca9f]{padding:130px 0 60px}.page-hero h1[data-v-2411ca9f]{font-size:32px}.page-hero p[data-v-2411ca9f]{font-size:16px}.quick-start[data-v-2411ca9f],.tips[data-v-2411ca9f],.search-examples[data-v-2411ca9f],.faq[data-v-2411ca9f],.cta[data-v-2411ca9f]{padding:80px 0}.tips-grid[data-v-2411ca9f]{grid-template-columns:1fr}.step-card[data-v-2411ca9f]{padding:28px 20px}.step-number[data-v-2411ca9f]{font-size:32px;top:16px;right:16px}.tip-card[data-v-2411ca9f],.example-card[data-v-2411ca9f]{padding:24px 20px}.faq-item[data-v-2411ca9f]{padding:20px}.faq-item p[data-v-2411ca9f]{padding-left:0}.cta-card[data-v-2411ca9f]{padding:56px 24px}.cta-card h2[data-v-2411ca9f]{font-size:28px}}@media(max-width:480px){.steps-grid[data-v-2411ca9f]{grid-template-columns:1fr}}