@media(min-width:768px){.avatar-custom-card[data-v-2c815898]{background:var(--x-back-3);border-radius:12px;max-width:700px;min-width:580px;overflow:hidden;padding:32px}.avatar-custom-card .card-header[data-v-2c815898]{display:flex;flex-direction:column;gap:12px}.avatar-custom-card .card-header .card-title[data-v-2c815898]{color:var(--x-text-1);font-size:24px;font-weight:400;margin:0;text-align:center}.avatar-custom-card .card-header .card-desc[data-v-2c815898]{color:var(--x-text-5);font-size:16px;font-style:normal;font-weight:400;line-height:28px;margin:0}.avatar-custom-card .tabs-container[data-v-2c815898]{align-items:center;display:flex;flex-direction:column}.avatar-custom-card .tabs-container .tab-nav[data-v-2c815898]{background:var(--x-back-4);border-radius:8px;display:inline-flex;gap:4px;padding:4px}.avatar-custom-card .tabs-container .tab-nav .tab-button[data-v-2c815898]{background:transparent;border:1px solid transparent;border-radius:8px;color:var(--x-text-3);cursor:pointer;font-size:16px;line-height:22px;padding:8px 24px;position:relative;transition:all .3s ease;white-space:nowrap}.avatar-custom-card .tabs-container .tab-nav .tab-button[data-v-2c815898]:hover{color:var(--x-text-1)}.avatar-custom-card .tabs-container .tab-nav .tab-button.active[data-v-2c815898]{background:var(--x-back-1);border-color:var(--x-back-6);border-radius:8px;box-shadow:0 2px 2px #1219260f;color:var(--x-text-1)}.avatar-custom-card .tabs-container .tab-content[data-v-2c815898]{width:100%}.avatar-custom-card .tabs-container .tab-content .tab-pane[data-v-2c815898]{aspect-ratio:4/3;box-sizing:content-box;padding:24px 0;width:100%}.avatar-custom-card .tabs-container .tab-content .tab-pane .video-container[data-v-2c815898]{aspect-ratio:4/3;border-radius:12px;height:auto;isolation:isolate;overflow:hidden;position:relative;transform:translateZ(0);width:100%}.avatar-custom-card .tabs-container .tab-content .tab-pane .video-container .video-player[data-v-2c815898]{display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;width:100%}.avatar-custom-card .tabs-container .tab-content .tab-pane .video-container .mute-button[data-v-2c815898]{align-items:center;background-color:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;left:24px;padding:0;position:absolute;top:24px;transition:all .3s ease;width:48px;z-index:10}.avatar-custom-card .tabs-container .tab-content .tab-pane .video-container .mute-button[data-v-2c815898]:hover{background-color:var(--x-white-1)}.avatar-custom-card .tabs-container .tab-content .tab-pane .video-container .play-control-btn[data-v-2c815898]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:5}}@media(max-width:767px){.avatar-custom-card[data-v-2c815898]{background:var(--x-back-3);border-radius:.21333rem;box-sizing:border-box;overflow:hidden;padding:0 .53333rem .53333rem}.avatar-custom-card[data-v-2c815898],.avatar-custom-card .card-header[data-v-2c815898]{align-items:center;display:flex;flex-direction:column}.avatar-custom-card .card-header[data-v-2c815898]{gap:0;text-align:center;width:100%}.avatar-custom-card .card-header .card-title[data-v-2c815898]{color:var(--x-text-1);font-size:.48rem;font-weight:400;margin:.42667rem 0;text-align:center}.avatar-custom-card .card-header .card-desc[data-v-2c815898]{color:var(--x-text-5);font-size:.37333rem;font-style:normal;font-weight:400;line-height:.56rem;margin:0;padding-top:0;text-align:left;width:100%}.avatar-custom-card .tabs-container[data-v-2c815898]{align-items:center;display:flex;flex-direction:column;width:100%}.avatar-custom-card .tabs-container .tab-nav[data-v-2c815898]{background:var(--x-back-4);border-radius:.21333rem;display:inline-flex;gap:.10667rem;max-width:7.86667rem;overflow-x:auto;padding:.10667rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.avatar-custom-card .tabs-container .tab-nav[data-v-2c815898]::-webkit-scrollbar{display:none}.avatar-custom-card .tabs-container .tab-nav .tab-button[data-v-2c815898]{background:transparent;border:.02667rem solid transparent;border-radius:.21333rem;color:var(--x-text-3);cursor:pointer;font-size:.37333rem;line-height:normal;padding:.21333rem .32rem;position:relative;transition:all .3s ease;white-space:nowrap}.avatar-custom-card .tabs-container .tab-nav .tab-button[data-v-2c815898]:hover{color:var(--x-text-1)}.avatar-custom-card .tabs-container .tab-nav .tab-button.active[data-v-2c815898]{background:var(--x-back-1);border-color:var(--x-back-6);border-radius:.21333rem;box-shadow:0 .05333rem .05333rem #1219260f;color:var(--x-text-1)}.avatar-custom-card .tabs-container .tab-content[data-v-2c815898]{display:flex;justify-content:center;width:100%}.avatar-custom-card .tabs-container .tab-content .tab-pane[data-v-2c815898]{aspect-ratio:4/3;box-sizing:border-box;display:flex;justify-content:center;padding:0 0 .42667rem;width:100%}.avatar-custom-card .tabs-container .tab-content .video-container[data-v-2c815898]{aspect-ratio:4/3;border-radius:.21333rem;height:auto;isolation:isolate;overflow:hidden;position:relative;transform:translateZ(0);width:7.86667rem}.avatar-custom-card .tabs-container .tab-content .video-container .video-player[data-v-2c815898]{display:block;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;position:absolute;width:100%}.avatar-custom-card .tabs-container .tab-content .video-container .mute-button[data-v-2c815898]{align-items:center;background-color:transparent;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:1.28rem;justify-content:center;left:.64rem;padding:0;position:absolute;top:.64rem;transition:all .3s ease;width:1.28rem;z-index:10}.avatar-custom-card .tabs-container .tab-content .video-container .mute-button[data-v-2c815898]:hover{background-color:var(--x-white-1)}.avatar-custom-card .tabs-container .tab-content .video-container .play-control-btn[data-v-2c815898]{height:1.28rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.28rem;z-index:5}}.demo-page[data-v-d8e3cc97]{width:100%}.demo-page__header[data-v-d8e3cc97]{margin-bottom:24px}.demo-page__header h1[data-v-d8e3cc97]{color:var(--x-text-1);font-size:28px;font-weight:700;margin:0 0 8px}.demo-page__desc[data-v-d8e3cc97]{color:var(--x-text-4);font-size:14px;margin:0}.demo-page__desc code[data-v-d8e3cc97]{background:var(--x-back-3);border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:13px;padding:2px 6px}.demo-page__content[data-v-d8e3cc97]{display:flex;flex-direction:column;gap:24px;max-width:1440px}.demo-page__content h4[data-v-d8e3cc97]{color:var(--x-text-2);font-size:14px;font-weight:500;margin:0 0 12px}.demo-preview[data-v-d8e3cc97]{gap:16px}.button-showcase[data-v-d8e3cc97],.demo-preview[data-v-d8e3cc97]{display:flex;flex-direction:column}.button-showcase[data-v-d8e3cc97]{gap:24px}.card-grid[data-v-d8e3cc97]{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.code-preview[data-v-d8e3cc97]{background:var(--x-back-2);border:1px solid var(--x-back-4);border-radius:var(--x-radius-medium,8px);overflow:hidden;position:relative}.code-preview[data-v-d8e3cc97]:before{background:var(--x-back-3);border-bottom:1px solid var(--x-back-4);color:var(--x-text-5);content:"Vue";display:block;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 14px;text-transform:uppercase}.code-preview pre[data-v-d8e3cc97]{background:transparent;margin:0;overflow-x:auto;padding:14px 16px}.code-preview code[data-v-d8e3cc97]{color:var(--x-text-2);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12.5px;line-height:1.7;-moz-tab-size:2;-o-tab-size:2;tab-size:2;white-space:pre}