.demo-page[data-v-c932b0db]{background:var(--el-bg-color);min-height:100%}.demo-hero[data-v-c932b0db]{background:radial-gradient(ellipse 60% 80% at 20% 0,color-mix(in srgb,var(--el-color-primary) 9%,transparent) 0,transparent 60%),radial-gradient(ellipse 50% 70% at 80% 10%,color-mix(in srgb,#a855f7 7%,transparent) 0,transparent 60%);padding:56px 0 8px}.hero-inner[data-v-c932b0db]{align-items:flex-start;display:flex;flex-direction:column;margin:0 auto;max-width:1450px;padding:0 20px}.hero-eyebrow[data-v-c932b0db]{align-items:center;background:color-mix(in srgb,var(--el-color-primary) 7%,transparent);border:1px solid color-mix(in srgb,var(--el-color-primary) 28%,transparent);border-radius:6px;color:var(--el-color-primary);display:inline-flex;font-size:12.5px;font-weight:500;gap:6px;padding:5px 14px}.hero-title[data-v-c932b0db]{background:linear-gradient(120deg,var(--el-color-primary) 0,#a855f7 55%,#22d3ee 110%);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:18px 0 0;-webkit-text-fill-color:transparent}.hero-sub[data-v-c932b0db]{color:var(--el-text-color-secondary);font-size:15px;line-height:1.7;margin:12px 0 0;max-width:560px}.filter-pills[data-v-c932b0db]{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.pill[data-v-c932b0db]{align-items:center;background:var(--el-bg-color);border:1px solid var(--el-border-color);border-radius:10px;color:var(--el-text-color-regular);cursor:pointer;display:inline-flex;font-size:13px;gap:7px;padding:7px 15px;transition:all .2s ease}.pill[data-v-c932b0db]:hover{border-color:color-mix(in srgb,var(--el-color-primary) 40%,transparent)}.pill.active[data-v-c932b0db],.pill[data-v-c932b0db]:hover{color:var(--el-color-primary)}.pill.active[data-v-c932b0db]{background:color-mix(in srgb,var(--el-color-primary) 9%,transparent);border-color:color-mix(in srgb,var(--el-color-primary) 45%,transparent);font-weight:500}.pill .pill-count[data-v-c932b0db]{align-items:center;background:var(--el-fill-color);border-radius:6px;color:var(--el-text-color-secondary);display:inline-flex;font-size:11px;height:18px;justify-content:center;min-width:20px;padding:0 7px}.pill.active .pill-count[data-v-c932b0db]{background:color-mix(in srgb,var(--el-color-primary) 18%,transparent);color:var(--el-color-primary)}.demo-main[data-v-c932b0db]{display:flex;flex-direction:column;gap:52px;margin:0 auto;max-width:1450px;padding:40px 20px 80px}.block-header[data-v-c932b0db]{margin-bottom:20px}.block-title-row[data-v-c932b0db]{align-items:center;display:flex;gap:9px}.block-title-row h2[data-v-c932b0db]{color:var(--el-text-color-primary);font-size:20px;font-weight:650;margin:0}.block-title-row .block-icon[data-v-c932b0db]{color:var(--el-color-primary)}.block-title-row .block-count[data-v-c932b0db]{align-items:center;background:color-mix(in srgb,var(--el-color-primary) 10%,transparent);border-radius:6px;color:var(--el-color-primary);display:inline-flex;font-size:12px;height:20px;justify-content:center;min-width:22px;padding:0 8px}.block-desc[data-v-c932b0db]{color:var(--el-text-color-secondary);font-size:13.5px;margin:7px 0 0}.demo-grid[data-v-c932b0db]{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.demo-card[data-v-c932b0db]{background:var(--el-bg-color);border:1px solid var(--el-border-color-lighter);border-radius:12px;display:flex;flex-direction:column;padding:20px;transition:all .25s ease}.demo-card[data-v-c932b0db]:hover{border-color:color-mix(in srgb,var(--el-color-primary) 35%,transparent);box-shadow:0 14px 34px color-mix(in srgb,var(--el-color-primary) 12%,transparent);transform:translateY(-3px)}.demo-card:hover .link-arrow[data-v-c932b0db]{transform:translate(3px)}.card-top[data-v-c932b0db]{justify-content:space-between;margin-bottom:14px}.app-badge[data-v-c932b0db],.card-top[data-v-c932b0db]{align-items:center;display:flex}.app-badge[data-v-c932b0db]{border-radius:10px;flex-shrink:0;height:44px;justify-content:center;width:44px}.version-tag[data-v-c932b0db]{background:color-mix(in srgb,var(--el-color-primary) 8%,transparent);border:1px solid color-mix(in srgb,var(--el-color-primary) 18%,transparent);border-radius:6px;color:var(--el-color-primary);font-size:11px;padding:3px 10px}.card-title[data-v-c932b0db]{color:var(--el-text-color-primary);font-size:16px;font-weight:600;margin:0 0 6px}.card-desc[data-v-c932b0db]{color:var(--el-text-color-secondary);font-size:13px;line-height:1.65;margin:0 0 12px}.card-tags[data-v-c932b0db]{display:flex;flex-wrap:wrap;gap:6px}.tag-chip[data-v-c932b0db]{background:var(--el-fill-color-light);border-radius:6px;color:var(--el-text-color-secondary);font-size:11px;padding:3px 10px}.card-bottom[data-v-c932b0db]{margin-top:auto;padding-top:14px}.card-credentials[data-v-c932b0db]{background:var(--el-fill-color-lighter);border-radius:8px;display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;padding:9px 12px}.cred-row[data-v-c932b0db]{align-items:center;display:flex;gap:8px}.cred-label[data-v-c932b0db]{color:var(--el-text-color-secondary);font-size:11px}.cred-value[data-v-c932b0db]{color:var(--el-text-color-primary);font-family:monospace;font-size:12.5px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.card-link[data-v-c932b0db]{align-items:center;border:1px solid color-mix(in srgb,var(--el-color-primary) 35%,transparent);border-radius:10px;color:var(--el-color-primary);display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:6px 15px;text-decoration:none;transition:all .2s ease}.card-link .link-arrow[data-v-c932b0db]{transition:transform .2s ease}.card-link[data-v-c932b0db]:hover{background:color-mix(in srgb,var(--el-color-primary) 9%,transparent);border-color:color-mix(in srgb,var(--el-color-primary) 55%,transparent);text-decoration:none}@media(max-width:768px){.demo-hero[data-v-c932b0db]{padding:36px 0 4px}.hero-inner[data-v-c932b0db]{padding:0 16px}.hero-title[data-v-c932b0db]{font-size:27px}.hero-sub[data-v-c932b0db]{font-size:14px}.demo-main[data-v-c932b0db]{gap:40px;padding:28px 16px 56px}.demo-grid[data-v-c932b0db]{grid-template-columns:1fr}}