[data-v-bdc8d32a]:root{--max:1160px}[data-v-bdc8d32a]{box-sizing:border-box}a[data-v-bdc8d32a]{color:inherit;text-decoration:none}.container[data-v-bdc8d32a]{width:min(92%,var(--max));margin:0 auto}section[data-v-bdc8d32a]{padding:52px 0}.hero[data-v-bdc8d32a]{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,var(--hero-top),var(--hero-bottom))}.hero h1[data-v-bdc8d32a]{margin:0;font-size:clamp(30px,5vw,48px);letter-spacing:-.02em;color:var(--text)}.hero p[data-v-bdc8d32a]{margin:10px 0 0;color:var(--muted);max-width:66ch}.grid[data-v-bdc8d32a]{display:grid;gap:16px;grid-template-columns:1fr}.card[data-v-bdc8d32a]{border:1px solid var(--line);border-radius:24px;background:var(--surface);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow),inset 0 1px 0 hsla(0,0%,100%,.35);padding:18px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card[data-v-bdc8d32a]:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:0 18px 32px rgba(15,23,42,.16)}[data-theme=dark] .card[data-v-bdc8d32a]:hover{box-shadow:0 18px 36px rgba(58,26,108,.45)}[data-theme=dark][data-dark-style=cyber] .card[data-v-bdc8d32a]:hover{box-shadow:0 20px 40px rgba(106,16,142,.56)}[data-theme=dark][data-dark-style=apple] .card[data-v-bdc8d32a]:hover{box-shadow:0 18px 34px rgba(42,36,66,.5)}.step-head[data-v-bdc8d32a]{margin:0 0 6px;font-size:20px;color:var(--text)}.step-desc[data-v-bdc8d32a]{margin:0 0 12px;color:var(--muted);font-size:14px}.step-list[data-v-bdc8d32a]{margin:0;padding-left:18px}.step-list li[data-v-bdc8d32a]{margin:6px 0;color:var(--text)}.code-wrap[data-v-bdc8d32a]{position:relative;margin-top:12px}.copy-btn[data-v-bdc8d32a]{position:absolute;top:10px;right:10px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--surface-solid) 90%,transparent);color:var(--text);padding:5px 10px;font-size:12px;cursor:pointer;z-index:1}.copy-btn[data-v-bdc8d32a]:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--line))}.code-wrap pre[data-v-bdc8d32a]{margin:0;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-solid) 95%,#000 5%);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25);padding:40px 14px 14px;overflow:auto}.code-wrap code[data-v-bdc8d32a]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.55;white-space:pre;color:var(--text)}[data-theme=dark] .code-wrap pre[data-v-bdc8d32a]{background:color-mix(in srgb,var(--surface-solid) 78%,#000 22%)}@media (max-width:1024px){.grid[data-v-bdc8d32a]{grid-template-columns:1fr}}@media (max-width:768px){section[data-v-bdc8d32a]{padding:42px 0}.card[data-v-bdc8d32a]{border-radius:20px}}@media (max-width:480px){.nav-wrap[data-v-bdc8d32a]{gap:10px}.brand-logo[data-v-bdc8d32a]{height:36px}.dropdown-menu[data-v-bdc8d32a]{right:auto;left:0}}