.code-section[data-v-a9a7c756]{padding:var(--sp-24) 0}.code-section h2[data-v-a9a7c756]{margin-bottom:var(--sp-3)}.code-desc[data-v-a9a7c756]{color:var(--c-text-muted);font-size:1.05rem;margin-bottom:var(--sp-8);max-width:500px}.code-widget[data-v-a9a7c756]{max-width:720px;min-width:0}.lang-tabs[data-v-a9a7c756]{display:flex;gap:var(--sp-1);margin-bottom:-1px;position:relative;z-index:1}.lang-tab[data-v-a9a7c756]{padding:var(--sp-2) var(--sp-4);background:transparent;border:1px solid transparent;border-bottom:none;border-radius:var(--r-md) var(--r-md) 0 0;color:var(--c-text-muted);font-family:var(--font-display);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--dur) var(--ease-out)}.lang-tab[data-v-a9a7c756]:hover{color:var(--c-text)}.lang-tab.active[data-v-a9a7c756]{background:var(--c-bg);border-color:var(--c-border);color:var(--c-purple-bright)}.code-block[data-v-a9a7c756]{max-width:100%;min-width:0;border-radius:0 var(--r-lg) var(--r-lg) var(--r-lg);overflow:hidden;border:1px solid var(--c-border);background:var(--c-bg);box-shadow:0 0 60px #a855f70a,0 16px 40px #00000040}.code-header[data-v-a9a7c756]{display:flex;align-items:center;gap:6px;padding:var(--sp-3) var(--sp-4);background:var(--c-bg-card);border-bottom:1px solid var(--c-border)}.code-dot[data-v-a9a7c756]{width:10px;height:10px;border-radius:50%}.code-file[data-v-a9a7c756]{margin-left:var(--sp-4);font-size:.75rem;color:var(--c-text-muted);font-family:var(--font-mono)}.copy-btn[data-v-a9a7c756]{margin-left:auto;padding:var(--sp-1) var(--sp-3);font-size:.75rem;font-family:var(--font-display);font-weight:500;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:var(--r-sm);color:var(--c-purple-bright);cursor:pointer;transition:all var(--dur) var(--ease-out)}.copy-btn[data-v-a9a7c756]:hover{background:#a855f733}.copy-btn.copied[data-v-a9a7c756]{color:var(--c-green);border-color:#10b9814d;background:#10b9811a}.code-block pre[data-v-a9a7c756]{margin:0;border:none;border-radius:0;padding:var(--sp-6);background:transparent;font-size:.85rem;line-height:1.75;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.code-block code[data-v-a9a7c756]{display:block;min-width:max-content;color:var(--c-text);font-family:var(--font-mono);white-space:pre}.code-block[data-v-a9a7c756] .kw{color:var(--c-pink)}.code-block[data-v-a9a7c756] .mod{color:var(--c-cyan)}.code-block[data-v-a9a7c756] .str{color:var(--c-green)}.code-block[data-v-a9a7c756] .val{color:var(--c-orange)}.code-block[data-v-a9a7c756] .cmt{color:var(--c-text-muted)}@media(max-width:768px){.lang-tabs[data-v-a9a7c756]{overflow-x:auto;-webkit-overflow-scrolling:touch}}.hero-code[data-v-d2d7b3da]{width:min(960px,calc(100vw - 2rem));text-align:left;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-border-bright);background:#080814e6;margin-bottom:var(--sp-12);box-shadow:0 0 80px #a855f71a,0 0 160px #a855f70d,0 20px 60px #00000080}.code-header[data-v-d2d7b3da]{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-bg-card);border-bottom:1px solid var(--c-border)}.code-dots[data-v-d2d7b3da]{display:flex;gap:6px}.code-dot[data-v-d2d7b3da]{width:10px;height:10px;border-radius:50%}.code-langs[data-v-d2d7b3da]{display:flex;gap:var(--sp-1);margin-left:auto}.code-lang[data-v-d2d7b3da]{padding:2px var(--sp-3);background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--c-text-muted);font-family:var(--font-display);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--dur) var(--ease-out)}.code-lang[data-v-d2d7b3da]:hover{color:var(--c-text)}.code-lang.active[data-v-d2d7b3da]{color:var(--c-purple-bright);background:#a855f71a;border-color:#a855f733}pre[data-v-d2d7b3da]{margin:0;border:none;border-radius:0;padding:var(--sp-6);background:transparent;font-size:.82rem;line-height:1.75;overflow-x:auto}code[data-v-d2d7b3da]{display:block;min-width:max-content;color:var(--c-text);font-family:var(--font-mono);white-space:pre}[data-v-d2d7b3da] .kw{color:var(--c-pink)}[data-v-d2d7b3da] .mod{color:var(--c-cyan)}@media(max-width:768px){.hero-code[data-v-d2d7b3da]{width:calc(100vw - 2rem)}.code-dots[data-v-d2d7b3da]{display:none}.code-langs[data-v-d2d7b3da]{margin-left:0}pre[data-v-d2d7b3da]{padding:var(--sp-4);font-size:.72rem;min-height:240px}}[data-v-d2d7b3da] .str{color:var(--c-green)}[data-v-d2d7b3da] .val{color:var(--c-orange)}[data-v-d2d7b3da] .cmt{color:var(--c-text-muted)}