@ctc-front/components-ui-next 0.1.4 → 0.3.0

package/dist/style.css

@@ -1,2 +1,2 @@
-:root:not(.dark):not([data-ctc-theme]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=light]{--ctc-color-primary:#1f5eff;--ctc-color-primary-hover:#356fff;--ctc-color-primary-active:#1749c6;--ctc-color-primary-light-3:#5a87ff;--ctc-color-primary-light-5:#7da4ff;--ctc-color-primary-light-7:#a5c0ff;--ctc-color-primary-light-8:#bdcfff;--ctc-color-primary-light-9:#dce7ff;--ctc-color-page:#f8f8f8;--ctc-color-surface:#fff;--ctc-color-surface-elevated:#fff;--ctc-color-fill:#f3f5f9;--ctc-color-fill-light:#f7f8fb;--ctc-color-text:#2e3544;--ctc-color-text-secondary:#667085;--ctc-color-text-placeholder:#98a2b3;--ctc-color-border:#dbdfe7;--ctc-color-border-light:#e9ecf2;--ctc-color-mask:#1118277a;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]){--ctc-color-primary:#4d7dff;--ctc-color-primary-hover:#6993ff;--ctc-color-primary-active:#3569e8;--ctc-color-primary-light-3:#6e94ff;--ctc-color-primary-light-5:#91aeff;--ctc-color-primary-light-7:#b1c5ff;--ctc-color-primary-light-8:#c5d4ff;--ctc-color-primary-light-9:#dde7ff;--ctc-color-page:#071326;--ctc-color-surface:#0e1d33;--ctc-color-surface-elevated:#142541;--ctc-color-fill:#1a2c48;--ctc-color-fill-light:#203552;--ctc-color-text:#f2f6ff;--ctc-color-text-secondary:#b6c2d9;--ctc-color-text-placeholder:#7f90ad;--ctc-color-border:#263955;--ctc-color-border-light:#304762;--ctc-color-mask:#000612b8;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}[data-ctc-theme-mode=inherit]{--ctc-color-primary:var(--el-color-primary);--ctc-color-primary-hover:var(--el-color-primary-light-3);--ctc-color-primary-active:var(--el-color-primary-dark-2);--ctc-color-page:var(--el-bg-color-page);--ctc-color-surface:var(--el-bg-color);--ctc-color-surface-elevated:var(--el-bg-color-overlay);--ctc-color-fill:var(--el-fill-color);--ctc-color-fill-light:var(--el-fill-color-light);--ctc-color-text:var(--el-text-color-primary);--ctc-color-text-secondary:var(--el-text-color-regular);--ctc-color-text-placeholder:var(--el-text-color-placeholder);--ctc-color-border:var(--el-border-color);--ctc-color-border-light:var(--el-border-color-light);--ctc-color-mask:var(--el-mask-color);--ctc-radius-small:var(--el-border-radius-small);--ctc-radius-base:var(--el-border-radius-base);--ctc-radius-large:8px;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px}.el-overlay{--el-overlay-color-lighter:var(--ctc-color-mask)}.ctc-dialog{--el-dialog-bg-color:var(--ctc-color-surface);--el-dialog-padding-primary:0;background:var(--ctc-color-surface);border:1px solid var(--ctc-color-border-light);border-radius:var(--ctc-radius-base);position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a29}.ctc-dialog.is-fullscreen{border-radius:0}.ctc-dialog__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;line-height:1;display:flex}.ctc-dialog__header-content{align-items:center;gap:var(--ctc-space-2);flex:1;min-width:0;display:flex}.ctc-dialog__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-dialog__fullscreen-toggle,.ctc-dialog__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-dialog__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-dialog__fullscreen-toggle{font-size:16px}.ctc-dialog__fullscreen-toggle:hover,.ctc-dialog__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-dialog__close{font-size:22px;font-weight:300;line-height:1}.ctc-dialog__body{box-sizing:border-box;max-height:calc(100vh - 144px);padding:0;overflow:auto}.ctc-dialog--resized{flex-direction:column;display:flex}.ctc-dialog--resized .ctc-dialog__body{flex:1;min-height:0;max-height:none}.ctc-dialog--content-fill{flex-direction:column;display:flex}.ctc-dialog--content-fill .ctc-dialog__body{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex;overflow:auto}.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__body,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__body{flex:1;max-height:none;overflow:hidden}.ctc-dialog--content-fill .ctc-dialog__content,.ctc-dialog--content-fill .ctc-dialog__content>*{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex}.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__content,.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__content>*,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__content,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__content>*{flex:1}.ctc-dialog__content{box-sizing:border-box;padding:var(--ctc-space-6)}.ctc-dialog__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);justify-content:flex-end;align-items:center;display:flex}.ctc-dialog__resize-handle{cursor:nwse-resize;touch-action:none;z-index:1;width:18px;height:18px;position:absolute;bottom:0;right:0}.ctc-dialog__resize-handle:before{background:linear-gradient(135deg, transparent 0 46%, var(--ctc-color-border) 47% 53%, transparent 54% 100%);content:"";position:absolute;inset:4px}.ctc-drawer{--el-drawer-bg-color:var(--ctc-color-surface);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-drawer.is-fullscreen{width:100%;height:100%}.ctc-drawer__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;display:flex}.ctc-drawer__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-drawer__header-content{flex:1;align-items:center;min-width:0;display:flex}.ctc-drawer__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-drawer__fullscreen-toggle,.ctc-drawer__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-drawer__fullscreen-toggle:hover,.ctc-drawer__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-drawer__fullscreen-toggle{font-size:16px}.ctc-drawer__close{font-size:22px;font-weight:300;line-height:1}.ctc-drawer__body{box-sizing:border-box;padding:0;overflow:hidden}.ctc-drawer__layout{flex-direction:column;height:100%;min-height:0;display:flex}.ctc-drawer__content{box-sizing:border-box;min-height:0;padding:var(--ctc-space-6);flex:1;overflow:auto}.ctc-drawer__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.ctc-flex{box-sizing:border-box;display:flex}.ctc-table{--el-table-bg-color:var(--ctc-color-surface);--el-table-tr-bg-color:var(--ctc-color-surface);--el-table-header-bg-color:var(--ctc-color-fill-light);--el-table-border-color:var(--ctc-color-border-light);--el-table-row-hover-bg-color:var(--ctc-color-fill);--el-table-current-row-bg-color:var(--ctc-color-fill);--el-table-header-text-color:var(--ctc-color-text);--el-table-text-color:var(--ctc-color-text-secondary);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-table--auto-height{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.ctc-table--auto-height>.el-table{flex:auto;min-width:0;min-height:0}.ctc-table--auto-height>.ctc-table__pagination{flex-shrink:0}.ctc-table .el-table{background:var(--ctc-color-surface)}.ctc-table .el-table__inner-wrapper:before{background-color:var(--ctc-color-border-light)}.ctc-table .el-table th.el-table__cell{background:var(--ctc-color-fill-light);color:var(--ctc-color-text);font-weight:600}.ctc-table .el-table .el-table__header-wrapper tr th.el-table-fixed-column--left,.ctc-table .el-table .el-table__header-wrapper tr th.el-table-fixed-column--right{background:var(--ctc-color-fill-light);background-color:var(--ctc-color-fill-light)}.ctc-table .el-table td.el-table__cell,.ctc-table .el-table tr{background:var(--ctc-color-surface)}.ctc-table .el-table .el-table__body-wrapper tr td.el-table-fixed-column--left,.ctc-table .el-table .el-table__body-wrapper tr td.el-table-fixed-column--right{background:var(--ctc-color-surface);background-color:var(--ctc-color-surface)}.ctc-table .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background:var(--ctc-color-fill)}.ctc-table .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table-fixed-column--left,.ctc-table .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table-fixed-column--right{background:var(--ctc-color-fill);background-color:var(--ctc-color-fill)}.ctc-table__pagination{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;align-items:center;gap:var(--ctc-space-3);min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-5);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=640px){.ctc-table__pagination{flex-direction:column;justify-content:center;align-items:flex-start}}
+:root:not(.dark):not([data-ctc-theme]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=light]:not([data-ctc-theme-mode=inherit]){--ctc-color-primary:#1f5eff;--ctc-color-on-primary:#fff;--ctc-color-primary-hover:#356fff;--ctc-color-primary-active:#1749c6;--ctc-color-primary-light-3:#5a87ff;--ctc-color-primary-light-5:#7da4ff;--ctc-color-primary-light-7:#a5c0ff;--ctc-color-primary-light-8:#bdcfff;--ctc-color-primary-light-9:#dce7ff;--ctc-color-page:#f8f8f8;--ctc-color-surface:#fff;--ctc-color-surface-elevated:#fff;--ctc-color-fill:#f3f5f9;--ctc-color-fill-light:#f7f8fb;--ctc-color-text:#2e3544;--ctc-color-text-secondary:#667085;--ctc-color-text-placeholder:#98a2b3;--ctc-color-border:#dbdfe7;--ctc-color-border-light:#e9ecf2;--ctc-color-mask:#1118277a;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-fill-color-lighter:var(--ctc-color-fill-light);--el-fill-color-blank:var(--ctc-color-surface);--el-fill-color-extra-light:var(--ctc-color-fill-light);--el-fill-color-dark:var(--ctc-color-fill);--el-fill-color-darker:var(--ctc-color-fill);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-secondary:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-text-color-disabled:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-color-lighter:var(--ctc-color-border-light);--el-border-color-extra-light:var(--ctc-color-border-light);--el-border-color-dark:var(--ctc-color-border);--el-border-color-darker:var(--ctc-color-border);--el-disabled-bg-color:var(--ctc-color-fill-light);--el-disabled-text-color:var(--ctc-color-text-placeholder);--el-disabled-border-color:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme=blue]):not([data-ctc-theme-mode=inherit]),[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ctc-color-primary:#8aabff;--ctc-color-on-primary:#161618;--ctc-color-primary-hover:#a5beff;--ctc-color-primary-active:#6e94ff;--ctc-color-primary-light-3:#596fa8;--ctc-color-primary-light-5:#445580;--ctc-color-primary-light-7:#303b57;--ctc-color-primary-light-8:#252e43;--ctc-color-primary-light-9:#1e2535;--ctc-color-page:#161618;--ctc-color-surface:#202127;--ctc-color-surface-elevated:#282a32;--ctc-color-fill:#2e3039;--ctc-color-fill-light:#25262d;--ctc-color-text:#e5e7eb;--ctc-color-text-secondary:#b8bcc6;--ctc-color-text-placeholder:#9298a5;--ctc-color-border:#444752;--ctc-color-border-light:#353841;--ctc-color-mask:#000000c2;--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-fill-color-lighter:var(--ctc-color-fill-light);--el-fill-color-blank:var(--ctc-color-surface);--el-fill-color-extra-light:var(--ctc-color-fill-light);--el-fill-color-dark:var(--ctc-color-fill);--el-fill-color-darker:var(--ctc-color-fill);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-secondary:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-text-color-disabled:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-color-lighter:var(--ctc-color-border-light);--el-border-color-extra-light:var(--ctc-color-border-light);--el-border-color-dark:var(--ctc-color-border);--el-border-color-darker:var(--ctc-color-border);--el-disabled-bg-color:var(--ctc-color-fill-light);--el-disabled-text-color:var(--ctc-color-text-placeholder);--el-disabled-border-color:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask)}[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]){--ctc-radius-small:0;--ctc-radius-base:3px;--ctc-radius-large:0;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px;--el-color-primary:var(--ctc-color-primary);--el-color-primary-dark-2:var(--ctc-color-primary-active);--el-color-primary-light-3:var(--ctc-color-primary-light-3);--el-color-primary-light-5:var(--ctc-color-primary-light-5);--el-color-primary-light-7:var(--ctc-color-primary-light-7);--el-color-primary-light-8:var(--ctc-color-primary-light-8);--el-color-primary-light-9:var(--ctc-color-primary-light-9);--el-bg-color:var(--ctc-color-surface);--el-bg-color-page:var(--ctc-color-page);--el-bg-color-overlay:var(--ctc-color-surface-elevated);--el-fill-color:var(--ctc-color-fill);--el-fill-color-light:var(--ctc-color-fill-light);--el-fill-color-lighter:var(--ctc-color-fill-light);--el-fill-color-blank:var(--ctc-color-surface);--el-fill-color-extra-light:var(--ctc-color-fill-light);--el-fill-color-dark:var(--ctc-color-fill);--el-fill-color-darker:var(--ctc-color-fill);--el-text-color-primary:var(--ctc-color-text);--el-text-color-regular:var(--ctc-color-text-secondary);--el-text-color-secondary:var(--ctc-color-text-secondary);--el-text-color-placeholder:var(--ctc-color-text-placeholder);--el-text-color-disabled:var(--ctc-color-text-placeholder);--el-border-color:var(--ctc-color-border);--el-border-color-light:var(--ctc-color-border-light);--el-border-color-lighter:var(--ctc-color-border-light);--el-border-color-extra-light:var(--ctc-color-border-light);--el-border-color-dark:var(--ctc-color-border);--el-border-color-darker:var(--ctc-color-border);--el-disabled-bg-color:var(--ctc-color-fill-light);--el-disabled-text-color:var(--ctc-color-text-placeholder);--el-disabled-border-color:var(--ctc-color-border-light);--el-border-radius-small:var(--ctc-radius-small);--el-border-radius-base:var(--ctc-radius-base);--el-border-radius-round:999px;--el-mask-color:var(--ctc-color-mask);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ctc-color-primary:#20c5ff;--ctc-color-on-primary:#012447;--ctc-color-primary-hover:#61d7ff;--ctc-color-primary-active:#00a5df;--ctc-color-primary-light-3:#138ab5;--ctc-color-primary-light-5:#0d668d;--ctc-color-primary-light-7:#084c70;--ctc-color-primary-light-8:#063e60;--ctc-color-primary-light-9:#043252;--ctc-color-page:#012447;--ctc-color-surface:#004774;--ctc-color-surface-elevated:#075783;--ctc-color-fill:#09577d;--ctc-color-fill-light:#023462;--ctc-color-text:#edf8ff;--ctc-color-text-secondary:#b7d8eb;--ctc-color-text-placeholder:#86afc8;--ctc-color-border:#287399;--ctc-color-border-light:#1a5e86;--ctc-color-mask:#000c1ec2;--el-color-info:#b7d8eb;--el-color-info-light-3:#80adc7;--el-color-info-light-5:#5c90b0;--el-color-info-light-7:#377398;--el-color-info-light-8:#25648c;--el-color-info-light-9:#125680;--el-color-info-dark-2:#c5e0ef;--el-color-success:#85ce61;--el-color-success-light-3:#5da667;--el-color-success-light-5:#438b6b;--el-color-success-light-7:#28706e;--el-color-success-light-8:#1b6270;--el-color-success-light-9:#0d5572;--el-color-success-dark-2:#9dd881;--el-color-warning:#f3c375;--el-color-warning-light-3:#aa9e75;--el-color-warning-light-5:#7a8575;--el-color-warning-light-7:#496c74;--el-color-warning-light-8:#316074;--el-color-warning-light-9:#185374;--el-color-warning-dark-2:#f5cf91;--el-color-danger:#faa;--el-color-danger-light-3:#b38c9a;--el-color-danger-light-5:#80798f;--el-color-danger-light-7:#4d6584;--el-color-danger-light-8:#335b7f;--el-color-danger-light-9:#1a5179;--el-color-danger-dark-2:#fbb;--el-color-error:#faa;--el-color-error-light-3:#b38c9a;--el-color-error-light-5:#80798f;--el-color-error-light-7:#4d6584;--el-color-error-light-8:#335b7f;--el-color-error-light-9:#1a5179;--el-color-error-dark-2:#fbb}[data-ctc-theme-mode=inherit]{--ctc-color-primary:var(--el-color-primary);--ctc-color-primary-hover:var(--el-color-primary-light-3);--ctc-color-primary-active:var(--el-color-primary-dark-2);--ctc-color-page:var(--el-bg-color-page);--ctc-color-surface:var(--el-bg-color);--ctc-color-surface-elevated:var(--el-bg-color-overlay);--ctc-color-fill:var(--el-fill-color);--ctc-color-fill-light:var(--el-fill-color-light);--ctc-color-text:var(--el-text-color-primary);--ctc-color-text-secondary:var(--el-text-color-regular);--ctc-color-text-placeholder:var(--el-text-color-placeholder);--ctc-color-border:var(--el-border-color);--ctc-color-border-light:var(--el-border-color-light);--ctc-color-mask:var(--el-mask-color);--ctc-radius-small:var(--el-border-radius-small);--ctc-radius-base:var(--el-border-radius-base);--ctc-radius-large:8px;--ctc-space-2:8px;--ctc-space-3:12px;--ctc-space-4:16px;--ctc-space-5:20px;--ctc-space-6:24px}.el-overlay{--el-overlay-color-lighter:var(--ctc-color-mask)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-empty{--el-empty-fill-color-0:var(--ctc-color-surface);--el-empty-fill-color-1:var(--ctc-color-border);--el-empty-fill-color-2:var(--ctc-color-border-light);--el-empty-fill-color-3:var(--ctc-color-fill-light);--el-empty-fill-color-4:var(--ctc-color-fill);--el-empty-fill-color-5:var(--ctc-color-page);--el-empty-fill-color-6:var(--ctc-color-surface-elevated);--el-empty-fill-color-7:var(--ctc-color-primary-light-9);--el-empty-fill-color-8:var(--ctc-color-primary-light-8);--el-empty-fill-color-9:var(--ctc-color-primary-light-7)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-alert.is-dark,html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-alert.is-dark .el-alert__description,html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-alert.is-dark .el-alert__close-btn{color:var(--ctc-color-on-primary)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-tag--dark{--el-tag-text-color:var(--ctc-color-on-primary)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-tag .el-tag__close:hover{color:var(--ctc-color-on-primary)}html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-button:is(.el-button--info,.el-button--success,.el-button--warning,.el-button--danger):not(.is-plain):not(.is-text):not(.is-link),html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]) .el-button--primary:not(.is-plain):not(.is-text):not(.is-link),html[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]) .el-button--primary:not(.is-plain):not(.is-text):not(.is-link),html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-button--primary:not(.is-plain):not(.is-text):not(.is-link){--el-button-text-color:var(--ctc-color-on-primary);--el-button-hover-text-color:var(--ctc-color-on-primary);--el-button-active-text-color:var(--ctc-color-on-primary)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]) .el-radio-button,html[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]) .el-radio-button,html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-radio-button{--el-radio-button-checked-text-color:var(--ctc-color-on-primary)}html.dark:not([data-ctc-theme=light]):not([data-ctc-theme-mode=inherit]) .el-checkbox,html[data-ctc-theme=dark]:not([data-ctc-theme-mode=inherit]) .el-checkbox,html[data-ctc-theme=blue]:not([data-ctc-theme-mode=inherit]) .el-checkbox{--el-checkbox-checked-icon-color:var(--ctc-color-on-primary)}.ctc-dialog{--el-dialog-bg-color:var(--ctc-color-surface);--el-dialog-padding-primary:0;background:var(--ctc-color-surface);border:1px solid var(--ctc-color-border-light);border-radius:var(--ctc-radius-base);position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a29}.ctc-dialog.is-fullscreen{border-radius:0}.ctc-dialog__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;line-height:1;display:flex}.ctc-dialog__header-content{align-items:center;gap:var(--ctc-space-2);flex:1;min-width:0;display:flex}.ctc-dialog__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-dialog__fullscreen-toggle,.ctc-dialog__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-dialog__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-dialog__fullscreen-toggle{font-size:16px}.ctc-dialog__fullscreen-toggle:hover,.ctc-dialog__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-dialog__close{font-size:22px;font-weight:300;line-height:1}.ctc-dialog__body{box-sizing:border-box;max-height:calc(100vh - 144px);padding:0;overflow:auto}.ctc-dialog--resized{flex-direction:column;display:flex}.ctc-dialog--resized .ctc-dialog__body{flex:1;min-height:0;max-height:none}.ctc-dialog--content-fill{flex-direction:column;display:flex}.ctc-dialog--content-fill .ctc-dialog__body{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex;overflow:auto}.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__body,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__body{flex:1;max-height:none;overflow:hidden}.ctc-dialog--content-fill .ctc-dialog__content,.ctc-dialog--content-fill .ctc-dialog__content>*{flex-direction:column;flex:0 auto;min-width:0;min-height:0;display:flex}.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__content,.ctc-dialog--content-fill.ctc-dialog--resized .ctc-dialog__content>*,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__content,.ctc-dialog--content-fill.is-fullscreen .ctc-dialog__content>*{flex:1}.ctc-dialog__content{box-sizing:border-box;padding:var(--ctc-space-6)}.ctc-dialog__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);justify-content:flex-end;align-items:center;display:flex}.ctc-dialog__resize-handle{cursor:nwse-resize;touch-action:none;z-index:1;width:18px;height:18px;position:absolute;bottom:0;right:0}.ctc-dialog__resize-handle:before{background:linear-gradient(135deg, transparent 0 46%, var(--ctc-color-border) 47% 53%, transparent 54% 100%);content:"";position:absolute;inset:4px}.ctc-drawer{--el-drawer-bg-color:var(--ctc-color-surface);background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-drawer.is-fullscreen{width:100%;height:100%}.ctc-drawer__header{background:var(--ctc-color-surface);border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;color:var(--ctc-color-text);align-items:center;gap:var(--ctc-space-2);height:48px;padding:0 var(--ctc-space-6);margin:0;display:flex}.ctc-drawer__title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:16px;font-weight:600;overflow:hidden}.ctc-drawer__header-content{flex:1;align-items:center;min-width:0;display:flex}.ctc-drawer__header-actions{align-items:center;gap:4px;display:inline-flex}.ctc-drawer__fullscreen-toggle,.ctc-drawer__close{border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-drawer__fullscreen-toggle:hover,.ctc-drawer__close:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-drawer__fullscreen-toggle{font-size:16px}.ctc-drawer__close{font-size:22px;font-weight:300;line-height:1}.ctc-drawer__body{box-sizing:border-box;padding:0;overflow:hidden}.ctc-drawer__layout{flex-direction:column;height:100%;min-height:0;display:flex}.ctc-drawer__content{box-sizing:border-box;min-height:0;padding:var(--ctc-space-6);flex:1;overflow:auto}.ctc-drawer__footer{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-6);flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.ctc-flex{box-sizing:border-box;display:flex}.ctc-table{background:var(--ctc-color-surface);color:var(--ctc-color-text)}.ctc-table--auto-height{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.ctc-table--auto-height>.el-table{flex:auto;min-width:0;min-height:0}.ctc-table--auto-height>.ctc-table__pagination{flex-shrink:0}.ctc-table .el-table{--el-table-bg-color:var(--ctc-color-surface);--el-table-tr-bg-color:var(--ctc-color-surface);--el-table-header-bg-color:var(--ctc-color-fill-light);--el-table-border-color:var(--ctc-color-border-light);--el-table-row-hover-bg-color:var(--ctc-color-fill);--el-table-current-row-bg-color:var(--ctc-color-fill);--el-table-header-text-color:var(--ctc-color-text);--el-table-text-color:var(--ctc-color-text-secondary);background:var(--ctc-color-surface)}.ctc-table .el-table__inner-wrapper:before{background-color:var(--ctc-color-border-light)}.ctc-table .el-table th.el-table__cell{background:var(--ctc-color-fill-light);color:var(--ctc-color-text);font-weight:600}.ctc-table .el-table .el-table__header-wrapper tr th.el-table-fixed-column--left,.ctc-table .el-table .el-table__header-wrapper tr th.el-table-fixed-column--right{background:var(--ctc-color-fill-light);background-color:var(--ctc-color-fill-light)}.ctc-table .el-table td.el-table__cell,.ctc-table .el-table tr{background:var(--ctc-color-surface)}.ctc-table .el-table .el-table__body-wrapper tr td.el-table-fixed-column--left,.ctc-table .el-table .el-table__body-wrapper tr td.el-table-fixed-column--right{background:var(--ctc-color-surface);background-color:var(--ctc-color-surface)}.ctc-table .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{background:var(--ctc-color-fill)}.ctc-table .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table-fixed-column--left,.ctc-table .el-table.el-table--enable-row-hover .el-table__body tr:hover>td.el-table-fixed-column--right{background:var(--ctc-color-fill);background-color:var(--ctc-color-fill)}.ctc-table__pagination{border-top:1px solid var(--ctc-color-border-light);box-sizing:border-box;align-items:center;gap:var(--ctc-space-3);min-height:64px;padding:var(--ctc-space-4) var(--ctc-space-5);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=640px){.ctc-table__pagination{flex-direction:column;justify-content:center;align-items:flex-start}}.ctc-report{box-sizing:border-box;background:var(--ctc-color-fill-light);min-width:0;height:100%;color:var(--ctc-color-text);flex:auto;overflow:hidden}.ctc-report__header,.ctc-report__container-top,.ctc-report__table-bar,.ctc-report__before,.ctc-report__after{flex:none;min-width:0}.ctc-report__header{background:var(--ctc-color-surface)}.ctc-report__bar{gap:var(--ctc-space-3);flex-wrap:wrap;flex:none;min-width:0}.ctc-report__bar-left,.ctc-report__bar-right{align-items:center;gap:var(--ctc-space-2);flex-wrap:wrap;min-width:0;display:flex}.ctc-report__bar-right{margin-left:auto}.ctc-report__toolbar,.ctc-report__search{padding:var(--ctc-space-3) var(--ctc-space-4);border-bottom:1px solid var(--ctc-color-border-light)}.ctc-report__search .el-form-item{margin-bottom:0}.ctc-report__container{gap:var(--ctc-space-3);min-width:0}.ctc-report__body{gap:var(--ctc-space-3);min-width:0;padding:var(--ctc-space-4);border:1px solid var(--ctc-color-border-light);background:var(--ctc-color-surface)}.ctc-report__title{font-size:18px;font-weight:600;line-height:1.5}.ctc-report__title h2{margin:0 0 var(--ctc-space-3);font-size:inherit;font-weight:inherit;line-height:inherit}.ctc-report__info,.ctc-report__before,.ctc-report__after{color:var(--ctc-color-text-secondary);font-size:13px}.ctc-report__table{flex:auto;min-width:0;min-height:0;overflow:auto}.ctc-report__table--auto-height{flex-direction:column;display:flex;overflow:hidden}.ctc-video{--ctc-video-space:var(--ctc-space-3);--ctc-video-sidebar-width:232px;--ctc-video-header-height:48px;--ctc-video-min-height:320px;--ctc-video-radius:var(--ctc-radius-base);--ctc-video-font-size:12px;--ctc-video-tree-indent:12px;--ctc-video-channel-height:32px;--ctc-video-range-width:236px;--ctc-video-meta-value-width:140px;--ctc-video-control-size:28px;--ctc-video-control-gap:2px;--ctc-video-timeline-height:28px;--ctc-video-popup-padding:6px 4px;--ctc-video-popup-gap:6px;--ctc-video-popup-width:32px;--ctc-video-popup-bg:#0f172ae0;--ctc-video-popup-border:#ffffff24;--ctc-video-popup-shadow:0 8px 24px #00000052;--ctc-video-stage-bg:#0b0f17;--ctc-video-stage-color:#f5f7fa;--ctc-video-stage-muted:#ffffffb8;--ctc-video-stage-overlay:#0000007a;--ctc-video-control-bg:#0f172a94;--ctc-video-control-bg-hover:#0f172ad1;--ctc-video-record-color:#f56c6c;box-sizing:border-box;color:var(--ctc-color-text);font-size:var(--ctc-video-font-size);height:100%;min-height:var(--ctc-video-min-height)}.ctc-video.is-compact{--ctc-video-sidebar-width:184px;--ctc-video-header-height:40px;--ctc-video-min-height:240px;--ctc-video-channel-height:28px}.ctc-video__panel{background:var(--ctc-color-surface);border:1px solid var(--ctc-color-border-light);border-radius:var(--ctc-video-radius);box-sizing:border-box;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.ctc-video__header{border-bottom:1px solid var(--ctc-color-border-light);box-sizing:border-box;align-items:center;gap:var(--ctc-space-2);height:var(--ctc-video-header-height);min-width:0;padding:0 var(--ctc-space-4);flex:none;display:flex}.ctc-video__header-title{flex:0 0 var(--ctc-video-sidebar-width);align-items:center;gap:var(--ctc-space-2);min-width:0;display:flex}.ctc-video__header-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ctc-video__mode-switch,.ctc-video__range{flex:none}.ctc-video__range{width:var(--ctc-video-range-width)}.ctc-video__meta{color:var(--ctc-color-text-secondary);gap:var(--ctc-space-3);white-space:nowrap;min-width:0;margin-left:auto;display:flex;overflow:hidden}.ctc-video__meta-item{min-width:0;display:inline-flex}.ctc-video__meta-label{color:var(--ctc-color-text-placeholder)}.ctc-video__meta-value{max-width:var(--ctc-video-meta-value-width);text-overflow:ellipsis;overflow:hidden}.ctc-video__header-extra{align-items:center;gap:var(--ctc-space-2);flex:none;display:flex}.ctc-video__body{flex:1;min-height:0;display:flex;position:relative}.ctc-video__sidebar{background:var(--ctc-color-fill-light);border-right:1px solid var(--ctc-color-border-light);box-sizing:border-box;flex:0 0 var(--ctc-video-sidebar-width);min-height:0;width:var(--ctc-video-sidebar-width);flex-direction:column;display:flex}.ctc-video.is-narrow .ctc-video__sidebar{max-width:85%;width:var(--ctc-video-sidebar-width);z-index:5;position:absolute;top:0;bottom:0;left:0;box-shadow:0 8px 24px #00000038}.ctc-video__sidebar-backdrop{z-index:4;background:#00000052;position:absolute;inset:0}.ctc-video__sidebar-toolbar{align-items:center;gap:var(--ctc-space-2);padding:var(--ctc-video-space);flex:none;display:flex}.ctc-video__search{flex:1;min-width:0}.ctc-video__icon-button{border:1px solid var(--ctc-color-border-light);border-radius:var(--ctc-radius-small);color:var(--ctc-color-text-secondary);cursor:pointer;height:var(--ctc-video-control-size);width:var(--ctc-video-control-size);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;font-size:14px;transition:background-color .2s,color .2s;display:inline-flex}.ctc-video__icon-button:hover{background:var(--ctc-color-fill);color:var(--ctc-color-primary)}.ctc-video__sidebar-body{flex:1;min-height:0}.ctc-video__channel{box-sizing:border-box;color:var(--ctc-color-text-secondary);cursor:pointer;height:var(--ctc-video-channel-height);min-width:0;padding-right:var(--ctc-video-space);text-align:left;background:0 0;border:0;align-items:center;gap:6px;width:100%;line-height:1;transition:background-color .2s,color .2s;display:flex}.ctc-video__channel:hover{background:var(--ctc-color-fill);color:var(--ctc-color-text)}.ctc-video__channel.is-active{background:var(--ctc-color-primary-light-9);color:var(--ctc-color-primary)}.ctc-video__channel.is-parent{color:var(--ctc-color-text);font-weight:600}.ctc-video__channel-caret,.ctc-video__channel-icon{flex:none;font-size:12px}.ctc-video__channel-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ctc-video__dot{background:var(--ctc-color-text-placeholder);border-radius:50%;flex:none;width:6px;height:6px}.ctc-video__dot.is-online{background:var(--el-color-success)}.ctc-video__empty{color:var(--ctc-color-text-placeholder);padding:var(--ctc-space-4) var(--ctc-video-space);text-align:center}.ctc-video__stage{background:var(--ctc-video-stage-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.ctc-video__screen{background:var(--ctc-video-stage-bg);flex:1;min-height:0;position:relative;overflow:hidden}.ctc-video__video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.ctc-video__seek-frame{opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.ctc-video__seek-frame.is-visible{opacity:1}.ctc-video__overlay,.ctc-video__hint,.ctc-video__stage-empty{color:var(--ctc-video-stage-color);align-items:center;gap:var(--ctc-space-2);flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.ctc-video__overlay{background:var(--ctc-video-stage-overlay)}.ctc-video__hint{background:var(--ctc-video-stage-overlay);padding:var(--ctc-space-4);text-align:center}.ctc-video__hint .el-icon,.ctc-video__overlay .el-icon{font-size:20px}.ctc-video__stage-empty{color:var(--ctc-video-stage-muted)}.ctc-video__stage-empty .el-icon{font-size:34px}.ctc-video__rec{background:var(--ctc-video-control-bg);border-radius:var(--ctc-radius-small);color:var(--ctc-video-stage-color);bottom:var(--ctc-video-space);left:var(--ctc-video-space);letter-spacing:.4px;align-items:center;gap:4px;padding:3px 6px;font-size:10px;font-weight:600;display:inline-flex;position:absolute}.ctc-video__rec:before{background:var(--ctc-video-record-color);content:"";border-radius:50%;width:6px;height:6px}.ctc-video__stage-tip{background:var(--ctc-video-control-bg);border-radius:var(--ctc-radius-small);bottom:calc(var(--ctc-video-control-size) + var(--ctc-video-space) * 2);color:var(--ctc-video-stage-color);padding:4px 10px;position:absolute;left:50%;transform:translate(-50%)}.ctc-video__toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--ctc-video-control-bg);border-radius:var(--ctc-radius-base);bottom:var(--ctc-video-space);align-items:center;gap:var(--ctc-video-control-gap);right:var(--ctc-video-space);z-index:3;padding:2px;display:flex;position:absolute}.ctc-video__tool{position:relative}.ctc-video__tool-button{border-radius:var(--ctc-radius-small);color:var(--ctc-video-stage-color);cursor:pointer;height:var(--ctc-video-control-size);min-width:var(--ctc-video-control-size);background:0 0;border:0;justify-content:center;align-items:center;padding:0 4px;font-size:15px;transition:background-color .2s;display:inline-flex}.ctc-video__tool-button:hover{background:var(--ctc-video-control-bg-hover)}.ctc-video__tool-button:disabled{cursor:not-allowed;opacity:.4}.ctc-video__tool-button.is-recording{color:var(--ctc-video-record-color)}.ctc-video__rate-button{font-size:var(--ctc-video-font-size);font-weight:600}.ctc-video__record-timer{color:var(--ctc-video-record-color);padding-right:4px;font-size:11px}.ctc-video__popup{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--ctc-video-popup-bg);border:1px solid var(--ctc-video-popup-border);border-radius:var(--ctc-radius-base);box-shadow:var(--ctc-video-popup-shadow);gap:var(--ctc-video-popup-gap);margin-bottom:var(--ctc-video-popup-gap);padding:var(--ctc-video-popup-padding);width:var(--ctc-video-popup-width);z-index:4;justify-content:center;display:flex;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.ctc-video__popup .el-slider{--el-slider-main-bg-color:var(--ctc-color-primary);--el-slider-runway-bg-color:#ffffff38;--el-slider-button-wrapper-offset:-9px;--el-slider-button-wrapper-size:24px;--el-slider-button-size:12px}.ctc-video__popup .el-slider__runway{margin:0}.ctc-video__rate-popup{flex-direction:column}.ctc-video__rate-option{border-radius:var(--ctc-radius-small);color:var(--ctc-video-stage-color);cursor:pointer;text-align:center;background:0 0;border:0;padding:4px 0;font-size:12px}.ctc-video__rate-option:hover,.ctc-video__rate-option.is-active{color:#fff;background:#ffffff29}.ctc-video__timeline{background:var(--ctc-color-fill);cursor:pointer;flex:0 0 var(--ctc-video-timeline-height);height:var(--ctc-video-timeline-height);touch-action:none;width:100%;display:block}.ctc-video__sidebar-reopen{background:var(--ctc-video-control-bg);border-radius:var(--ctc-radius-small);color:var(--ctc-video-stage-color);cursor:pointer;height:var(--ctc-video-control-size);left:var(--ctc-video-space);top:var(--ctc-video-space);width:var(--ctc-video-control-size);z-index:4;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute}.ctc-video__sidebar-reopen:hover{background:var(--ctc-video-control-bg-hover)}@media (width<=720px){.ctc-video__meta,.ctc-video__range{display:none}.ctc-video__header-title{flex:1}}
 /*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ctc-front/components-ui-next",
-  "version": "0.1.4",
+  "version": "0.3.0",
   "description": "CTC Vue 3 + Element Plus 团队组件库",
   "license": "UNLICENSED",
   "type": "module",
@@ -23,12 +23,39 @@
     "**/*.css",
     "**/*.scss"
   ],
+  "scripts": {
+    "preinstall": "npx only-allow pnpm",
+    "dev": "node play/scripts/init.mjs && vite --config play/vite.config.ts",
+    "build": "vite build",
+    "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
+    "lint": "eslint .",
+    "format": "prettier --write .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "docs:sync": "node scripts/sync-docs.mjs",
+    "docs:check": "node scripts/sync-docs.mjs --check",
+    "docs:dev": "pnpm docs:sync && vitepress dev docs --host 127.0.0.1 --port 4173 --strictPort",
+    "docs:build": "pnpm docs:sync && vitepress build docs",
+    "docs:preview": "pnpm docs:build && vitepress preview docs --port 4174",
+    "video:seek": "node scripts/video-seek-server.mjs",
+    "version:check": "node scripts/check-release.mjs",
+    "release:check": "pnpm version:check && pnpm docs:check && pnpm type-check && pnpm lint && pnpm test && pnpm docs:build && pnpm build",
+    "release:tag-check": "node scripts/check-release.mjs --tag",
+    "prepublishOnly": "pnpm release:tag-check && pnpm release:check"
+  },
   "peerDependencies": {
+    "@brid9e/mpegts.js": "^1.8.5",
     "@element-plus/icons-vue": "^2.3.1",
     "element-plus": "^2.14.1",
     "vue": "^3.5.32"
   },
+  "peerDependenciesMeta": {
+    "@brid9e/mpegts.js": {
+      "optional": true
+    }
+  },
   "devDependencies": {
+    "@brid9e/mpegts.js": "^1.8.5",
     "@element-plus/icons-vue": "^2.3.1",
     "@eslint/js": "^10.0.1",
     "@tsconfig/node24": "^24.0.4",
@@ -58,19 +85,5 @@
     "node": ">=22.0.0 <24.0.0",
     "pnpm": ">=11.0.0"
   },
-  "scripts": {
-    "preinstall": "npx only-allow pnpm",
-    "dev": "vite",
-    "build": "vite build",
-    "type-check": "vue-tsc --noEmit -p tsconfig.app.json",
-    "lint": "eslint .",
-    "format": "prettier --write .",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "docs:dev": "vitepress dev docs",
-    "docs:build": "vitepress build docs",
-    "version:check": "node scripts/check-release.mjs",
-    "release:check": "pnpm version:check && pnpm type-check && pnpm lint && pnpm test && pnpm docs:build && pnpm build",
-    "release:tag-check": "node scripts/check-release.mjs --tag"
-  }
-}
+  "packageManager": "pnpm@11.0.0"
+}