.footer[data-v-7d277efa]{padding:var(--space-8) var(--space-6);border-top:1px solid var(--border);background:var(--bg-2);text-align:center}.footer__inner[data-v-7d277efa]{max-width:var(--content-wide);margin:0 auto}.footer p[data-v-7d277efa]{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.footer__credits[data-v-7d277efa]{font-size:var(--text-xs)!important;color:var(--text-faint)!important}.footer__service-info[data-v-7d277efa]{margin-top:var(--space-4);font-size:var(--text-xs)!important}.footer__service-info a[data-v-7d277efa]{color:var(--text-muted);transition:color var(--duration) var(--ease)}.footer__service-info a[data-v-7d277efa]:hover{color:var(--accent)}.modal[data-v-7d277efa]{border:1px solid var(--border);border-radius:var(--radius-lg);max-width:650px;width:90%;padding:0;background:var(--surface);color:var(--text);box-shadow:0 10px 40px #00000080;margin:auto}.modal[data-v-7d277efa]::backdrop{background:#0a0e17d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal__content[data-v-7d277efa]{padding:var(--space-6);text-align:left}.modal__scroll[data-v-7d277efa]{max-height:55vh;overflow-y:auto;padding-right:var(--space-3);margin-bottom:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.modal__scroll[data-v-7d277efa]::-webkit-scrollbar{width:6px}.modal__scroll[data-v-7d277efa]::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.modal h2[data-v-7d277efa]{margin-top:0;color:var(--text);margin-bottom:var(--space-4);font-size:var(--text-xl);border-bottom:1px solid var(--border);padding-bottom:var(--space-3)}.modal h3[data-v-7d277efa]{margin-top:var(--space-5);margin-bottom:var(--space-2);font-size:var(--text-lg);color:var(--accent)}.modal h3[data-v-7d277efa]:first-child{margin-top:0}.modal p[data-v-7d277efa]{line-height:1.6;margin-bottom:var(--space-3);font-size:var(--text-base);color:var(--text-muted)}.modal a[data-v-7d277efa]{color:var(--accent);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color var(--duration) var(--ease)}.modal a[data-v-7d277efa]:hover{text-decoration-color:var(--accent)}.modal__close[data-v-7d277efa]{display:block;width:100%;margin-top:var(--space-2);padding:var(--space-3);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--duration) var(--ease);font-family:inherit;font-size:var(--text-base)}.modal__close[data-v-7d277efa]:hover{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}:root{--bg: #0a0e17;--bg-2: #0d1220;--surface: #111827;--surface-2: #161f33;--surface-3: #1a2540;--border: rgba(52, 211, 153, .12);--border-bright: rgba(52, 211, 153, .25);--glow: rgba(52, 211, 153, .08);--text: #e2e8f0;--text-muted: #94a3b8;--text-faint: #64748b;--accent: #34d399;--accent-2: #06b6d4;--accent-dim: rgba(52, 211, 153, .15);--accent-glow: rgba(52, 211, 153, .4);--gradient: linear-gradient(135deg, #34d399, #06b6d4);--gradient-text: linear-gradient(135deg, #34d399 0%, #06b6d4 50%, #8b5cf6 100%);--syn-keyword: #c084fc;--syn-string: #34d399;--syn-fn: #60a5fa;--syn-comment: #475569;--syn-tag: #f472b6;--syn-attr: #fbbf24;--syn-num: #fb923c;--syn-type: #2dd4bf;--syn-prop: #a5b4fc;--syn-selector: #f472b6;--font-body: "Inter", system-ui, sans-serif;--font-display: "Space Grotesk", "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.7rem, .65rem + .25vw, .8rem);--text-sm: clamp(.8rem, .75rem + .25vw, .875rem);--text-base: clamp(.875rem, .85rem + .15vw, 1rem);--text-lg: clamp(1.1rem, 1rem + .5vw, 1.35rem);--text-xl: clamp(1.5rem, 1.2rem + 1vw, 2rem);--text-2xl: clamp(2rem, 1.5rem + 2vw, 3rem);--text-hero: clamp(2.5rem, 1.5rem + 4vw, 5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--shadow-glow: 0 0 30px rgba(52, 211, 153, .1);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 0 0 1px var(--border);--ease: cubic-bezier(.16, 1, .3, 1);--duration: .2s;--content-wide: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:5rem}body{min-height:100dvh;font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text);background:var(--bg);overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover{color:#6ee7b7}button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}code{font-family:var(--font-mono);font-size:.9em}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2;text-wrap:balance}::selection{background:#34d3994d;color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}.bg-grid{position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(52,211,153,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(52,211,153,.03) 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%)}#lightning-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none;display:block}.bg-glow{position:fixed;z-index:-1;border-radius:50%;filter:blur(120px);pointer-events:none}.bg-glow--1{width:600px;height:600px;top:-200px;left:-100px;background:#34d3990f}.bg-glow--2{width:500px;height:500px;bottom:-200px;right:-100px;background:#06b6d40d}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0e17cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background var(--duration) var(--ease)}.nav__inner{max-width:var(--content-wide);margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav__logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--text);white-space:nowrap}.nav__logo:hover,.nav__logo .accent{color:var(--accent)}.nav__links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#0a0e17fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-6);gap:var(--space-1);box-shadow:0 10px 30px #00000080;max-height:calc(100vh - 60px);overflow-y:auto}.nav__links a{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-muted);transition:all var(--duration) var(--ease)}.nav__links.open{display:flex}.nav__links a:hover,.nav__links a.active{color:var(--accent);background:var(--accent-dim)}.nav__standalone{display:flex!important;align-items:center;gap:var(--space-2)}.nav__dropdown{display:flex;flex-direction:column}.nav__dropdown-btn{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-muted);font-family:inherit;font-weight:500;transition:all var(--duration) var(--ease);width:100%;text-align:left}.nav__dropdown-btn svg{transition:transform var(--duration) var(--ease);opacity:.6}.nav__dropdown-btn:hover{color:var(--accent);background:var(--accent-dim)}.nav__dropdown-content{display:none;flex-direction:column;padding-left:var(--space-6);border-left:1px solid var(--border);margin-left:var(--space-4);margin-top:2px;gap:2px}.nav__dropdown.is-open .nav__dropdown-content{display:flex}.nav__burger{display:flex;flex-direction:column;gap:5px;padding:var(--space-2)}.nav__burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s var(--ease)}@media(min-width:1024px){.nav__inner{max-width:none;padding-inline:var(--space-6);gap:var(--space-4)}.nav__links{display:flex;position:static;flex-direction:row;flex-wrap:wrap;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:none;padding:0;box-shadow:none;gap:var(--space-2);flex:1;justify-content:flex-end;overflow:visible}.nav__links a,.nav__dropdown-btn{font-size:.75rem;padding:.3rem .5rem;flex-shrink:0}.nav__links>:first-child{margin-left:auto}.nav__dropdown{position:relative;display:flex;align-items:center;border-radius:var(--radius-sm)}.nav__dropdown-btn{width:auto;gap:4px;justify-content:flex-start}.nav__dropdown:hover>.nav__dropdown-btn{color:var(--accent);background:var(--accent-dim)}.nav__dropdown:hover .nav__dropdown-btn svg{transform:rotate(180deg)}.nav__dropdown-content{display:block;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:#0a0e17f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2);min-width:180px;box-shadow:var(--shadow-card);opacity:0;visibility:hidden;transition:all var(--duration) var(--ease);z-index:100;pointer-events:none}.nav__dropdown:hover .nav__dropdown-content,.nav__dropdown.is-open .nav__dropdown-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0);pointer-events:auto}.nav__dropdown-content a{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:.8rem;margin:0}.nav__burger{display:none}}@media(min-width:1280px){.nav__links a,.nav__dropdown-btn{font-size:.8rem;padding:.3rem .6rem}.nav__links{gap:var(--space-3)}}@media(min-width:1600px){.nav__links a,.nav__dropdown-btn{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.nav__links{gap:var(--space-1)}.nav__inner{max-width:var(--content-wide);padding-inline:var(--space-6)}}@media(max-width:1023px){.nav__burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__burger.open span:nth-child(2){opacity:0}.nav__burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}}.hero{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-24) var(--space-6) var(--space-16);overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:saturate(1.3)}.hero__bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0e174d,#0a0e1799,#0a0e17)}.hero__content{position:relative;z-index:1;text-align:center;max-width:800px}.hero__badge{display:inline-block;padding:var(--space-1) var(--space-4);background:var(--accent-dim);border:1px solid var(--border-bright);border-radius:var(--radius-xl);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);letter-spacing:.05em;margin-bottom:var(--space-6)}.hero__title{font-size:var(--text-hero);font-weight:800;letter-spacing:-.02em;margin-bottom:var(--space-4);color:#fff}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:500px;margin:0 auto var(--space-8)}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--space-12)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);transition:all var(--duration) var(--ease);white-space:nowrap}.btn--primary{background:var(--gradient);color:#0a0e17}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #34d3994d;color:#0a0e17}.btn--ghost{border:1px solid var(--border-bright);color:var(--accent)}.btn--ghost:hover{background:var(--accent-dim);border-color:var(--accent)}.hero__stats{display:flex;gap:var(--space-10);justify-content:center;flex-wrap:wrap}.stat{text-align:center}.stat__value{display:block;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:#fff}.stat__label{font-size:var(--text-xs);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em}.section{max-width:var(--content-wide);margin:0 auto;padding:clamp(var(--space-12),6vw,var(--space-24)) var(--space-6)}.section__header{margin-bottom:var(--space-10)}.section__index{display:inline-block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--accent);margin-bottom:var(--space-2);opacity:.7}.section__title{font-size:var(--text-2xl);font-weight:700;color:#fff;margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.section__icon{width:32px;height:32px;color:var(--accent);flex-shrink:0;overflow:visible}.nav__dropdown-content a{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:.8rem;margin:0}.nav__link-icon{width:14px;height:14px;opacity:.7;flex-shrink:0}.section__desc{font-size:var(--text-base);color:var(--text-muted)}.section__image{margin-bottom:var(--space-10);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);max-height:300px}.section__image img{width:100%;height:300px;object-fit:cover;opacity:.7}.explain{margin-bottom:var(--space-8);padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,#34d3990a,#06b6d408);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-base);color:var(--text-muted);line-height:1.75}.explain p{margin:0}.explain strong{color:var(--text)}.explain em{color:var(--accent);font-style:normal}.explain code{background:#34d3991a;padding:1px 6px;border-radius:var(--radius-sm);font-size:.88em;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(max-width:800px){.cards{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all .3s var(--ease);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s var(--ease)}.card:hover{border-color:var(--border-bright);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.card:hover:before{opacity:1}.card--highlight{border-color:var(--border-bright);background:linear-gradient(135deg,var(--surface),var(--surface-2))}.card--highlight:after{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(52,211,153,.04),transparent 70%);pointer-events:none}.card--full{grid-column:1 / -1}.card__tag{display:inline-block;padding:2px var(--space-3);background:var(--accent-dim);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);margin-bottom:var(--space-3)}.card h3{font-size:var(--text-lg);font-weight:600;color:#fff;margin-bottom:var(--space-3)}.card__explain{font-size:var(--text-sm);color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-4)}.card__explain code{background:#34d3991a;padding:1px 6px;border-radius:var(--radius-sm);font-size:.88em;color:var(--accent)}.card__explain strong{color:var(--text)}.card pre{background:var(--bg-2);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;color:var(--text);-webkit-overflow-scrolling:touch}.card pre code{font-size:inherit}.c-keyword{color:var(--syn-keyword)}.c-string{color:var(--syn-string)}.c-fn{color:var(--syn-fn)}.c-comment{color:var(--syn-comment);font-style:italic}.c-tag{color:var(--syn-tag)}.c-attr{color:var(--syn-attr)}.c-num{color:var(--syn-num)}.c-type{color:var(--syn-type)}.c-prop{color:var(--syn-prop)}.c-selector{color:var(--syn-selector)}.tip{display:flex;gap:var(--space-4);align-items:flex-start;margin-top:var(--space-8);padding:var(--space-5);background:linear-gradient(135deg,#34d3990f,#06b6d40a);border:1px solid var(--border-bright);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-muted);line-height:1.6}.tip strong{color:var(--accent)}.tip code{background:#34d3991a;padding:1px 6px;border-radius:var(--radius-sm);font-size:.85em;color:var(--accent)}.tip__icon{font-size:1.4rem;flex-shrink:0;line-height:1;margin-top:2px}.lifecycle-grid{display:flex;flex-direction:column;gap:0;padding-left:var(--space-6);position:relative}.lc-item{display:flex;align-items:flex-start;gap:var(--space-4);position:relative;padding:var(--space-3) 0}.lc-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:4px;position:relative;z-index:2}.lc-item--create .lc-dot{background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.lc-item--mount .lc-dot{background:var(--accent-2);box-shadow:0 0 12px #06b6d466}.lc-item--update .lc-dot{background:#fbbf24;box-shadow:0 0 12px #fbbf2466}.lc-item--destroy .lc-dot{background:#f472b6;box-shadow:0 0 12px #f472b666}.lc-line{width:2px;height:20px;background:linear-gradient(180deg,var(--border-bright),var(--border));margin-left:6px}.lc-content h3{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:#fff}.lc-content p{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}.ref-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ref-table th{text-align:left;padding:var(--space-4) var(--space-5);background:var(--surface-2);color:var(--accent);font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.ref-table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.ref-table tr:last-child td{border-bottom:none}.ref-table tr:hover td{background:var(--glow)}.ref-table td:first-child{color:var(--text-muted);white-space:nowrap;font-size:var(--text-xs)}.ref-table code{background:var(--bg-2);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--accent);border:1px solid rgba(255,255,255,.04)}.footer{border-top:1px solid var(--border);padding:var(--space-10) var(--space-6);text-align:center}.footer__inner{max-width:var(--content-wide);margin:0 auto}.footer p{font-size:var(--text-sm);color:var(--text-faint);margin-bottom:var(--space-2)}.footer__credits a{color:var(--text-faint);font-size:var(--text-xs)}.footer__credits a:hover{color:var(--accent)}.section{opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.section.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media(max-width:600px){.hero{min-height:100svh;padding-top:var(--space-20)}.hero__stats{gap:var(--space-6)}.hero__actions{flex-direction:column;align-items:center}.section{padding-left:var(--space-4);padding-right:var(--space-4)}.lifecycle-grid{padding-left:var(--space-2)}}@media print{.nav,.bg-grid,.bg-glow,.hero__bg{display:none}.section{opacity:1;transform:none}body{background:#fff;color:#000}.card{break-inside:avoid;border:1px solid #ccc}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.section{opacity:1;transform:none}}