.page[data-v-ee6582aa]{min-height:100vh;padding-top:var(--header-height)}.page-hero[data-v-ee6582aa]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:80px 0;text-align:center}.page-hero h1[data-v-ee6582aa]{font-size:2.5rem;margin-bottom:16px;color:#fff}.page-hero p[data-v-ee6582aa]{font-size:18px;opacity:.9;max-width:600px;margin:0 auto}.guide-nav-section[data-v-ee6582aa]{padding:40px 0;background:var(--bg-primary);border-bottom:1px solid var(--border-lighter)}.guide-nav[data-v-ee6582aa]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.guide-nav-item[data-v-ee6582aa]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-secondary);border-radius:30px;color:var(--text-regular);text-decoration:none;font-size:14px;transition:all .3s ease;border:1px solid var(--border-lighter)}.guide-nav-item[data-v-ee6582aa]:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.nav-icon[data-v-ee6582aa]{font-size:18px}.beginner-grid[data-v-ee6582aa]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.beginner-card[data-v-ee6582aa]{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:32px;border:1px solid var(--border-lighter);transition:all .3s ease}.beginner-card[data-v-ee6582aa]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.beginner-icon[data-v-ee6582aa]{font-size:48px;margin-bottom:16px}.beginner-card h3[data-v-ee6582aa]{font-size:20px;margin-bottom:16px;color:var(--text-primary)}.beginner-card p[data-v-ee6582aa]{color:var(--text-secondary);line-height:1.8;margin-bottom:12px}.beginner-list[data-v-ee6582aa]{list-style:none}.beginner-list li[data-v-ee6582aa]{padding:6px 0;color:var(--text-regular);line-height:1.6}.beginner-list strong[data-v-ee6582aa]{color:var(--primary-color)}.compare-table-wrapper[data-v-ee6582aa]{overflow-x:auto;margin-bottom:40px}.compare-table[data-v-ee6582aa]{width:100%;border-collapse:collapse;background:var(--bg-primary);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.compare-table th[data-v-ee6582aa],.compare-table td[data-v-ee6582aa]{padding:16px 20px;text-align:center;border-bottom:1px solid var(--border-lighter)}.compare-table th[data-v-ee6582aa]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:15px}.compare-table tbody tr[data-v-ee6582aa]:hover{background:var(--bg-secondary)}.compare-col-header[data-v-ee6582aa]{width:180px;text-align:left!important}.compare-label[data-v-ee6582aa]{text-align:left!important;font-weight:500;color:var(--text-regular);background:var(--bg-secondary)}.compare-col.featured[data-v-ee6582aa]{position:relative}.badge[data-v-ee6582aa]{position:absolute;top:8px;right:10px;padding:2px 10px;background:gold;color:#333;border-radius:10px;font-size:11px;font-weight:600}.compare-icon[data-v-ee6582aa]{font-size:24px;display:block;margin-bottom:4px}.compare-table .featured[data-v-ee6582aa]{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.compare-summary[data-v-ee6582aa]{max-width:800px;margin:0 auto}.summary-card[data-v-ee6582aa]{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:var(--border-radius-lg);padding:32px;border:2px solid var(--primary-color)}.summary-card h4[data-v-ee6582aa]{font-size:18px;margin-bottom:16px;color:var(--primary-color)}.summary-card ul[data-v-ee6582aa]{list-style:none}.summary-card ul li[data-v-ee6582aa]{padding:8px 0;color:var(--text-regular);line-height:1.6}.summary-card strong[data-v-ee6582aa]{color:var(--primary-dark)}.tutorial-content[data-v-ee6582aa]{max-width:900px;margin:0 auto}.tutorial-steps[data-v-ee6582aa]{display:flex;flex-direction:column;gap:24px}.tutorial-step[data-v-ee6582aa]{display:flex;gap:24px;background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:28px;border:1px solid var(--border-lighter);transition:all .3s ease}.tutorial-step[data-v-ee6582aa]:hover{box-shadow:var(--shadow-md);border-color:var(--primary-color)}.step-number[data-v-ee6582aa]{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.step-content[data-v-ee6582aa]{flex:1}.step-content h3[data-v-ee6582aa]{font-size:18px;margin-bottom:12px;color:var(--text-primary)}.step-content p[data-v-ee6582aa]{color:var(--text-secondary);line-height:1.8;margin-bottom:8px}.step-content ul[data-v-ee6582aa]{list-style:none;margin-bottom:8px}.step-content ul li[data-v-ee6582aa]{padding:4px 0 4px 20px;position:relative;color:var(--text-regular);line-height:1.6}.step-content ul li[data-v-ee6582aa]:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-weight:700}.step-content code[data-v-ee6582aa]{background:var(--bg-secondary);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px;color:var(--primary-color)}.tip-box[data-v-ee6582aa]{padding:16px 20px;border-radius:var(--border-radius-md);margin-top:12px;line-height:1.6}.tip-info[data-v-ee6582aa]{background:#409eff1a;border-left:4px solid var(--primary-color);color:var(--text-regular)}.tip-warning[data-v-ee6582aa]{background:#e6a23c1a;border-left:4px solid var(--accent-color);color:var(--text-regular)}.tip-success[data-v-ee6582aa]{background:#67c23a1a;border-left:4px solid var(--secondary-color);color:var(--text-regular)}.code-window[data-v-ee6582aa]{background:#1e1e2e;border-radius:8px;overflow:hidden;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.6;margin-top:12px}.code-header[data-v-ee6582aa]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2a2a3e;border-bottom:1px solid #3a3a4e}.dot[data-v-ee6582aa]{width:12px;height:12px;border-radius:50%}.dot.red[data-v-ee6582aa]{background-color:#ff5f56}.dot.yellow[data-v-ee6582aa]{background-color:#ffbd2e}.dot.green[data-v-ee6582aa]{background-color:#27c93f}.code-title[data-v-ee6582aa]{margin-left:12px;color:#a0a0b0;font-size:12px}.code-body[data-v-ee6582aa]{padding:16px;overflow-x:auto}.code-body pre[data-v-ee6582aa]{margin:0}.keyword[data-v-ee6582aa]{color:#c678dd}.comment[data-v-ee6582aa]{color:#5c6370}.string[data-v-ee6582aa]{color:#98c379}.practice-grid[data-v-ee6582aa]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.practice-card[data-v-ee6582aa]{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:32px;border:1px solid var(--border-lighter);transition:all .3s ease}.practice-card[data-v-ee6582aa]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.practice-icon[data-v-ee6582aa]{font-size:48px;margin-bottom:16px}.practice-card h3[data-v-ee6582aa]{font-size:20px;margin-bottom:16px;color:var(--text-primary)}.practice-card p[data-v-ee6582aa]{color:var(--text-secondary);line-height:1.8;margin-bottom:12px}.practice-list[data-v-ee6582aa]{list-style:none}.practice-list li[data-v-ee6582aa]{padding:6px 0;color:var(--text-regular);line-height:1.6}.mt-2[data-v-ee6582aa]{margin-top:16px}.faq-list[data-v-ee6582aa]{max-width:900px;margin:0 auto}.faq-item[data-v-ee6582aa]{margin-bottom:16px;background:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-lighter);overflow:hidden}.faq-question[data-v-ee6582aa]{width:100%;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;font-size:16px;font-weight:500;color:var(--text-primary);text-align:left;transition:background-color .3s ease}.faq-question[data-v-ee6582aa]:hover{background-color:var(--bg-secondary)}.faq-icon[data-v-ee6582aa]{font-size:20px;color:var(--primary-color);transition:transform .3s ease;flex-shrink:0;margin-left:16px}.faq-icon.open[data-v-ee6582aa]{transform:rotate(45deg)}.faq-answer[data-v-ee6582aa]{padding:0 24px 20px;color:var(--text-secondary);line-height:1.8}.faq-answer p[data-v-ee6582aa]{margin-bottom:8px}.faq-answer ul[data-v-ee6582aa],.faq-answer ol[data-v-ee6582aa]{margin-left:20px}.faq-answer li[data-v-ee6582aa]{padding:4px 0}.faq-answer strong[data-v-ee6582aa]{color:var(--primary-color)}.performance-grid[data-v-ee6582aa]{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.performance-card[data-v-ee6582aa]{background:var(--bg-primary);border-radius:var(--border-radius-lg);padding:28px;border:1px solid var(--border-lighter);transition:all .3s ease}.performance-card[data-v-ee6582aa]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.perf-icon[data-v-ee6582aa]{font-size:40px;margin-bottom:16px}.performance-card h3[data-v-ee6582aa]{font-size:18px;margin-bottom:12px;color:var(--text-primary)}.performance-card p[data-v-ee6582aa]{color:var(--text-secondary);line-height:1.8;margin-bottom:12px}.perf-tips[data-v-ee6582aa]{list-style:none}.perf-tips li[data-v-ee6582aa]{padding:6px 0;color:var(--text-regular);line-height:1.6;font-size:14px}.perf-tips strong[data-v-ee6582aa]{color:var(--primary-color)}.cta-section[data-v-ee6582aa]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-content[data-v-ee6582aa]{text-align:center}.cta-content h2[data-v-ee6582aa]{color:#fff}.cta-content p[data-v-ee6582aa]{color:#ffffffe6}.cta-actions .btn-primary[data-v-ee6582aa]{background-color:gold;color:#333}.cta-actions .btn-primary[data-v-ee6582aa]:hover{background-color:#ffed4e;color:#333}.cta-actions .btn-outline[data-v-ee6582aa]{color:#fff;border-color:#fff}.cta-actions .btn-outline[data-v-ee6582aa]:hover{background-color:#fff;color:#667eea}@media (max-width: 1024px){.beginner-grid[data-v-ee6582aa],.practice-grid[data-v-ee6582aa]{grid-template-columns:1fr}.performance-grid[data-v-ee6582aa]{grid-template-columns:repeat(2,1fr)}.compare-col-header[data-v-ee6582aa]{width:140px}}@media (max-width: 768px){.page-hero[data-v-ee6582aa]{padding:60px 0}.page-hero h1[data-v-ee6582aa]{font-size:2rem}.guide-nav-section[data-v-ee6582aa]{padding:24px 0}.guide-nav-item[data-v-ee6582aa]{padding:8px 16px;font-size:13px}.tutorial-step[data-v-ee6582aa]{flex-direction:column;gap:16px;padding:20px}.step-number[data-v-ee6582aa]{width:40px;height:40px;font-size:18px}.performance-grid[data-v-ee6582aa]{grid-template-columns:1fr}.compare-table th[data-v-ee6582aa],.compare-table td[data-v-ee6582aa]{padding:12px;font-size:13px}.compare-col-header[data-v-ee6582aa]{width:100px}.faq-question[data-v-ee6582aa]{padding:16px 20px;font-size:15px}}@media (max-width: 480px){.guide-nav[data-v-ee6582aa]{justify-content:flex-start}.beginner-card[data-v-ee6582aa],.practice-card[data-v-ee6582aa],.performance-card[data-v-ee6582aa]{padding:20px}}