:root{--td-screen-xs: 320px;--td-screen-sm: 768px;--td-screen-md: 992px;--td-screen-lg: 1200px;--td-screen-xl: 1400px;--td-screen-xxl: 1880px}@-moz-document url-prefix(){.narrow-scrollbar{scrollbar-color:var(--td-scrollbar-color) transparent;scrollbar-width:thin}}.narrow-scrollbar::-webkit-scrollbar{width:8px;height:8px}.narrow-scrollbar::-webkit-scrollbar-thumb{border:2px solid transparent;background-clip:content-box;background-color:var(--td-scrollbar-color);border-radius:15px}.narrow-scrollbar::-webkit-scrollbar-thumb:vertical:hover,.narrow-scrollbar::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--td-scrollbar-hover-color)}.t-fake-arrow path{transition:d .2s;stroke:currentcolor}.t-fake-arrow--active path{d:path("M3.75 10.2002L7.99274 5.7998L12.2361 10.0425")}.t-fake-arrow.t-fake-arrow--transform path{transition:transform .2s;transform-origin:center}.t-fake-arrow.t-fake-arrow--transform.t-fake-arrow--active path{transform:scaleY(-1)}.t-slide-down-enter-active,.t-slide-down-leave-active{transition:height .2s cubic-bezier(.38,0,.24,1),max-height .2s cubic-bezier(.38,0,.24,1)}:root,:root[theme-mode=light]{--td-brand-color-1: #f2f3ff;--td-brand-color-2: #d9e1ff;--td-brand-color-3: #b5c7ff;--td-brand-color-4: #8eabff;--td-brand-color-5: #618dff;--td-brand-color-6: #366ef4;--td-brand-color-7: #0052d9;--td-brand-color-8: #003cab;--td-brand-color-9: #002a7c;--td-brand-color-10: #001a57;--td-warning-color-1: #fff1e9;--td-warning-color-2: #ffd9c2;--td-warning-color-3: #ffb98c;--td-warning-color-4: #fa9550;--td-warning-color-5: #e37318;--td-warning-color-6: #be5a00;--td-warning-color-7: #954500;--td-warning-color-8: #713300;--td-warning-color-9: #532300;--td-warning-color-10: #3b1700;--td-error-color-1: #fff0ed;--td-error-color-2: #ffd8d2;--td-error-color-3: #ffb9b0;--td-error-color-4: #ff9285;--td-error-color-5: #f6685d;--td-error-color-6: #d54941;--td-error-color-7: #ad352f;--td-error-color-8: #881f1c;--td-error-color-9: #68070a;--td-error-color-10: #490002;--td-success-color-1: #e3f9e9;--td-success-color-2: #c6f3d7;--td-success-color-3: #92dab2;--td-success-color-4: #56c08d;--td-success-color-5: #2ba471;--td-success-color-6: #008858;--td-success-color-7: #006c45;--td-success-color-8: #005334;--td-success-color-9: #003b23;--td-success-color-10: #002515;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: #ffffff;--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-7);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-6);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-8);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .6);--td-mask-disabled: rgba(255, 255, 255, .6);--td-mask-background: rgba(255, 255, 255, .96);--td-bg-color-page: var(--td-gray-color-2);--td-bg-color-container: #fff;--td-bg-color-container-hover: var(--td-gray-color-1);--td-bg-color-container-active: var(--td-gray-color-3);--td-bg-color-container-select: #fff;--td-bg-color-secondarycontainer: var(--td-gray-color-1);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-2);--td-bg-color-secondarycontainer-active: var(--td-gray-color-4);--td-bg-color-component: var(--td-gray-color-3);--td-bg-color-component-hover: var(--td-gray-color-4);--td-bg-color-component-active: var(--td-gray-color-6);--td-bg-color-secondarycomponent: var(--td-gray-color-4);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-5);--td-bg-color-secondarycomponent-active: var(--td-gray-color-6);--td-bg-color-component-disabled: var(--td-gray-color-2);--td-bg-color-specialcomponent: #fff;--td-text-color-primary: var(--td-font-gray-1);--td-text-color-secondary: var(--td-font-gray-2);--td-text-color-placeholder: var(--td-font-gray-3);--td-text-color-disabled: var(--td-font-gray-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-7);--td-text-color-link: var(--td-brand-color-8);--td-text-color-watermark: rgba(0, 0, 0, .1);--td-border-level-1-color: var(--td-gray-color-3);--td-component-stroke: var(--td-gray-color-3);--td-border-level-2-color: var(--td-gray-color-4);--td-component-border: var(--td-gray-color-4);--td-shadow-1: 0 1px 10px rgba(0, 0, 0, .05), 0 4px 5px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .12);--td-shadow-2: 0 3px 14px 2px rgba(0, 0, 0, .05), 0 8px 10px 1px rgba(0, 0, 0, .06), 0 5px 5px -3px rgba(0, 0, 0, .1);--td-shadow-3: 0 6px 30px 5px rgba(0, 0, 0, .05), 0 16px 24px 2px rgba(0, 0, 0, .04), 0 8px 10px -5px rgba(0, 0, 0, .08);--td-shadow-inset-top: inset 0 .5px 0 #dcdcdc;--td-shadow-inset-right: inset .5px 0 0 #dcdcdc;--td-shadow-inset-bottom: inset 0 -.5px 0 #dcdcdc;--td-shadow-inset-left: inset -.5px 0 0 #dcdcdc;--td-table-shadow-color: rgba(0, 0, 0, .08);--td-scrollbar-color: rgba(0, 0, 0, .1);--td-scrollbar-hover-color: rgba(0, 0, 0, .3);--td-scroll-track-color: #fff}:root.dark,:root[theme-mode=dark]{--td-brand-color-1: #1b2f51;--td-brand-color-2: #173463;--td-brand-color-3: #143975;--td-brand-color-4: #103d88;--td-brand-color-5: #0d429a;--td-brand-color-6: #054bbe;--td-brand-color-7: #2667d4;--td-brand-color-8: #4582e6;--td-brand-color-9: #699ef5;--td-brand-color-10: #96bbf8;--td-warning-color-1: #4f2a1d;--td-warning-color-2: #582f21;--td-warning-color-3: #733c23;--td-warning-color-4: #a75d2b;--td-warning-color-5: #cf6e2d;--td-warning-color-6: #dc7633;--td-warning-color-7: #e8935c;--td-warning-color-8: #ecbf91;--td-warning-color-9: #eed7bf;--td-warning-color-10: #f3e9dc;--td-error-color-1: #472324;--td-error-color-2: #5e2a2d;--td-error-color-3: #703439;--td-error-color-4: #83383e;--td-error-color-5: #a03f46;--td-error-color-6: #c64751;--td-error-color-7: #de6670;--td-error-color-8: #ec888e;--td-error-color-9: #edb1b6;--td-error-color-10: #eeced0;--td-success-color-1: #193a2a;--td-success-color-2: #1a4230;--td-success-color-3: #17533d;--td-success-color-4: #0d7a55;--td-success-color-5: #059465;--td-success-color-6: #43af8a;--td-success-color-7: #46bf96;--td-success-color-8: #80d2b6;--td-success-color-9: #b4e1d3;--td-success-color-10: #deede8;--td-gray-color-1: #f3f3f3;--td-gray-color-2: #eee;--td-gray-color-3: #e8e8e8;--td-gray-color-4: #ddd;--td-gray-color-5: #c6c6c6;--td-gray-color-6: #a6a6a6;--td-gray-color-7: #8b8b8b;--td-gray-color-8: #777;--td-gray-color-9: #5e5e5e;--td-gray-color-10: #4b4b4b;--td-gray-color-11: #393939;--td-gray-color-12: #2c2c2c;--td-gray-color-13: #242424;--td-gray-color-14: #181818;--td-font-white-1: rgba(255, 255, 255, .9);--td-font-white-2: rgba(255, 255, 255, .55);--td-font-white-3: rgba(255, 255, 255, .35);--td-font-white-4: rgba(255, 255, 255, .22);--td-font-gray-1: rgba(0, 0, 0, .9);--td-font-gray-2: rgba(0, 0, 0, .6);--td-font-gray-3: rgba(0, 0, 0, .4);--td-font-gray-4: rgba(0, 0, 0, .26);--td-brand-color: var(--td-brand-color-8);--td-warning-color: var(--td-warning-color-5);--td-error-color: var(--td-error-color-6);--td-success-color: var(--td-success-color-5);--td-brand-color-hover: var(--td-brand-color-7);--td-brand-color-focus: var(--td-brand-color-2);--td-brand-color-active: var(--td-brand-color-9);--td-brand-color-disabled: var(--td-brand-color-3);--td-brand-color-light: var(--td-brand-color-1);--td-brand-color-light-hover: var(--td-brand-color-2);--td-warning-color-hover: var(--td-warning-color-4);--td-warning-color-focus: var(--td-warning-color-2);--td-warning-color-active: var(--td-warning-color-6);--td-warning-color-disabled: var(--td-warning-color-3);--td-warning-color-light: var(--td-warning-color-1);--td-warning-color-light-hover: var(--td-warning-color-2);--td-error-color-hover: var(--td-error-color-5);--td-error-color-focus: var(--td-error-color-2);--td-error-color-active: var(--td-error-color-7);--td-error-color-disabled: var(--td-error-color-3);--td-error-color-light: var(--td-error-color-1);--td-error-color-light-hover: var(--td-error-color-2);--td-success-color-hover: var(--td-success-color-4);--td-success-color-focus: var(--td-success-color-2);--td-success-color-active: var(--td-success-color-6);--td-success-color-disabled: var(--td-success-color-3);--td-success-color-light: var(--td-success-color-1);--td-success-color-light-hover: var(--td-success-color-2);--td-mask-active: rgba(0, 0, 0, .4);--td-mask-disabled: rgba(0, 0, 0, .6);--td-mask-background: rgba(36, 36, 36, .96);--td-bg-color-page: var(--td-gray-color-14);--td-bg-color-container: var(--td-gray-color-13);--td-bg-color-container-hover: var(--td-gray-color-12);--td-bg-color-container-active: var(--td-gray-color-10);--td-bg-color-container-select: var(--td-gray-color-9);--td-bg-color-secondarycontainer: var(--td-gray-color-12);--td-bg-color-secondarycontainer-hover: var(--td-gray-color-11);--td-bg-color-secondarycontainer-active: var(--td-gray-color-9);--td-bg-color-component: var(--td-gray-color-11);--td-bg-color-component-hover: var(--td-gray-color-10);--td-bg-color-component-active: var(--td-gray-color-9);--td-bg-color-secondarycomponent: var(--td-gray-color-10);--td-bg-color-secondarycomponent-hover: var(--td-gray-color-9);--td-bg-color-secondarycomponent-active: var(--td-gray-color-8);--td-bg-color-component-disabled: var(--td-gray-color-12);--td-bg-color-specialcomponent: transparent;--td-text-color-primary: var(--td-font-white-1);--td-text-color-secondary: var(--td-font-white-2);--td-text-color-placeholder: var(--td-font-white-3);--td-text-color-disabled: var(--td-font-white-4);--td-text-color-anti: #fff;--td-text-color-brand: var(--td-brand-color-8);--td-text-color-link: var(--td-brand-color-8);--td-text-color-watermark: rgba(255, 255, 255, .1);--td-border-level-1-color: var(--td-gray-color-11);--td-component-stroke: var(--td-gray-color-11);--td-border-level-2-color: var(--td-gray-color-9);--td-component-border: var(--td-gray-color-9);--td-shadow-1: 0 4px 6px rgba(0, 0, 0, .06), 0 1px 10px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .12);--td-shadow-2: 0 8px 10px rgba(0, 0, 0, .12), 0 3px 14px rgba(0, 0, 0, .1), 0 5px 5px rgba(0, 0, 0, .16);--td-shadow-3: 0 16px 24px rgba(0, 0, 0, .14), 0 6px 30px rgba(0, 0, 0, .12), 0 8px 10px rgba(0, 0, 0, .2);--td-shadow-inset-top: inset 0 .5px 0 #5e5e5e;--td-shadow-inset-right: inset .5px 0 0 #5e5e5e;--td-shadow-inset-bottom: inset 0 -.5px 0 #5e5e5e;--td-shadow-inset-left: inset -.5px 0 0 #5e5e5e;--td-table-shadow-color: rgba(0, 0, 0, .55);--td-scrollbar-color: rgba(255, 255, 255, .1);--td-scrollbar-hover-color: rgba(255, 255, 255, .3);--td-scroll-track-color: #333}:root{--td-radius-small: 2px;--td-radius-default: 3px;--td-radius-medium: 6px;--td-radius-large: 9px;--td-radius-extraLarge: 12px;--td-radius-round: 999px;--td-radius-circle: 50%}:root{--td-font-family: PingFang SC, Microsoft YaHei, Arial Regular;--td-font-family-medium: PingFang SC, Microsoft YaHei, Arial Medium;--td-font-size-link-small: 12px;--td-font-size-link-medium: 14px;--td-font-size-link-large: 16px;--td-font-size-mark-small: 12px;--td-font-size-mark-medium: 14px;--td-font-size-body-small: 12px;--td-font-size-body-medium: 14px;--td-font-size-body-large: 16px;--td-font-size-title-small: 14px;--td-font-size-title-medium: 16px;--td-font-size-title-large: 18px;--td-font-size-title-extraLarge: 20px;--td-font-size-headline-small: 24px;--td-font-size-headline-medium: 28px;--td-font-size-headline-large: 36px;--td-font-size-display-medium: 48px;--td-font-size-display-large: 64px;--td-line-height-link-small: 20px;--td-line-height-link-medium: 22px;--td-line-height-link-large: 24px;--td-line-height-mark-small: 20px;--td-line-height-mark-medium: 22px;--td-line-height-body-small: 20px;--td-line-height-body-medium: 22px;--td-line-height-body-large: 24px;--td-line-height-title-small: 22px;--td-line-height-title-medium: 24px;--td-line-height-title-large: 26px;--td-line-height-title-extraLarge: 28px;--td-line-height-headline-small: 32px;--td-line-height-headline-medium: 36px;--td-line-height-headline-large: 44px;--td-line-height-display-medium: 56px;--td-line-height-display-large: 72px;--td-font-link-small: var(--td-font-size-link-small) / var(--td-line-height-link-small) var(--td-font-family);--td-font-link-medium: var(--td-font-size-link-medium) / var(--td-line-height-link-medium) var(--td-font-family);--td-font-link-large: var(--td-font-size-link-large) / var(--td-line-height-link-large) var(--td-font-family);--td-font-mark-small: 600 var(--td-font-size-mark-small) / var(--td-line-height-mark-small) var(--td-font-family);--td-font-mark-medium: 600 var(--td-font-size-mark-medium) / var(--td-line-height-mark-medium) var(--td-font-family);--td-font-body-small: var(--td-font-size-body-small) / var(--td-line-height-body-small) var(--td-font-family);--td-font-body-medium: var(--td-font-size-body-medium) / var(--td-line-height-body-medium) var(--td-font-family);--td-font-body-large: var(--td-font-size-body-large) / var(--td-line-height-body-large) var(--td-font-family);--td-font-title-small: 600 var(--td-font-size-title-small) / var(--td-line-height-title-small) var(--td-font-family);--td-font-title-medium: 600 var(--td-font-size-title-medium) / var(--td-line-height-title-medium) var(--td-font-family);--td-font-title-large: 600 var(--td-font-size-title-large) / var(--td-line-height-title-large) var(--td-font-family);--td-font-title-extraLarge: 600 var(--td-font-size-title-extraLarge) / var(--td-line-height-title-extraLarge) var(--td-font-family);--td-font-headline-small: 600 var(--td-font-size-headline-small) / var(--td-line-height-headline-small) var(--td-font-family);--td-font-headline-medium: 600 var(--td-font-size-headline-medium) / var(--td-line-height-headline-medium) var(--td-font-family);--td-font-headline-large: 600 var(--td-font-size-headline-large) / var(--td-line-height-headline-large) var(--td-font-family);--td-font-display-medium: 600 var(--td-font-size-display-medium) / var(--td-line-height-display-medium) var(--td-font-family);--td-font-display-large: 600 var(--td-font-size-display-large) / var(--td-line-height-display-large) var(--td-font-family)}:root{--td-size-1: 2px;--td-size-2: 4px;--td-size-3: 6px;--td-size-4: 8px;--td-size-5: 12px;--td-size-6: 16px;--td-size-7: 20px;--td-size-8: 24px;--td-size-9: 28px;--td-size-10: 32px;--td-size-11: 36px;--td-size-12: 40px;--td-size-13: 48px;--td-size-14: 56px;--td-size-15: 64px;--td-size-16: 72px;--td-comp-size-xxxs: var(--td-size-6);--td-comp-size-xxs: var(--td-size-7);--td-comp-size-xs: var(--td-size-8);--td-comp-size-s: var(--td-size-9);--td-comp-size-m: var(--td-size-10);--td-comp-size-l: var(--td-size-11);--td-comp-size-xl: var(--td-size-12);--td-comp-size-xxl: var(--td-size-13);--td-comp-size-xxxl: var(--td-size-14);--td-comp-size-xxxxl: var(--td-size-15);--td-comp-size-xxxxxl: var(--td-size-16);--td-pop-padding-s: var(--td-size-2);--td-pop-padding-m: var(--td-size-3);--td-pop-padding-l: var(--td-size-4);--td-pop-padding-xl: var(--td-size-5);--td-pop-padding-xxl: var(--td-size-6);--td-comp-paddingLR-xxs: var(--td-size-1);--td-comp-paddingLR-xs: var(--td-size-2);--td-comp-paddingLR-s: var(--td-size-4);--td-comp-paddingLR-m: var(--td-size-5);--td-comp-paddingLR-l: var(--td-size-6);--td-comp-paddingLR-xl: var(--td-size-8);--td-comp-paddingLR-xxl: var(--td-size-10);--td-comp-paddingTB-xxs: var(--td-size-1);--td-comp-paddingTB-xs: var(--td-size-2);--td-comp-paddingTB-s: var(--td-size-4);--td-comp-paddingTB-m: var(--td-size-5);--td-comp-paddingTB-l: var(--td-size-6);--td-comp-paddingTB-xl: var(--td-size-8);--td-comp-paddingTB-xxl: var(--td-size-10);--td-comp-margin-xxs: var(--td-size-1);--td-comp-margin-xs: var(--td-size-2);--td-comp-margin-s: var(--td-size-4);--td-comp-margin-m: var(--td-size-5);--td-comp-margin-l: var(--td-size-6);--td-comp-margin-xl: var(--td-size-7);--td-comp-margin-xxl: var(--td-size-8);--td-comp-margin-xxxl: var(--td-size-10);--td-comp-margin-xxxxl: var(--td-size-12)}:root{--brand: #3768fa;--brand-light: #ecf2fe;--ai: #a64dff;--ai-light: #f6edff;--success: #67c23a;--warning: #e6a23c;--error: #f56c6c;--info: #909399;--text-primary: #1d1e1f;--text-regular: #303133;--text-secondary: #606266;--text-placeholder: #909399;--bg-page: #f7f8fa;--bg-surface: #fff;--bg-fill: #f2f3f5;--border: #dcdfe6;--border-light: #ebedf0;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 2px 6px rgba(0, 0, 0, .04);--shadow-md: 0 12px 24px -4px rgba(0, 0, 0, .06), 0 4px 28px rgba(0, 0, 0, .04);--sp: 4px;--sp2: 8px;--sp3: 12px;--sp4: 16px;--sp5: 20px;--sp6: 24px;--sp7: 32px;--sp8: 40px;--trans: .2s cubic-bezier(.23, 1, .32, 1);--sidebar: 220px;--topbar: 56px;--z-overlay: 1000;--z-modal: 1100;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--mono: "SF Mono", "Fira Code", Consolas, monospace}.user-app{--brand: #7c4dff;--brand-strong: #6338df;--brand-light: #f2ecff;--accent: #f47b45;--accent-soft: #fff0e5;--ai: #ef72ad;--ai-light: #fff0f7;--success: #16875b;--success-soft: #e9f8f1;--error: #d34444;--error-soft: #fff0f0;--warning: #a5640c;--warning-soft: #fff6df;--text-primary: #25212d;--text-regular: #383341;--text-secondary: #746d7d;--text-placeholder: #a39aa9;--bg-page: #fffaf5;--bg-surface: #fff;--bg-fill: #f8f5f6;--border: #ded2d0;--border-light: #eee5e2;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 18px;--shadow-sm: 0 2px 8px rgb(30 32 55 / 6%);--shadow-md: 0 14px 38px rgb(30 32 55 / 14%);--surface-brand-mark: #fff9f6;--group-heading: #9a7785;--tool-icon: #94899b;--avatar-bg: #22263b;--hero-line: #eadfe4;--hero-gradient: linear-gradient(135deg, #fff4e9 0%, #fffaf7 52%, #f4efff 100%);--hero-shadow: 0 14px 38px rgb(85 52 109 / 9%);--hero-bloom: radial-gradient(circle, rgb(124 77 255 / 11%), transparent 68%);--hero-label-bg: rgb(255 255 255 / 72%);--hero-label-text: #8c457a;--hero-body: #665e6d;--hero-list: #766c78;--hero-action-line: rgb(228 214 220 / 82%);--hero-action-bg: rgb(255 255 255 / 72%);--headline-rule: linear-gradient(90deg, #f47b45, #e459a0 52%, #7c4dff);--headline-rule-shadow: 0 2px 9px rgb(228 89 160 / 30%);--primary-shadow: 0 8px 18px rgb(99 56 223 / 18%);--showcase-gradient: linear-gradient( 145deg, rgb(244 123 69 / 22%), rgb(239 114 173 / 16%) 48%, rgb(124 77 255 / 24%) );--showcase-frame: rgb(255 255 255 / 86%);--showcase-shadow: 0 18px 36px rgb(55 37 73 / 16%);--effect-hover-line: #d8cde2;--effect-tag: #b9572c;--feature-number: #c9b6e8;--canvas-panel-bg: #faf8f6;--canvas-gradient: radial-gradient(circle at 35% 40%, #fff 0, #faf9ff 50%, #f6f5fb 100%);--empty-line: #e6dce8;--empty-gradient: linear-gradient(135deg, var(--accent-soft), var(--brand-light));--image-label-bg: rgb(37 33 45 / 76%);--task-hover-line: #cbc6e7;--detail-media-bg: #faf6f3;--processing: #3568c9;--processing-soft: #eef3ff;--spinner-track: #ddd6ff;--font-workbench: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--sidebar: 264px;--topbar: 72px;--td-brand-color: var(--brand);--td-brand-color-hover: #6d3ff2;--td-brand-color-focus: #8c63ff;--td-brand-color-active: var(--brand-strong);--td-brand-color-light: var(--brand-light);--td-text-color-primary: var(--text-primary);--td-text-color-secondary: var(--text-secondary);--td-bg-color-page: var(--bg-page);--td-bg-color-container: var(--bg-surface);--td-component-border: var(--border);--td-radius-default: var(--radius);--td-radius-medium: var(--radius-md)}.user-app button:focus-visible,.user-app a:focus-visible,.user-app input:focus-visible,.user-app textarea:focus-visible,.user-app [tabindex]:focus-visible{outline:3px solid rgb(109 74 255 / 24%);outline-offset:2px}.user-app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus-visible,.user-app textarea:focus-visible,.user-app select:focus-visible{outline:none;outline-offset:0}.user-app .t-input--focused:not(.t-is-error):not(.t-is-warning):not(.t-is-success),.user-app .t-input.t-is-focused:not(.t-is-error):not(.t-is-warning):not(.t-is-success),.user-app .t-textarea__inner:focus:not(.t-is-error):not(.t-is-warning):not(.t-is-success),.user-app .form-input:focus{border-color:var(--border);background-color:var(--bg-fill);box-shadow:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text-regular);background:var(--bg-page);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}input,select,textarea,button{font-family:inherit;font-size:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#f8f0ff)}.auth-card{width:420px;background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--sp8) var(--sp7)}.auth-logo{text-align:center;margin-bottom:var(--sp7)}.auth-logo-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--brand),var(--ai));border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;margin-bottom:var(--sp3)}.auth-title{font-size:20px;font-weight:600;text-align:center;margin-bottom:var(--sp2)}.auth-subtitle{font-size:13px;color:var(--text-placeholder);text-align:center;margin-bottom:var(--sp6)}.form-group{margin-bottom:var(--sp4)}.form-label{display:block;font-size:13px;font-weight:500;margin-bottom:4px}.form-label .req{color:var(--error)}.form-input{width:100%;padding:var(--sp2) var(--sp3);border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-regular);outline:none;transition:border-color var(--trans);background:var(--bg-surface)}.form-input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-light)}.form-input::placeholder{color:var(--text-placeholder)}.form-row{display:flex;gap:var(--sp3)}.form-row>*{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp);padding:var(--sp2) var(--sp4);border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background-color var(--trans),border-color var(--trans),color var(--trans),opacity var(--trans),box-shadow var(--trans),transform var(--trans);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(90deg,#005fee,#3768fa);color:#fff;padding:var(--sp2) var(--sp6)}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-sm)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-default{background:var(--bg-surface);color:var(--text-regular);border-color:var(--border)}.btn-default:hover{border-color:var(--brand);color:var(--brand)}.btn-sm{padding:3px 10px;font-size:12px}.btn-text{background:none;border:none;color:var(--brand);padding:0;cursor:pointer;font-size:13px}.btn-text:hover{text-decoration:underline}.btn-block{width:100%}.app-layout{display:flex;height:100vh;width:100%}.sidebar{width:var(--sidebar);background:var(--bg-surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;z-index:10}.sidebar-logo{padding:var(--sp4) var(--sp6);display:flex;align-items:center;gap:var(--sp2);border-bottom:1px solid var(--border-light);cursor:pointer}.sidebar-logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--brand),var(--ai));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.sidebar-logo-img{width:28px;height:28px;border-radius:var(--radius-md);object-fit:contain;flex-shrink:0}.sidebar-logo-text{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap}.sidebar-nav{list-style:none;padding:0 var(--sp2);flex:1;overflow-y:auto}.sidebar-nav li{display:flex;align-items:center;gap:var(--sp2);padding:7px var(--sp3);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background-color var(--trans),color var(--trans);font-size:13px;margin-bottom:1px}.sidebar-nav li:hover{background:var(--bg-fill);color:var(--text-regular)}.sidebar-nav li.active{background:var(--brand-light);color:var(--brand);font-weight:500}.sidebar-nav li.active .lbl small{color:var(--text-placeholder)}.sidebar-nav li .ico{font-size:15px;width:20px;text-align:center;flex-shrink:0}.sidebar-nav li .lbl{line-height:1.3}.sidebar-nav li .lbl small{display:block;font-size:10px;color:var(--text-placeholder);font-weight:400}.sidebar-nav li.sec{font-size:11px;color:var(--text-placeholder);letter-spacing:.5px;font-weight:500;padding:var(--sp3) var(--sp3) var(--sp);cursor:default;pointer-events:none}.sidebar-nav li.sec:hover{background:none;color:var(--text-placeholder)}.sidebar-nav li.divider{padding:0;margin:var(--sp) var(--sp3);border-top:1px solid var(--border-light);cursor:default;pointer-events:none}.sidebar-nav li.divider:hover{background:none}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar);background:var(--bg-surface);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp6);flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:var(--sp2);font-size:13px;color:var(--text-secondary)}.topbar-left a{cursor:pointer}.topbar-left .sep{color:#c0c4cc}.topbar-left .cur{color:var(--text-regular);font-weight:500}.topbar-right{display:flex;align-items:center;gap:var(--sp4)}.points-badge{display:flex;align-items:center;gap:var(--sp);background:var(--brand-light);color:var(--brand);padding:3px var(--sp3);border-radius:20px;font-size:12px;font-weight:500;cursor:pointer}.points-badge .cnt{font-weight:700;font-size:14px}.recharge-btn{display:flex;align-items:center;gap:4px;padding:3px var(--sp3);border-radius:20px;font-size:12px;font-weight:500;color:var(--brand);border:1px solid var(--brand);text-decoration:none;transition:background-color .15s,border-color .15s,color .15s}.recharge-btn:hover{background:var(--brand);color:#fff}.user-menu{display:flex;align-items:center;gap:var(--sp2);cursor:pointer;position:relative;padding:var(--sp) var(--sp2);border-radius:var(--radius)}.user-menu:hover{background:var(--bg-fill)}.user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--brand),#8ab4ff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.user-dropdown{position:absolute;top:100%;right:0;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:150px;display:none;z-index:100}.user-dropdown.show{display:block}.user-dropdown-item{padding:var(--sp2) var(--sp4);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:var(--sp2)}.user-dropdown-item:hover{background:var(--bg-fill)}.user-dropdown-item.danger{color:var(--error)}.content{flex:1;overflow-y:auto;padding:var(--sp6)}.page-title{font-size:20px;font-weight:600;margin-bottom:4px}.page-subtitle{font-size:13px;color:var(--text-placeholder);margin-bottom:var(--sp6)}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp4)}.tool-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--sp6);cursor:pointer;transition:border-color var(--trans),box-shadow var(--trans),transform var(--trans);position:relative}.tool-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card .badge{position:absolute;top:var(--sp3);right:var(--sp3);font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px}.badge.recommend{background:var(--brand-light);color:var(--brand)}.tool-card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:var(--sp3)}.tool-card-icon.blue{background:var(--brand-light)}.tool-card-icon.purple{background:var(--ai-light)}.tool-card-icon.green{background:#edf7e6}.tool-card-title{font-size:14px;font-weight:600;margin-bottom:4px}.tool-card-desc{font-size:12px;color:var(--text-placeholder);line-height:1.5}.cat-section{margin-bottom:var(--sp7)}.cat-title{font-size:15px;font-weight:600;margin-bottom:var(--sp3);display:flex;align-items:center;gap:var(--sp2)}.cat-count{font-size:12px;color:var(--text-placeholder);font-weight:400}.panel{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--sp4)}.panel-header{padding:var(--sp3) var(--sp4);border-bottom:1px solid var(--border-light);font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.panel-body{padding:var(--sp4)}.tool-layout{display:flex;gap:var(--sp4);flex:1;overflow:hidden;height:calc(100vh - var(--topbar) - var(--sp6) * 2)}.config-panel{width:320px;flex-shrink:0;overflow-y:auto}.workspace-panel{flex:1;overflow-y:auto}.workspace-tabs{display:flex;gap:var(--sp5);border:none;margin:0;padding:0}.workspace-tabs button{font-size:13px;color:var(--text-secondary);cursor:pointer;padding-bottom:var(--sp2);border:none;background:none;position:relative}.workspace-tabs button.active{color:var(--brand);font-weight:700}.workspace-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--brand);border-radius:1px}.toggle-group{display:flex;flex-wrap:wrap;gap:var(--sp2)}.toggle{padding:3px 10px;border:1px solid var(--border);border-radius:var(--radius);font-size:11px;cursor:pointer;transition:background-color var(--trans),border-color var(--trans),color var(--trans);color:var(--text-secondary);background:var(--bg-surface);-webkit-user-select:none;user-select:none}.toggle:hover{border-color:var(--brand);color:var(--brand)}.toggle.on{background:var(--brand-light);border-color:var(--brand);color:var(--brand);font-weight:500}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--sp5) var(--sp4);text-align:center;cursor:pointer;transition:background-color var(--trans),border-color var(--trans);background:var(--bg-page)}.upload-zone:hover{border-color:var(--brand);background:var(--brand-light)}.upload-zone-icon{font-size:24px;margin-bottom:var(--sp2)}.upload-zone-text{font-size:13px;color:var(--text-secondary)}.upload-zone-hint{font-size:11px;color:var(--text-placeholder);margin-top:2px}.task-list{display:flex;flex-direction:column;gap:var(--sp2)}.task-item{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--sp3) var(--sp4);display:flex;align-items:center;gap:var(--sp3);transition:border-color var(--trans),box-shadow var(--trans)}.task-item:hover{border-color:var(--brand)}.task-thumb{width:52px;height:52px;border-radius:var(--radius);background:var(--bg-fill);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:22px;overflow:hidden}.task-thumb img{width:100%;height:100%;object-fit:cover}.task-info{flex:1;min-width:0}.task-name{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-meta{font-size:12px;color:var(--text-placeholder);display:flex;gap:var(--sp3);margin-top:2px}.st{font-size:11px;font-weight:500;padding:1px 8px;border-radius:10px;flex-shrink:0;white-space:nowrap}.st.processing{background:var(--brand-light);color:var(--brand);animation:pulse 1.2s ease-in-out infinite}.st.succeeded{background:#edf7e6;color:var(--success)}.st.failed{background:#fef0f0;color:var(--error)}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.task-spinner{width:48px;height:48px;border:4px solid var(--border);border-top:4px solid var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.task-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp4);margin-bottom:var(--sp4)}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp3);font-size:12px;color:var(--text-placeholder)}.preview-area{display:flex;justify-content:center;background-color:#f0f0f0;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;border-radius:var(--radius-lg);padding:var(--sp5);margin-bottom:var(--sp3)}.preview-area img{max-height:360px;max-width:100%;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--sp2)}.result-item{aspect-ratio:1;background:var(--bg-fill);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;position:relative;border:2px solid transparent;transition:border-color var(--trans),transform var(--trans)}.result-item:hover{border-color:var(--brand)}.result-item img{width:100%;height:100%;object-fit:cover}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f0;z-index:1000;display:none;flex-direction:column}.lightbox.show{display:flex}.lightbox-header{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;color:#fff;flex-shrink:0}.lightbox-close{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:4px 8px}.lightbox-body{flex:1;display:flex;align-items:center;justify-content:center;padding:0;position:relative;min-height:0}.lightbox-body img{max-width:100%;max-height:100%;object-fit:contain;border-radius:0;transition:transform .15s ease-out;-webkit-user-select:none;user-select:none}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#fff;font-size:32px;width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center}.lightbox-nav.prev{left:8px}.lightbox-nav.next{right:8px}.lightbox-thumbs{display:flex;gap:4px;justify-content:center;padding:4px 8px;overflow-x:auto;flex-shrink:0}.lightbox-thumb{width:48px;height:48px;border-radius:var(--radius);overflow:hidden;cursor:pointer;border:2px solid transparent;opacity:.5;flex-shrink:0}.lightbox-thumb.active{border-color:#fff;opacity:1}.lightbox-thumb img{width:100%;height:100%;object-fit:cover}.empty{text-align:center;padding:var(--sp8) var(--sp6)}.empty-icon{font-size:48px;margin-bottom:var(--sp3);opacity:.4}.empty-text{font-size:14px;color:var(--text-placeholder);margin-bottom:4px}.empty-hint{font-size:12px;color:#c0c4cc}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--sp6)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp4)}.info-block{margin-bottom:var(--sp4)}.info-label{font-size:12px;color:var(--text-placeholder);margin-bottom:2px;font-weight:500}.info-value{font-size:14px;color:var(--text-regular)}.acct-page{max-width:640px;margin:0 auto}.acct-section{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp6);margin-bottom:var(--sp4)}.acct-section-title{font-size:16px;font-weight:600;margin-bottom:var(--sp4)}.bind-row{display:flex;justify-content:space-between;align-items:center;padding:var(--sp3) 0;border-bottom:1px solid var(--border-light)}.bind-row:last-child{border-bottom:none}.bind-label{font-size:14px;font-weight:500}.bind-status{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:var(--sp2)}.bind-status.linked{color:var(--success)}.pts-page{max-width:800px;margin:0 auto}.pts-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp4);margin-bottom:var(--sp6)}.pts-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--sp5);text-align:center}.pts-card-num{font-size:28px;font-weight:700;margin-bottom:4px}.pts-card-label{font-size:12px;color:var(--text-placeholder)}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:500;color:var(--text-placeholder);padding:var(--sp2) var(--sp3);border-bottom:1px solid var(--border)}td{padding:var(--sp2) var(--sp3);border-bottom:1px solid var(--border-light);font-size:13px}.log-type{font-size:11px;font-weight:500;padding:1px 6px;border-radius:10px}.log-type.consume{background:#fef0f0;color:var(--error)}.log-type.refund{background:#edf7e6;color:var(--success)}.log-type.gift{background:var(--ai-light);color:var(--ai)}.toast{padding:var(--sp3) var(--sp5);border-radius:var(--radius-lg);font-size:13px;margin-bottom:var(--sp2)}.toast.error{background:#fef0f0;color:#c62828}.toast.success{background:#edf7e6;color:#2e7d32}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1500;display:none;align-items:center;justify-content:center}.dialog-overlay.show{display:flex}.dialog{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--sp6);width:400px;max-width:90vw}.dialog-title{font-size:16px;font-weight:600;margin-bottom:var(--sp3)}.dialog-body{font-size:14px;color:var(--text-secondary);margin-bottom:var(--sp6)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--sp3)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);width:480px;max-width:90vw;max-height:80vh;overflow-y:auto}.modal-header{padding:var(--sp5) var(--sp6);font-size:16px;font-weight:600;border-bottom:1px solid var(--border-light)}.modal-body{padding:var(--sp5) var(--sp6)}.modal-footer{padding:var(--sp4) var(--sp6);border-top:1px solid var(--border-light);display:flex;justify-content:flex-end;gap:var(--sp3)}@media (max-width: 1200px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.tool-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:180px}}
