:root{--bg: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--surface: #ffffff;--border: #e5e7eb;--border-subtle: #f0f0f0;--text: #374151;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-heading: #111827;--accent: #7c3aed;--accent-hover: #6d28d9;--accent-bg: #f5f3ff;--accent-text: #7c3aed;--success: #059669;--warning: #d97706;--error: #dc2626;--code-bg: #f3f4f6;--code-text: #1f2937;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "Cascadia Code", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--shadow-lg: 0 8px 24px rgba(0,0,0,.08);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;font-family:var(--font-sans);font-size:16px;line-height:1.6;letter-spacing:-.01em;color:var(--text);background:var(--bg);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0f0f12;--bg-secondary: #16161a;--bg-tertiary: #1e1e24;--surface: #16161a;--border: #2e2e38;--border-subtle: #1e1e24;--text: #c9cdd4;--text-secondary: #a1a5ae;--text-tertiary: #72757e;--text-heading: #f9fafb;--accent: #a78bfa;--accent-hover: #c4b5fd;--accent-bg: #1e1a2e;--accent-text: #a78bfa;--code-bg: #1a1a24;--code-text: #e5e7eb;--shadow-sm: 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.3);--shadow-lg: 0 8px 24px rgba(0,0,0,.4);color-scheme:dark}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit}img{max-width:100%;height:auto}#app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--space-6)}.page-content{flex:1;padding:var(--space-10) 0 var(--space-16)}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:600;color:var(--text-heading);line-height:1.25}h1{font-size:2.25rem;letter-spacing:-.03em}h2{font-size:1.5rem;letter-spacing:-.02em}h3{font-size:1.25rem;letter-spacing:-.01em}h4{font-size:1.1rem}p{line-height:1.7}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-subtle)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:.72rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.badge-beginner{background:#dcfce7;color:#166534}.badge-intermediate{background:#fef9c3;color:#854d0e}.badge-advanced{background:#fce7f3;color:#9d174d}@media(prefers-color-scheme:dark){.badge-beginner{background:#052e16;color:#86efac}.badge-intermediate{background:#422006;color:#fde047}.badge-advanced{background:#4a044e;color:#f9a8d4}}.markdown-body{color:var(--text);line-height:1.75;max-width:720px}.markdown-body h1{font-size:1.875rem;margin:0 0 var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.markdown-body h2{font-size:1.375rem;margin:var(--space-8) 0 var(--space-4)}.markdown-body h3{font-size:1.125rem;margin:var(--space-6) 0 var(--space-3)}.markdown-body p{margin:0 0 var(--space-4)}.markdown-body ul,.markdown-body ol{margin:0 0 var(--space-4);padding-left:var(--space-6)}.markdown-body li{margin:var(--space-1) 0}.markdown-body code{font-family:var(--font-mono);font-size:.875em;background:var(--code-bg);color:var(--code-text);padding:2px 6px;border-radius:var(--radius-sm)}.markdown-body pre{background:var(--code-bg);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin:0 0 var(--space-5)}.markdown-body pre code{background:none;padding:0;font-size:.85rem;line-height:1.65}.markdown-body pre.mermaid{background:transparent;padding:var(--space-2) 0;margin:var(--space-5) 0;display:flex;justify-content:center;overflow:visible;font-family:var(--font-sans)}.markdown-body pre.mermaid svg{max-width:100%;height:auto}.markdown-body blockquote{border-left:3px solid var(--accent);padding-left:var(--space-4);margin:0 0 var(--space-4);color:var(--text-secondary);font-style:italic}.markdown-body table{width:100%;border-collapse:collapse;margin:0 0 var(--space-5);font-size:.925rem}.markdown-body th,.markdown-body td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.markdown-body th{font-weight:600;color:var(--text-heading);background:var(--bg-secondary)}.markdown-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.markdown-body a:hover{color:var(--accent-hover)}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}[class*=fade-in-delay-]{opacity:0;animation:fadeIn .3s ease forwards}.fade-in-delay-1{animation-delay:.05s}.fade-in-delay-2{animation-delay:.1s}.fade-in-delay-3{animation-delay:.15s}.fade-in-delay-4{animation-delay:.2s}.fade-in-delay-5{animation-delay:.25s}.fade-in-delay-6{animation-delay:.3s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.divider{height:1px;background:var(--border);margin:var(--space-8) 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.navbar[data-v-38f35449]{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar-inner[data-v-38f35449]{display:flex;align-items:center;justify-content:space-between;height:60px}.navbar-brand[data-v-38f35449]{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:1.05rem;color:var(--text-heading);letter-spacing:-.02em;transition:opacity var(--transition-fast)}.navbar-brand[data-v-38f35449]:hover{opacity:.75}.brand-icon[data-v-38f35449]{font-size:1.2rem}.brand-name[data-v-38f35449]{font-weight:700}.navbar-nav[data-v-38f35449]{display:flex;align-items:center;gap:var(--space-2)}.nav-link[data-v-38f35449]{padding:6px 14px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.nav-link[data-v-38f35449]:hover{background:var(--bg-tertiary);color:var(--text-heading)}.nav-link.active[data-v-38f35449]{color:var(--text-heading);background:var(--bg-secondary)}.nav-icon-link[data-v-38f35449]{display:inline-flex;align-items:center;justify-content:center;padding:6px}.topic-card[data-v-33ecfc49]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);cursor:pointer}.topic-card-icon[data-v-33ecfc49]{font-size:2rem;flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--accent-bg);border-radius:var(--radius-md);font-size:1.5rem}.topic-card-body[data-v-33ecfc49]{flex:1;min-width:0}.topic-card-title[data-v-33ecfc49]{font-size:1.05rem;font-weight:600;color:var(--text-heading);margin-bottom:4px}.topic-card-desc[data-v-33ecfc49]{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.topic-card-meta[data-v-33ecfc49]{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.topic-card-count[data-v-33ecfc49]{font-size:.8rem;color:var(--text-tertiary);font-weight:500}.topic-card-arrow[data-v-33ecfc49]{font-size:1rem;color:var(--text-tertiary);transition:transform var(--transition-base),color var(--transition-base)}.topic-card:hover .topic-card-arrow[data-v-33ecfc49]{transform:translate(4px);color:var(--accent)}.topic-card[data-v-33ecfc49]:hover{transform:translateY(-2px)}.lesson-card[data-v-fac59165]{display:block;padding:var(--space-5) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.lesson-card[data-v-fac59165]:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-2px)}.lesson-card-header[data-v-fac59165]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.lesson-number[data-v-fac59165]{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-tertiary);letter-spacing:.05em}.lesson-card-title[data-v-fac59165]{font-size:1rem;font-weight:600;color:var(--text-heading);margin-bottom:var(--space-2);line-height:1.35}.lesson-card-summary[data-v-fac59165]{font-size:.85rem;color:var(--text-secondary);line-height:1.55;margin:0 0 var(--space-4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-footer[data-v-fac59165]{display:flex;align-items:center;justify-content:space-between}.lesson-time[data-v-fac59165]{font-size:.78rem;color:var(--text-tertiary);font-weight:500}.lesson-arrow[data-v-fac59165]{font-size:.8rem;color:var(--accent);font-weight:500;opacity:0;transform:translate(-4px);transition:opacity var(--transition-base),transform var(--transition-base)}.lesson-card:hover .lesson-arrow[data-v-fac59165]{opacity:1;transform:translate(0)}.lesson-view[data-v-e20207fb]{max-width:800px;margin:0 auto}.lesson-loading[data-v-e20207fb]{padding:var(--space-8) 0}.loading-skeleton[data-v-e20207fb]{animation:pulse-e20207fb 1.5s ease-in-out infinite}.skeleton-title[data-v-e20207fb]{height:40px;background:var(--bg-tertiary);border-radius:var(--radius-sm);width:70%;margin-bottom:var(--space-4)}.skeleton-meta[data-v-e20207fb]{height:24px;background:var(--bg-tertiary);border-radius:var(--radius-sm);width:40%;margin-bottom:var(--space-6)}.skeleton-line[data-v-e20207fb]{height:16px;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--space-3)}.skeleton-line.short[data-v-e20207fb]{width:60%}.skeleton-line.medium[data-v-e20207fb]{width:80%}@keyframes pulse-e20207fb{0%,to{opacity:1}50%{opacity:.5}}.lesson-error[data-v-e20207fb]{text-align:center;padding:var(--space-12);color:var(--text-secondary)}.retry-btn[data-v-e20207fb]{margin-top:var(--space-4);padding:8px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500}.lesson-article[data-v-e20207fb]{padding:var(--space-8) 0 var(--space-16)}.lesson-breadcrumb[data-v-e20207fb]{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-5)}.breadcrumb-link[data-v-e20207fb]{color:var(--text-tertiary);transition:color var(--transition-fast)}.breadcrumb-link[data-v-e20207fb]:hover{color:var(--accent)}.breadcrumb-sep[data-v-e20207fb]{opacity:.5}.lesson-meta[data-v-e20207fb]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.lesson-time[data-v-e20207fb]{font-size:.8rem;color:var(--text-tertiary);font-weight:500}.lesson-title[data-v-e20207fb]{font-size:2rem;font-weight:700;color:var(--text-heading);letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--space-4)}.lesson-summary[data-v-e20207fb]{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;margin:0}.lesson-body[data-v-e20207fb]{margin-top:var(--space-8)}.lesson-footer[data-v-e20207fb]{margin-top:var(--space-10)}.lesson-nav-footer[data-v-e20207fb]{display:flex;justify-content:space-between;gap:var(--space-4)}.nav-btn[data-v-e20207fb]{font-size:.875rem;font-weight:500;color:var(--accent);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);transition:background var(--transition-fast),border-color var(--transition-fast);max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-btn[data-v-e20207fb]:hover{background:var(--accent-bg);border-color:var(--accent)}.home-hero[data-v-73a3a1cc]{text-align:center;padding:var(--space-12) 0 var(--space-10)}.hero-title[data-v-73a3a1cc]{font-size:2.75rem;font-weight:700;color:var(--text-heading);letter-spacing:-.04em;line-height:1.15;margin-bottom:var(--space-4)}.hero-accent[data-v-73a3a1cc]{background:linear-gradient(135deg,var(--accent) 0%,#a855f7 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-73a3a1cc]{font-size:1.05rem;color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.65}.topics-section[data-v-73a3a1cc]{margin-bottom:var(--space-12)}.section-label[data-v-73a3a1cc]{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-4)}.topics-grid[data-v-73a3a1cc]{display:flex;flex-direction:column;gap:var(--space-3)}.stats-section[data-v-73a3a1cc]{display:flex;align-items:center;justify-content:center;gap:var(--space-6);padding:var(--space-6) 0;border-top:1px solid var(--border)}.stat-item[data-v-73a3a1cc]{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-number[data-v-73a3a1cc]{font-size:1.25rem;font-weight:700;color:var(--text-heading);letter-spacing:-.02em}.stat-label[data-v-73a3a1cc]{font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.stat-divider[data-v-73a3a1cc]{width:1px;height:32px;background:var(--border)}.topic-header[data-v-73a3a1cc]{padding:var(--space-8) 0 var(--space-8);border-bottom:1px solid var(--border);margin-bottom:var(--space-8)}.back-link[data-v-73a3a1cc]{display:inline-flex;align-items:center;font-size:.8rem;color:var(--text-tertiary);margin-bottom:var(--space-5);transition:color var(--transition-fast)}.back-link[data-v-73a3a1cc]:hover{color:var(--accent)}.topic-header-icon[data-v-73a3a1cc]{font-size:2.5rem;margin-bottom:var(--space-3)}.topic-header-title[data-v-73a3a1cc]{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:var(--text-heading);margin-bottom:var(--space-3)}.topic-header-desc[data-v-73a3a1cc]{font-size:1rem;color:var(--text-secondary);line-height:1.6;max-width:560px;margin:0 0 var(--space-4)}.topic-header-stats[data-v-73a3a1cc]{font-size:.85rem;color:var(--text-tertiary);font-weight:500}.lessons-grid[data-v-73a3a1cc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.site-footer[data-v-73a3a1cc]{border-top:1px solid var(--border);padding:var(--space-6) 0}.footer-inner[data-v-73a3a1cc]{display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-tertiary)}@media(max-width:640px){.hero-title[data-v-73a3a1cc]{font-size:2rem}.topics-grid[data-v-73a3a1cc]{gap:var(--space-2)}.lessons-grid[data-v-73a3a1cc]{grid-template-columns:1fr}.stats-section[data-v-73a3a1cc]{gap:var(--space-4)}}