.page-bg[data-v-dcbbbc18]{background-color:#fff;background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px);background-size:64px 64px}.playground-section[data-v-dcbbbc18]{height:100vh;padding:1rem}@media (min-width:768px){.playground-section[data-v-dcbbbc18]{padding:1.5rem}}.feature-card[data-v-dcbbbc18]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:12px;padding:16px;display:flex}.feature-icon[data-v-dcbbbc18]{color:#60a5fa;background:#60a5fa1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-icon--green[data-v-dcbbbc18]{color:#34d399;background:#34d3991a}.feature-icon--purple[data-v-dcbbbc18]{color:#c084fc;background:#c084fc1a}.feature-icon--yellow[data-v-dcbbbc18]{color:#fbbf24;background:#fbbf241a}.feature-icon--cyan[data-v-dcbbbc18]{color:#22d3ee;background:#22d3ee1a}.feature-icon--blue[data-v-dcbbbc18]{color:#3b82f6;background:#3b82f61a}.db-card[data-v-dcbbbc18]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.db-card-header[data-v-dcbbbc18]{align-items:center;gap:10px;display:flex}.db-tag[data-v-dcbbbc18]{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:2px 8px;font-size:11px}.code-block[data-v-dcbbbc18]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.code-block-header[data-v-dcbbbc18]{color:#6b7280;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:8px 16px;font-size:12px;font-weight:500}.code-block-content[data-v-dcbbbc18]{color:#374151;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.code-comment[data-v-dcbbbc18]{color:#6b7280}.code-keyword[data-v-dcbbbc18]{color:#c792ea}.code-string[data-v-dcbbbc18]{color:#34d399}.code-number[data-v-dcbbbc18]{color:#60a5fa}.code-method[data-v-dcbbbc18]{color:#82aaff}.link-card[data-v-dcbbbc18]{background:#fff;justify-content:space-between;align-items:center;padding:20px;transition:background .15s;display:flex}.link-card[data-v-dcbbbc18]:hover{background:#fff}.link-card:hover .arrow-btn[data-v-dcbbbc18]{background:#f3f4f6;border-color:#9ca3af}.arrow-btn[data-v-dcbbbc18]{color:#6b7280;border:1px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}