.demo-center[data-v-fb2449b3]{display:grid;inset:0;padding:28px;place-items:center;position:fixed;z-index:1000}.demo-center__mask[data-v-fb2449b3]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;inset:0;position:absolute}.demo-center__panel[data-v-fb2449b3]{background:#f8fafc;border:1px solid #d9e0ea;border-radius:8px;box-shadow:0 24px 70px #0f172a42;max-height:min(720px,calc(100vh - 56px));overflow:hidden;position:relative;width:min(1040px,100%);z-index:1}.demo-center__header[data-v-fb2449b3]{align-items:center;background:#fff;display:flex;gap:20px;justify-content:space-between;min-height:72px;padding:20px 28px 16px}.demo-center__header h2[data-v-fb2449b3]{color:var(--color-text-title);font-size:22px;font-weight:800;line-height:1.25}.demo-center__header p[data-v-fb2449b3]{color:var(--color-text-muted);font-size:12px;margin-top:5px}.demo-center__close[data-v-fb2449b3]{border-radius:4px;color:#475569;display:grid;flex-shrink:0;height:34px;place-items:center;transition:background .18s,color .18s;width:34px}.demo-center__close[data-v-fb2449b3]:hover{background:#f1f5f9;color:#1f2937}.demo-center__body[data-v-fb2449b3]{border-top:1px solid #e2e8f0;display:grid;grid-template-columns:280px minmax(0,1fr);min-height:510px}.demo-center__products[data-v-fb2449b3]{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;padding:18px 14px 22px 28px}.demo-center__product[data-v-fb2449b3]{align-items:center;background:transparent;border:0;border-radius:4px;color:var(--color-text-body);display:grid;gap:12px;grid-template-columns:28px minmax(0,1fr);min-height:56px;padding:10px 12px;position:relative;text-align:left;transition:background .18s,color .18s}.demo-center__product[data-v-fb2449b3]:after{background:transparent;bottom:10px;content:"";position:absolute;right:-15px;top:10px;width:2px}.demo-center__product[data-v-fb2449b3]:hover{background:#eef2f7}.demo-center__product.is-active[data-v-fb2449b3]{background:#e9eef7;color:#1d4ed8}.demo-center__product.is-active[data-v-fb2449b3]:after{background:transparent}.demo-center__product-icon[data-v-fb2449b3]{background:#e8eef8;border-radius:4px;color:#2563eb;display:grid;height:28px;place-items:center;width:28px}.demo-center__product em[data-v-fb2449b3],.demo-center__product strong[data-v-fb2449b3]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-center__product strong[data-v-fb2449b3]{font-size:13px;font-weight:700}.demo-center__product em[data-v-fb2449b3]{color:var(--color-text-muted);font-size:11px;font-style:normal;margin-top:3px}.demo-center__detail[data-v-fb2449b3]{background:#fff;min-width:0;overflow-y:auto;padding:18px 30px 28px}.demo-center__intro[data-v-fb2449b3]{align-items:center;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 180px}.demo-center__intro h3[data-v-fb2449b3]{color:var(--color-text-title);font-size:24px;font-weight:800}.demo-center__intro p[data-v-fb2449b3]{color:var(--color-text-secondary);font-size:13px;line-height:1.75;margin-top:8px;max-width:560px}.demo-center__cover[data-v-fb2449b3]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 12px 26px #0f172a14;height:110px;overflow:hidden}.demo-center__cover img[data-v-fb2449b3]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.demo-center__tabs[data-v-fb2449b3]{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.demo-center__tabs span[data-v-fb2449b3]{background:#f1f5f9;border-radius:4px;color:#475569;font-size:12px;font-weight:600;padding:6px 12px}.demo-center__table-wrap[data-v-fb2449b3]{background:#fff;border:1px solid #d7e0eb;border-radius:4px;margin-top:20px;overflow-x:auto}.demo-center__table[data-v-fb2449b3]{border-collapse:collapse;color:var(--color-text-body);font-size:13px;min-width:650px;width:100%}.demo-center__table td[data-v-fb2449b3],.demo-center__table th[data-v-fb2449b3]{border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:13px 14px;text-align:center;vertical-align:middle}.demo-center__table td[data-v-fb2449b3]:last-child,.demo-center__table th[data-v-fb2449b3]:last-child{border-right:0}.demo-center__table tr:last-child td[data-v-fb2449b3]{border-bottom:0}.demo-center__table th[data-v-fb2449b3]{background:#f8fafc;color:#475569;font-weight:700}.demo-center__table td[data-v-fb2449b3]:nth-child(2){text-align:left}.demo-center__table a[data-v-fb2449b3]{color:var(--color-primary)}.demo-center__enter[data-v-fb2449b3]{align-items:center;background:#2563eb;border-radius:4px;color:#fff!important;display:inline-flex;font-size:12px;font-weight:700;gap:5px;height:30px;justify-content:center;min-width:68px;padding:0 12px}.demo-center__enter[data-v-fb2449b3]:hover{background:#1d4ed8;color:#fff!important}.demo-center__notice[data-v-fb2449b3]{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px;margin-top:18px}.demo-center__notice i[data-v-fb2449b3]{color:#64748b}.demo-modal-enter-active[data-v-fb2449b3],.demo-modal-leave-active[data-v-fb2449b3]{transition:opacity .18s ease}.demo-modal-enter-active .demo-center__panel[data-v-fb2449b3],.demo-modal-leave-active .demo-center__panel[data-v-fb2449b3]{transition:transform .18s ease,opacity .18s ease}.demo-modal-enter-from[data-v-fb2449b3],.demo-modal-leave-to[data-v-fb2449b3]{opacity:0}.demo-modal-enter-from .demo-center__panel[data-v-fb2449b3],.demo-modal-leave-to .demo-center__panel[data-v-fb2449b3]{opacity:0;transform:translateY(10px)}@media(max-width:820px){.demo-center[data-v-fb2449b3]{align-items:end;padding:14px}.demo-center__panel[data-v-fb2449b3]{max-height:calc(100vh - 28px)}.demo-center__body[data-v-fb2449b3]{grid-template-columns:1fr}.demo-center__products[data-v-fb2449b3]{border-bottom:1px solid rgba(198,213,238,.72);border-right:0;flex-direction:row;overflow-x:auto;padding:12px 18px}.demo-center__product[data-v-fb2449b3]{min-width:220px}.demo-center__product[data-v-fb2449b3]:after{display:none}.demo-center__detail[data-v-fb2449b3]{padding:18px}.demo-center__intro[data-v-fb2449b3]{grid-template-columns:1fr}.demo-center__cover[data-v-fb2449b3]{display:none}}body.demo-center-open{overflow:hidden}
