@charset "UTF-8";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}.hero-section[data-v-5957ba86]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.hero-content[data-v-5957ba86]{max-width:800px;text-align:center;position:relative;z-index:1}.hero-title[data-v-5957ba86]{margin-bottom:1.5rem}.greeting[data-v-5957ba86]{display:block;font-size:1.2rem;font-weight:400;color:var(--text-secondary, #94a3b8);margin-bottom:.5rem}.name[data-v-5957ba86]{display:block;font-size:clamp(2.5rem,8vw,5rem);font-weight:800;background:linear-gradient(135deg,var(--primary, #818cf8),#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-subtitle[data-v-5957ba86]{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-secondary, #94a3b8);line-height:1.7;max-width:600px;margin:0 auto 2.5rem}.hero-actions[data-v-5957ba86]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.btn[data-v-5957ba86]{padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-primary[data-v-5957ba86]{background:var(--primary, #818cf8);color:#fff;border:2px solid var(--primary, #818cf8)}.btn-primary[data-v-5957ba86]:hover{background:var(--primary-hover, #6366f1);border-color:var(--primary-hover, #6366f1);transform:translateY(-2px);box-shadow:0 8px 25px var(--shadow, rgba(129, 140, 248, .3))}.btn-outline[data-v-5957ba86]{background:transparent;color:var(--text, #f1f5f9);border:2px solid var(--border, #334155)}.btn-outline[data-v-5957ba86]:hover{border-color:var(--primary, #818cf8);color:var(--primary, #818cf8);transform:translateY(-2px)}.hero-stats[data-v-5957ba86]{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap}.stat[data-v-5957ba86]{display:flex;flex-direction:column;align-items:center}.stat-number[data-v-5957ba86]{font-size:2rem;font-weight:700;color:var(--primary, #818cf8)}.stat-label[data-v-5957ba86]{font-size:.9rem;color:var(--text-secondary, #94a3b8);margin-top:.25rem}.hero-decoration[data-v-5957ba86]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.floating-shape[data-v-5957ba86]{position:absolute;border-radius:50%;opacity:.1}.shape-1[data-v-5957ba86]{width:300px;height:300px;background:var(--primary, #818cf8);top:10%;right:10%}.shape-2[data-v-5957ba86]{width:200px;height:200px;background:#a78bfa;bottom:20%;left:5%}.shape-3[data-v-5957ba86]{width:150px;height:150px;background:#f472b6;top:30%;left:15%}@media (max-width: 768px){.hero-stats[data-v-5957ba86]{gap:2rem}.stat-number[data-v-5957ba86]{font-size:1.5rem}}.features-section[data-v-9871e72d]{padding:6rem 2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.section-header[data-v-9871e72d]{text-align:center;margin-bottom:4rem}.section-title[data-v-9871e72d]{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text, #f1f5f9);margin-bottom:1rem}.section-desc[data-v-9871e72d]{font-size:1.1rem;color:var(--text-secondary, #94a3b8);max-width:500px;margin:0 auto}.features-grid[data-v-9871e72d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.feature-card[data-v-9871e72d]{background:var(--card-bg, rgba(30, 41, 59, .6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:16px;padding:2rem;transition:all .3s ease}.feature-card[data-v-9871e72d]:hover{transform:translateY(-4px);border-color:var(--primary, #818cf8);box-shadow:0 12px 40px var(--shadow, rgba(0, 0, 0, .2))}.feature-icon[data-v-9871e72d]{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.icon-emoji[data-v-9871e72d]{font-size:1.5rem;line-height:1}.feature-title[data-v-9871e72d]{font-size:1.25rem;font-weight:700;color:var(--text, #f1f5f9);margin-bottom:.75rem}.feature-desc[data-v-9871e72d]{font-size:.95rem;color:var(--text-secondary, #94a3b8);line-height:1.6;margin-bottom:1.25rem}.feature-link[data-v-9871e72d]{color:var(--primary, #818cf8);font-weight:600;font-size:.9rem;text-decoration:none;transition:gap .2s}.feature-link[data-v-9871e72d]:hover{gap:.5rem}.examples-page[data-v-f3b16d70]{padding-top:5rem;height:100vh;overflow:hidden}.examples-layout[data-v-f3b16d70]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;gap:2rem;height:calc(100vh - 5rem)}.examples-sidebar[data-v-f3b16d70]{width:260px;flex-shrink:0;height:100%;overflow-y:auto;background:var(--card-bg, rgba(30, 41, 59, .6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:12px;padding:1.25rem}.examples-sidebar[data-v-f3b16d70]::-webkit-scrollbar{width:4px}.examples-sidebar[data-v-f3b16d70]::-webkit-scrollbar-track{background:transparent}.examples-sidebar[data-v-f3b16d70]::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .1));border-radius:2px}.search-box[data-v-f3b16d70]{position:relative;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary, rgba(30, 41, 59, .4));border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;padding:.5rem .75rem;transition:all .2s}.search-box[data-v-f3b16d70]:focus-within{border-color:var(--primary, #818cf8);background:var(--bg-tertiary, rgba(51, 65, 85, .4))}.search-icon[data-v-f3b16d70]{font-size:.9rem;color:var(--text-secondary, #94a3b8);line-height:1}.search-input[data-v-f3b16d70]{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:.875rem;padding:0}.search-input[data-v-f3b16d70]::placeholder{color:var(--text-secondary, #94a3b8)}.clear-btn[data-v-f3b16d70]{background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.clear-btn[data-v-f3b16d70]:hover{color:var(--text);background:var(--bg-secondary, rgba(30, 41, 59, .4))}.accordion-panel[data-v-f3b16d70]{margin-bottom:.25rem}.panel-header[data-v-f3b16d70]{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-secondary, #94a3b8);transition:all .2s;-webkit-user-select:none;user-select:none}.panel-header[data-v-f3b16d70]:hover{background:var(--bg-secondary, rgba(30, 41, 59, .4));color:var(--text)}.expand-arrow[data-v-f3b16d70]{font-size:.6rem;transition:transform .2s;width:12px;text-align:center}.accordion-panel.is-expanded .expand-arrow[data-v-f3b16d70]{transform:rotate(90deg)}.panel-icon[data-v-f3b16d70]{font-size:1rem;line-height:1}.panel-label[data-v-f3b16d70]{flex:1}.panel-count[data-v-f3b16d70]{font-size:.75rem;padding:.1rem .45rem;border-radius:99px;background:var(--bg-secondary, rgba(30, 41, 59, .4));color:var(--text-secondary)}.panel-body[data-v-f3b16d70]{margin-left:1.25rem;padding:.25rem 0}.sub-item[data-v-f3b16d70]{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.85rem;color:var(--text-secondary, #94a3b8);border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.sub-item .sub-label[data-v-f3b16d70]{flex:1}.sub-item .sub-count[data-v-f3b16d70]{font-size:.75rem;padding:.1rem .45rem;border-radius:99px;background:var(--bg-secondary, rgba(30, 41, 59, .4));color:var(--text-secondary)}.sub-item[data-v-f3b16d70]:hover{color:var(--text);background:var(--bg-secondary, rgba(30, 41, 59, .4))}.sub-item.active[data-v-f3b16d70]{color:var(--primary, #818cf8);font-weight:600;background:color-mix(in srgb,var(--primary, #818cf8) 12%,transparent)}.examples-content[data-v-f3b16d70]{flex:1;min-width:0;height:100%;overflow-y:auto;padding:1rem 0}.examples-content[data-v-f3b16d70]::-webkit-scrollbar{width:6px}.examples-content[data-v-f3b16d70]::-webkit-scrollbar-track{background:transparent}.examples-content[data-v-f3b16d70]::-webkit-scrollbar-thumb{background:var(--border, rgba(255, 255, 255, .1));border-radius:3px}.content-section[data-v-f3b16d70]{margin-bottom:1.5rem}.section-header[data-v-f3b16d70]{display:flex;align-items:baseline;gap:.75rem;padding:.75rem 0 .5rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08));margin-bottom:1rem}.section-header h3[data-v-f3b16d70]{font-size:1.1rem;font-weight:700;color:var(--text)}.section-header .section-count[data-v-f3b16d70]{font-size:.8rem;color:var(--text-secondary, #94a3b8)}.card-grid[data-v-f3b16d70]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.25rem}.example-card[data-v-f3b16d70]{background:var(--card-bg, rgba(30, 41, 59, .6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease}.example-card[data-v-f3b16d70]:hover{transform:translateY(-4px);border-color:var(--primary, #818cf8);box-shadow:0 12px 40px var(--shadow, rgba(0, 0, 0, .2))}.example-card:hover .card-placeholder[data-v-f3b16d70]{transform:scale(1.1)}.card-image[data-v-f3b16d70]{height:160px;overflow:hidden;display:flex;align-items:center;justify-content:center}.card-placeholder[data-v-f3b16d70]{font-size:2.5rem;font-weight:800;color:#ffffff4d;transition:transform .3s ease}.card-info[data-v-f3b16d70]{padding:1rem 1.25rem 1.25rem}.card-name[data-v-f3b16d70]{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.4rem}.card-desc[data-v-f3b16d70]{font-size:.85rem;color:var(--text-secondary, #94a3b8);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-state[data-v-f3b16d70]{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #94a3b8)}.empty-state .empty-icon[data-v-f3b16d70]{font-size:3rem;display:block;margin-bottom:1rem}@media (max-width: 860px){.examples-page[data-v-f3b16d70]{height:auto;overflow:visible}.examples-layout[data-v-f3b16d70]{flex-direction:column;height:auto;padding:1rem}.examples-sidebar[data-v-f3b16d70]{display:none}.examples-content[data-v-f3b16d70]{height:auto;overflow-y:visible}}.articles-main[data-v-fa0c3c32]{padding-top:5rem}.articles-container[data-v-fa0c3c32]{max-width:1200px;margin:0 auto;padding:2rem;display:flex;gap:2rem;align-items:flex-start}.articles-sidebar[data-v-fa0c3c32]{position:sticky;top:6rem;width:240px;flex-shrink:0;background:var(--card-bg, rgba(30, 41, 59, .6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:12px;padding:1.25rem}.search-box[data-v-fa0c3c32]{position:relative;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary, rgba(30, 41, 59, .4));border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:8px;padding:.5rem .75rem;transition:all .2s}.search-box[data-v-fa0c3c32]:focus-within{border-color:var(--primary, #818cf8);background:var(--bg-tertiary, rgba(51, 65, 85, .4))}.search-icon[data-v-fa0c3c32]{font-size:.9rem;color:var(--text-secondary, #94a3b8);line-height:1}.search-input[data-v-fa0c3c32]{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-size:.875rem;padding:0}.search-input[data-v-fa0c3c32]::placeholder{color:var(--text-secondary, #94a3b8)}.clear-btn[data-v-fa0c3c32]{background:transparent;border:none;color:var(--text-secondary, #94a3b8);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.clear-btn[data-v-fa0c3c32]:hover{color:var(--text);background:var(--bg-secondary, rgba(30, 41, 59, .4))}.sidebar-title[data-v-fa0c3c32]{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border, rgba(255, 255, 255, .08))}.category-tree[data-v-fa0c3c32]{list-style:none}.category-tree .category-item[data-v-fa0c3c32]{margin-bottom:.25rem}.category-tree .category-node[data-v-fa0c3c32]{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;cursor:pointer;font-size:.9rem;color:var(--text-secondary, #94a3b8);transition:all .2s;-webkit-user-select:none;user-select:none}.category-tree .category-node[data-v-fa0c3c32]:hover{background:var(--bg-secondary, rgba(30, 41, 59, .4));color:var(--text)}.category-tree .category-node.active[data-v-fa0c3c32]{background:color-mix(in srgb,var(--primary, #818cf8) 15%,transparent);color:var(--primary, #818cf8);font-weight:600}.category-tree .expand-icon[data-v-fa0c3c32]{font-size:.6rem;transition:transform .2s;width:12px;text-align:center}.category-tree .category-node.expanded .expand-icon[data-v-fa0c3c32]{transform:rotate(90deg)}.category-tree .node-icon[data-v-fa0c3c32]{font-size:1rem;line-height:1}.category-tree .node-label[data-v-fa0c3c32]{flex:1}.category-tree .node-count[data-v-fa0c3c32]{font-size:.75rem;padding:.1rem .45rem;border-radius:99px;background:var(--bg-secondary, rgba(30, 41, 59, .4));color:var(--text-secondary)}.subcategory-list[data-v-fa0c3c32]{list-style:none;margin-left:1.25rem}.subcategory-list .subcategory-node[data-v-fa0c3c32]{padding:.35rem .75rem;font-size:.85rem;color:var(--text-secondary, #94a3b8);border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.5rem}.subcategory-list .subcategory-node .node-label[data-v-fa0c3c32]{flex:1}.subcategory-list .subcategory-node .node-count[data-v-fa0c3c32]{font-size:.75rem;padding:.1rem .45rem;border-radius:99px;background:var(--bg-secondary, rgba(30, 41, 59, .4));color:var(--text-secondary)}.subcategory-list .subcategory-node[data-v-fa0c3c32]:hover{color:var(--text);background:var(--bg-secondary, rgba(30, 41, 59, .4))}.subcategory-list .subcategory-node.active[data-v-fa0c3c32]{color:var(--primary, #818cf8);font-weight:600;background:color-mix(in srgb,var(--primary, #818cf8) 12%,transparent)}.articles-content[data-v-fa0c3c32]{width:100%;min-width:0}.content-header[data-v-fa0c3c32]{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem}.content-title[data-v-fa0c3c32]{font-size:1.5rem;font-weight:700}.content-count[data-v-fa0c3c32]{font-size:.85rem;color:var(--text-secondary, #94a3b8)}.project-grid[data-v-fa0c3c32]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.25rem}.project-card[data-v-fa0c3c32]{background:var(--card-bg, rgba(30, 41, 59, .6));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:14px;overflow:hidden;transition:all .3s ease;cursor:pointer}.project-card[data-v-fa0c3c32]:hover{transform:translateY(-4px);border-color:var(--primary, #818cf8);box-shadow:0 12px 40px var(--shadow, rgba(0, 0, 0, .2))}.project-card[data-v-fa0c3c32]:focus{outline:2px solid var(--primary, #818cf8);outline-offset:2px}.card-cover[data-v-fa0c3c32]{height:140px;display:flex;align-items:center;justify-content:center}.card-placeholder[data-v-fa0c3c32]{font-size:2.5rem;font-weight:800;color:#fff6}.card-body[data-v-fa0c3c32]{padding:1.25rem 1.25rem .75rem}.card-title[data-v-fa0c3c32]{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.card-desc[data-v-fa0c3c32]{font-size:.88rem;color:var(--text-secondary, #94a3b8);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.75rem}.card-tags[data-v-fa0c3c32]{display:flex;flex-wrap:wrap;gap:.4rem}.tag[data-v-fa0c3c32]{font-size:.75rem;padding:.2rem .55rem;border-radius:99px;color:var(--primary, #818cf8);background:color-mix(in srgb,var(--primary, #818cf8) 15%,transparent);font-weight:500}.card-footer[data-v-fa0c3c32]{padding:.75rem 1.25rem 1.25rem;display:flex;gap:.75rem}.card-action[data-v-fa0c3c32]{font-size:.85rem;font-weight:600;color:var(--primary, #818cf8);text-decoration:none;transition:opacity .2s}.card-action[data-v-fa0c3c32]:hover{opacity:.8}.card-action.secondary[data-v-fa0c3c32]{color:var(--text-secondary, #94a3b8)}.empty-state[data-v-fa0c3c32]{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #94a3b8)}.empty-state .empty-icon[data-v-fa0c3c32]{font-size:3rem;display:block;margin-bottom:1rem}.card-enter-active[data-v-fa0c3c32],.card-leave-active[data-v-fa0c3c32]{transition:all .4s ease}.card-enter-from[data-v-fa0c3c32]{opacity:0;transform:translateY(20px)}.card-leave-to[data-v-fa0c3c32]{opacity:0;transform:translateY(-10px)}.card-move[data-v-fa0c3c32]{transition:transform .4s ease}@media (max-width: 860px){.articles-container[data-v-fa0c3c32]{flex-direction:column}.articles-sidebar[data-v-fa0c3c32]{position:static;width:100%}}