@artmate/chat
Version:
借鉴字节开源react库AntX，通过vue实现的版本
2 lines (1 loc) • 40.5 kB
CSS
:root{--light: 0, 0, 0;--dark: 255, 255, 255;--color-primary: #1677ff;--color-primary-hover: #4096ff;--color-success: #52c41a;--color-warning: #faad14;--color-error: #ff4d4f;--color-info: #1677ff;--color-link: #1677ff;--color-text: rgba(var(--light), 85%);--color-text-disabled: rgba(var(--light), 25%);--color-text-placeholder: #bfbfbf;--color-text-description: rgba(var(--light), 45%);--color-text-tertiary: rgba(var(--light), 45%);--color-text-heading: rgba(var(--light), 88%);--color-fill: rgba(var(--light), 15%);--color-fill-content: rgba(var(--light), 12%);--color-fill-content-hover: rgba(var(--light), 18%);--color-fill-alter: rgba(var(--light), 4%);--color-fill-tertiary: rgba(var(--light), 8%);--color-fill-quaternary: rgba(var(--light), 2%);--color-bg-layout: rgb(var(--light));--color-bg-container: #ffffff;--color-bg-elevated: #ffffff;--color-bg-spotlight: rgba(0, 0, 0, .85);--color-bg-blur: rgba(var(--light), 4%);--border-radius: 6px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-lg: 8px;--border-color: #d9d9d9;--border-secondary: #f0f0f0;--line-width-bold: 2px;--padding-xxs: 4px;--padding-xs: 8px;--padding-sm: 12px;--padding: 16px;--padding-md: 20px;--padding-lg: 24px;--padding-xl: 32px;--margin-xxs: 4px;--margin-xs: 8px;--margin-sm: 12px;--margin: 16px;--margin-md: 20px;--margin-lg: 24px;--margin-xl: 32px;--margin-xxl: 48px;--control-padding-horizontal: 12px;--control-padding-horizontal-sm: 8px;--padding-content-horizontal-lg: 24px;--padding-content-vertical-lg: 16px;--padding-content-horizontal: 16px;--padding-content-vertical: 12px;--padding-content-horizontal-sm: 16px;--padding-content-vertical-sm: 8px;--font-size-sm: 12px;--font-size: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-heading-1: 38px;--font-size-heading-2: 30px;--font-size-heading-3: 24px;--font-size-heading-4: 20px;--font-size-heading-5: 16px;--line-height: 1.5714285714285714;--line-height-lg: 1.5;--line-height-sm: 1.6666666666666667;--font-height: 22px;--font-height-lg: 24px;--font-height-sm: 20px;--line-width: 1px;--line-type: solid;--box-shadow-tertiary: 0 1px 2px 0 rgba(0, 0, 0, .03), 0 1px 6px -1px rgba(0, 0, 0, .02), 0 2px 4px 0 rgba(0, 0, 0, .02);--box-shadow-secondary: 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12), 0 9px 28px 8px rgba(0, 0, 0, .05);--motion-duration-slow: .3s;--attachments-color-bg-placeholder-hover: rgba(255, 255, 255, .85)}:root.dark{color-scheme:dark;--light: 255, 255, 255;--dark: 0, 0, 0;--color-light: #000000;--color-dark: #ffffff;--color-primary-dark: #1677ff;--color-primary-dark-hover: #4096ff;--color-success-dark: #52c41a;--color-warning-dark: #faad14;--color-error-dark: #ff4d4f;--color-info-dark: #1677ff;--color-link-dark: #1677ff;--color-bg-container: #141414;--color-bg-elevated: #1f1f1f;--color-bg-spotlight: #424242;--border-color: #414243;--border-secondary: #303030;--attachments-color-bg-placeholder-hover: rgba(20, 20, 20, .85)}.art-attachment{display:flex;column-gap:12px;max-width:100%}.art-attachment .art-attachment-avatar{display:inline-flex;justify-content:center;align-self:flex-start}.art-attachment .art-attachment-content-wrapper{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}.art-attachment-header,.art-attachment-footer{font-size:14px;line-height:1.5714285714;color:var(--color-text)}.art-attachment .art-attachment-header{margin-bottom:4px}.art-attachment .art-attachment-footer{margin-top:12px}.art-attachment .art-attachment-content{line-height:1.5714285714;min-height:46px;word-break:break-word;box-sizing:border-box;font-size:14px;position:relative}.art-attachment-content-filled,.art-attachment-content-shadow,.art-attachment-content-outlined{padding:12px 16px;border-radius:8px}.art-attachment .art-attachment-content-filled{background-color:rgba(var(--light),12%)}.art-attachment .art-attachment-content-outlined{border:1px solid var(--border-secondary)}.art-attachment .art-attachment-content-shadow{box-shadow:0 1px 2px rgba(var(--light),3%),0 1px 6px -1px rgba(var(--light),2%),0 2px 4px rgba(var(--light),2%)}.round,.art-attachment-content-end-round,.art-attachment-content-start-round{border-radius:23px;padding-inline:20px}.art-attachment-content-start-corner{border-start-start-radius:2px}.art-attachment-content-end-corner{border-start-end-radius:2px}.art-attachment-end{justify-content:end;flex-direction:row-reverse}.art-attachment{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.art-attachment{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.5714285714;color:var(--color-text);padding-block:12px;padding-inline:16px;width:100%;background:var(--color-bg-container);scrollbar-width:none;-ms-overflow-style:none}.art-attachment::-webkit-scrollbar{display:none}.art-attachment-overflow-scrollX:before,.art-attachment-overflow-scrollX:after,.art-attachment-overflow-scrollY:before,.art-attachment-overflow-scrollY:after{content:"";position:absolute;opacity:0;transition:opacity .3s;z-index:1}.art-attachment-overflow-ping-start:before{opacity:1}.art-attachment-overflow-ping-end:before{opacity:1}.art-attachment-overflow-scrollX{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.art-attachment-overflow-scrollX:before,.art-attachment-overflow-scrollX:after{inset-block:0;width:8px}.art-attachment-overflow-scrollX:before{inset-inline-start:0;background:linear-gradient(to right,#0000000f,#0000)}.art-attachment-overflow-scrollX:after{inset-inline-end:0;background:linear-gradient(to left,#0000000f,#0000)}.art-attachment-overflow-scrollX:dir(rtl):before{background:linear-gradient(to left,#0000000f,#0000)}.art-attachment-overflow-scrollX:dir(rtl):after{background:linear-gradient(to right,#0000000f,#0000)}.art-attachment-overflow-scrollY{overflow-x:hidden;overflow-y:auto;max-height:92px}.art-attachment-overflow-scrollY:before,.art-attachment-overflow-scrollY:after{inset-inline:0;height:8px}.art-attachment-overflow-scrollY:before{inset-block-start:0;background:linear-gradient(to bottom,#0000000f,#0000)}.art-attachment-overflow-scrollY:after{inset-block-end:0;background:linear-gradient(to top,#0000000f,#0000)}.art-attachment .el-button.art-attachment-upload-btn{width:68px;height:68px;font-size:30px}.art-attachment .el-button.art-attachment-upload-btn-icon{color:#fff}.art-attachment-prev-btn,.art-attachment-next-btn{position:absolute;top:50%;transform:translateY(-50%);box-shadow:var(--box-shadow-tertiary);opacity:0;pointer-events:none}.art-attachment-prev-btn{left:16px}.art-attachment-next-btn{right:16px}[class*=attachment]:dir(ltr) .art-attachment-overflow-ping-start .art-attachment-prev-btn{opacity:1;pointer-events:auto}[class*=attachment]:dir(ltr) .art-attachment-overflow-ping-end .art-attachment-next-btn{opacity:1;pointer-events:auto}[class*=attachment]:dir(rtl) attachment-overflow-ping-end attachment-prev-btn{opacity:1;pointer-events:auto}[class*=attachment]:dir(rtl) attachment-overflow-ping-start attachment-next-btn{opacity:1;pointer-events:auto}.art-attachment{max-width:100%;box-sizing:border-box}.art-attachment *{box-sizing:border-box}.art-attachment-title{margin-block-start:0;font-weight:400;color:var(--color-text-tertiary);margin-bottom:.5em;font-size:16px;line-height:1.5}.art-attachment-list{display:flex;gap:12px;overflow-x:scroll;list-style:none;padding-inline-start:0;margin-block:0;align-items:stretch}.art-attachment-list.art-attachment-list-wrap{flex-wrap:wrap}.art-attachment-list.art-attachment-list-vertical{flex-direction:column;align-items:flex-start}.art-attachment-list.art-attachment-list-vertical .art-attachment-item{align-items:center}.art-attachment-item{flex:none;display:flex;gap:8px;height:auto;padding-block:12px;padding-inline:16px;align-items:flex-start;justify-content:flex-start;border-radius:8px;background:8px;transition:border .3s,background .3s;border:1px solid var(--border-secondary)}.art-attachment-item:not(.art-attachment-item-has-nest):hover{cursor:pointer;background:var(--color-fill-tertiary)}.art-attachment-item:not(.art-attachment-item-has-nest):active{background:var(--color-fill)}.art-attachment-content{flex:auto;min-width:0;display:flex;gap:4px;flex-direction:column}.art-attachment-icon,.art-attachment-label,.art-attachment .art-attachment-desc{margin:0;padding:0;font-size:14px;line-height:1.5714285714;text-align:start;white-space:normal}.art-attachment-label{font-weight:500}.art-attachment-label+.art-attachment-desc{color:var(--color-text-tertiary)}.art-attachment-item-disabled{pointer-events:none;background:var(--color-fill)}.art-attachment-item-disabled .art-attachment-label,.art-attachment-item-disabled .art-attachment-desc{color:var(--color-text-tertiary)}.art-attachment-item-has-nest>.art-attachment-content>.art-attachment-label{font-size:16px;line-height:1.5}.art-attachment-nested{margin-top:8px;align-self:stretch}.art-attachment-nested .art-attachment-list{align-items:stretch}.art-attachment-nested .art-attachment-item{border:0;background:var(--color-fill-quaternary)}.art-attachment{position:relative;box-sizing:border-box;width:100%;box-shadow:var(--box-shadow-tertiary);transition:all .3s;border-radius:12px;border-color:var(--border-color);border-width:1px;border-style:solid;overflow:hidden}.art-attachment:focus-within{box-shadow:var(--box-shadow-secondary);border-color:var(--color-primary)}.art-attachment.art-attachment-disabled{background:rgb(var(--light),.04);color:rgba(var(--light),.25)}.art-attachment-content{width:100%;display:flex;gap:8px;padding-block:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;align-items:flex-end}.art-attachment-content .art-attachment-input{overflow-y:hidden;resize:none;padding:0;border-radius:0;flex:auto;align-self:center;min-height:auto;max-width:100%;line-height:1.5714285714;vertical-align:bottom;transition:all .3s,height 0s;box-sizing:border-box;margin:0;font-size:14px;list-style:none;display:inline-block;min-width:0;border:none}.art-attachment-content .art-attachment-input .el-textarea__inner{box-shadow:none;background:transparent;padding:0;color:currentColor}.art-attachment-content .art-attachment-input:focus{border:none}.art-attachment-content .art-attachment-actions-list,.art-attachment-content .art-attachment-prefix{flex:none;display:flex;align-items:center}.art-attachment-header{overflow:hidden;border-bottom:1px solid var(--border-color)}.art-attachment-header .art-attachment-header-header{font-size:14px;line-height:1.5714285714;padding-block:10px;padding-inline-start:16px;padding-inline-end:8px;display:flex;background:rgba(var(--light),2%)}.art-attachment-header .art-attachment-header-header .art-attachment-header-title{flex:auto}.art-attachment-header .art-attachment-header-content{padding:16px}.art-attachment-item{display:flex;gap:8px;align-items:center;border-radius:6px;padding:12px;cursor:pointer}.art-attachment-item:hover{background-color:rgba(var(--light),12%)}.art-attachment-item-active,.art-attachment-item-active:hover{background-color:rgba(var(--light),18%)}.art-attachment-item-disabled{cursor:not-allowed;opacity:.6}.art-attachment-item:hover .art-attachment-menu-icon,.art-attachment-item-active .art-attachment-menu-icon{opacity:1}.art-attachment-item .art-attachment-label{flex:1;color:var(--color-text);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.art-attachment-item-active{background-color:rgba(var(--light),18%)}.art-attachment{display:flex;gap:8px;flex-direction:column;overflow-y:auto;margin:0;padding:0}.art-attachment-list{margin:0;padding:0}.art-attachment-rtl{direction:rtl}.art-attachment{display:flex;gap:16px;box-sizing:border-box}.art-attachment-icon{height:58px;display:flex}.art-attachment-icon img{max-width:100%;height:100%}.art-attachment-content-wrapper{flex:auto;gap:var(--padding-xs);width:0;display:flex;align-items:stretch;flex-direction:column}.art-attachment-content-wrapper .art-attachment-title{color:var(--color-text-heading);word-break:break-word;font-size:var(--font-size-heading-4);line-height:var(--line-height-heading-4)}.art-attachment-content-wrapper .art-attachment-title h4{margin:0;padding:0}.art-attachment-content-wrapper .art-attachment-title.extra{display:flex;align-items:flex-start;gap:var(--padding-xs)}.art-attachment-content-wrapper .art-attachment-title .art-attachment-extra{margin-inline-start:auto}.art-attachment-content-wrapper-description{font-size:var(--font-size);color:var(--color-text);line-height:var(--line-height);word-break:break-word;box-sizing:border-box}.art-attachment.art-attachment-filled{padding-inline:16px;padding-block:12px;border-radius:8px;background:rgba(var(--light),.12);padding-inline:var(--padding);padding-block:var(--padding-sm);border-radius:var(--border-radius-lg)}.art-attachment.art-attachment-borderless .art-attachment-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-3)}.art-attachment{display:flex;flex-direction:column}.art-attachment.art-attachment-small{padding-inline-start:20px;gap:12px}.art-attachment.art-attachment-small .art-thought-chain-item-header{margin-inline-start:-20px;margin-bottom:12px;gap:12px}.art-attachment.art-attachment-small .art-thought-chain-item-header:before{top:20px;bottom:-24px;inset-inline-start:9px}.art-attachment.art-attachment-small .art-thought-chain-item-icon{height:20px;width:20px;font-size:var(--font-size-sm)}.art-attachment.art-attachment-small .art-thought-chain-item-extra{height:20px;max-height:20px}.art-attachment.art-attachment-small .art-thought-chain-item-title{height:20px;line-height:20px;max-height:20px;font-size:var(--font-size-sm)}.art-attachment.art-attachment-small .art-thought-chain-item-desc{font-size:var(--font-size-sm)}.art-attachment.art-attachment-small .art-thought-chain-item-content{margin-inline-start:-20px}.art-attachment.art-attachment-small .art-thought-chain-item-content:before{inset-inline-start:9px;bottom:-12px}.art-attachment.art-attachment-small .art-thought-chain-item-footer{margin-top:12px}.art-attachment.art-attachment-small .art-thought-chain-item-footer:before{inset-inline-start:-11px;bottom:-12px}.art-attachment.art-attachment-middle{padding-inline-start:28px;gap:16px}.art-attachment.art-attachment-middle .art-thought-chain-item-header{margin-inline-start:-28px;margin-bottom:16px;gap:16px}.art-attachment.art-attachment-middle .art-thought-chain-item-header:before{top:28px;bottom:-32px;inset-inline-start:13px}.art-attachment.art-attachment-middle .art-thought-chain-item-icon{height:28px;width:28px;font-size:var(--font-size)}.art-attachment.art-attachment-middle .art-thought-chain-item-extra{height:28px;max-height:28px}.art-attachment.art-attachment-middle .art-thought-chain-item-title{height:28px;line-height:28px;max-height:28px;font-size:var(--font-size)}.art-attachment.art-attachment-middle .art-thought-chain-item-desc{font-size:var(--font-size)}.art-attachment.art-attachment-middle .art-thought-chain-item-content{margin-inline-start:-28px}.art-attachment.art-attachment-middle .art-thought-chain-item-content:before{inset-inline-start:13px;bottom:-16px}.art-attachment.art-attachment-middle .art-thought-chain-item-footer{margin-top:16px}.art-attachment.art-attachment-middle .art-thought-chain-item-footer:before{inset-inline-start:-15px;bottom:-16px}.art-attachment.art-attachment-large{padding-inline-start:36px;gap:24px}.art-attachment.art-attachment-large .art-thought-chain-item-header{margin-inline-start:-36px;margin-bottom:24px;gap:24px}.art-attachment.art-attachment-large .art-thought-chain-item-header:before{top:36px;bottom:-48px;inset-inline-start:17px}.art-attachment.art-attachment-large .art-thought-chain-item-icon{height:36px;width:36px;font-size:var(--font-size-lg)}.art-attachment.art-attachment-large .art-thought-chain-item-extra{height:36px;max-height:36px}.art-attachment.art-attachment-large .art-thought-chain-item-title{height:36px;line-height:36px;max-height:36px;font-size:var(--font-size-lg)}.art-attachment.art-attachment-large .art-thought-chain-item-desc{font-size:var(--font-size-lg)}.art-attachment.art-attachment-large .art-thought-chain-item-content{margin-inline-start:-36px}.art-attachment.art-attachment-large .art-thought-chain-item-content:before{inset-inline-start:17px;bottom:-24px}.art-attachment.art-attachment-large .art-thought-chain-item-footer{margin-top:24px}.art-attachment.art-attachment-large .art-thought-chain-item-footer:before{inset-inline-start:-19px;bottom:-24px}.art-prompts{max-width:100%;box-sizing:border-box}.art-prompts *{box-sizing:border-box}.art-prompts-title{margin-block-start:0;font-weight:400;color:var(--color-text-tertiary);margin-bottom:.5em;font-size:16px;line-height:1.5}.art-prompts-list{display:flex;gap:12px;overflow-x:scroll;list-style:none;padding-inline-start:0;margin-block:0;align-items:stretch}.art-prompts-list::-webkit-scrollbar{display:none}.art-prompts-list.art-prompts-list-wrap{flex-wrap:wrap}.art-prompts-list.art-prompts-list-vertical{flex-direction:column;align-items:flex-start}.art-prompts-list.art-prompts-list-vertical .art-prompts-item{align-items:center}.art-prompts-item{flex:none;display:flex;gap:8px;height:auto;padding-block:12px;padding-inline:16px;align-items:flex-start;justify-content:flex-start;border-radius:8px;background:8px;transition:border .3s,background .3s;border:1px solid var(--border-secondary)}.art-prompts-item:not(.art-prompts-item-has-nest):hover{cursor:pointer;background:var(--color-fill-tertiary)}.art-prompts-item:not(.art-prompts-item-has-nest):active{background:var(--color-fill)}.art-prompts-content{flex:auto;min-width:0;display:flex;gap:4px;flex-direction:column}.art-prompts-icon,.art-prompts-label,.art-prompts .art-prompts-desc{margin:0;padding:0;font-size:14px;line-height:1.5714285714;text-align:start;white-space:normal}.art-prompts-label{font-weight:500}.art-prompts-label+.art-prompts-desc{color:var(--color-text-tertiary)}.art-prompts-item-disabled{pointer-events:none;background:var(--color-fill)}.art-prompts-item-disabled .art-prompts-label,.art-prompts-item-disabled .art-prompts-desc{color:var(--color-text-tertiary)}.art-prompts-item-has-nest>.art-prompts-content>.art-prompts-label{font-size:16px;line-height:1.5}.art-prompts-nested{margin-top:8px;align-self:stretch}.art-prompts-nested .art-prompts-list{align-items:stretch}.art-prompts-nested .art-prompts-item{border:0;background:var(--color-fill-quaternary)}.art-prompts-rtl{direction:rtl}.art-welcome{display:flex;gap:16px;box-sizing:border-box}.art-welcome-icon{height:58px;display:flex}.art-welcome-icon img{max-width:100%;height:100%}.art-welcome-content-wrapper{flex:auto;gap:var(--padding-xs);width:0;display:flex;align-items:stretch;flex-direction:column}.art-welcome-content-wrapper .art-welcome-title{color:var(--color-text-heading);word-break:break-word;font-size:var(--font-size-heading-4);line-height:var(--line-height-heading-4)}.art-welcome-content-wrapper .art-welcome-title h4{margin:0;padding:0}.art-welcome-content-wrapper .art-welcome-title.extra{display:flex;align-items:flex-start;gap:var(--padding-xs)}.art-welcome-content-wrapper .art-welcome-title .art-welcome-extra{margin-inline-start:auto}.art-welcome-content-wrapper-description{font-size:var(--font-size);color:var(--color-text);line-height:var(--line-height);word-break:break-word;box-sizing:border-box}.art-welcome.art-welcome-filled{padding-inline:16px;padding-block:12px;border-radius:8px;background:rgba(var(--light),.12);padding-inline:var(--padding);padding-block:var(--padding-sm);border-radius:var(--border-radius-lg)}.art-welcome.art-welcome-borderless .art-welcome-title{font-size:var(--font-size-heading-3);line-height:var(--line-height-heading-3)}.art-attachment-list{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;line-height:1.5714285714;color:var(--color-text);padding-block:12px;padding-inline:16px;width:100%;background:var(--color-bg-container);scrollbar-width:none;-ms-overflow-style:none}.art-attachment-list::-webkit-scrollbar{display:none}.art-attachment-list-overflow-scrollX:before,.art-attachment-list-overflow-scrollX:after,.art-attachment-list-overflow-scrollY:before,.art-attachment-list-overflow-scrollY:after{content:"";position:absolute;opacity:0;transition:opacity .3s;z-index:1}.art-attachment-list-overflow-ping-start:before{opacity:1}.art-attachment-list-overflow-ping-end:before{opacity:1}.art-attachment-list-overflow-scrollX{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.art-attachment-list-overflow-scrollX:before,.art-attachment-list-overflow-scrollX:after{inset-block:0;width:8px}.art-attachment-list-overflow-scrollX:before{inset-inline-start:0;background:linear-gradient(to right,#0000000f,#0000)}.art-attachment-list-overflow-scrollX:after{inset-inline-end:0;background:linear-gradient(to left,#0000000f,#0000)}.art-attachment-list-overflow-scrollX:dir(rtl):before{background:linear-gradient(to left,#0000000f,#0000)}.art-attachment-list-overflow-scrollX:dir(rtl):after{background:linear-gradient(to right,#0000000f,#0000)}.art-attachment-list-overflow-scrollY{overflow-x:hidden;overflow-y:auto;max-height:92px}.art-attachment-list-overflow-scrollY:before,.art-attachment-list-overflow-scrollY:after{inset-inline:0;height:8px}.art-attachment-list-overflow-scrollY:before{inset-block-start:0;background:linear-gradient(to bottom,#0000000f,#0000)}.art-attachment-list-overflow-scrollY:after{inset-block-end:0;background:linear-gradient(to top,#0000000f,#0000)}.art-attachment-list .el-button.art-attachment-list-upload-btn{width:68px;height:68px;font-size:30px}.art-attachment-list .el-button.art-attachment-list-upload-btn-icon{color:#fff}.art-attachment-list-prev-btn,.art-attachment-list-next-btn{position:absolute;top:50%;transform:translateY(-50%);box-shadow:var(--box-shadow-tertiary);opacity:0;pointer-events:none}.art-attachment-list-prev-btn{left:16px}.art-attachment-list-next-btn{right:16px}[class*=attachment]:dir(ltr) .art-attachment-list-overflow-ping-start .art-attachment-list-prev-btn{opacity:1;pointer-events:auto}[class*=attachment]:dir(ltr) .art-attachment-list-overflow-ping-end .art-attachment-list-next-btn{opacity:1;pointer-events:auto}[class*=attachment]:dir(rtl) attachment-list-overflow-ping-end attachment-list-prev-btn{opacity:1;pointer-events:auto}[class*=attachment]:dir(rtl) attachment-list-overflow-ping-start attachment-list-next-btn{opacity:1;pointer-events:auto}.art-attachment-list-card{border-radius:6px;position:relative;background:var(--color-fill-content);border-width:1px;border-style:solid;border-color:transparent;flex:none;font-size:14px}.art-attachment-list-card .el-progress-circle{width:100%;height:100%}.art-attachment-list-card-name,.art-attachment-list-card-desc{display:flex;flex-wrap:nowrap;max-width:100%}.art-attachment-list-card-ellipsis-prefix{flex:0 1 auto;min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.art-attachment-list-card-ellipsis-suffix{flex:none}.art-attachment-list-card-type-overview{padding:11px;padding-inline-start:17px;display:flex;flex-wrap:nowrap;gap:8px;align-items:flex-start;width:236px}.art-attachment-list-card-type-overview .art-attachment-list-card-icon{font-size:32px;line-height:1;padding-top:6px;flex:none}.art-attachment-list-card-type-overview .art-attachment-list-card-content{flex:auto;min-width:0px;display:flex;flex-direction:column;align-items:stretch}.art-attachment-list-card-type-overview .art-attachment-list-card-desc{color:var(--color-text-tertiary)}.art-attachment-list-card-type-preview{width:68px;height:68px;line-height:1}.art-attachment-list-card-type-preview:not(.art-attachment-list-card-status-fail){border:0}.art-attachment-list-card-type-preview img{width:100%;height:100%;vertical-align:top;object-fit:cover;border-radius:inherit}.art-attachment-list-card-type-preview .art-attachment-list-card-img-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#000000a6;border-radius:inherit}.art-attachment-list-card-type-preview .art-attachment-list-card-status-fail img,.art-attachment-list-card-type-preview .art-attachment-list-card-status-fail .art-attachment-list-card-img-mask{border-radius:5px}.art-attachment-list-card-type-preview .art-attachment-list-card-status-fail .art-attachment-list-card-desc{padding:4px}.art-attachment-list-card-remove{position:absolute;top:0;inset-inline-end:0;border:0;padding:4px;background:transparent;line-height:1;transform:translate(40%,-40%);font-size:14px;cursor:pointer;opacity:.65;display:none;transition:all .3s}.art-attachment-list-card-remove:dir(rtl){transform:translate(-50%,-50%)}.art-attachment-list-card-remove:hover{opacity:1}.art-attachment-list-card-remove:active{opacity:.65}.art-attachment-list-card:hover .art-attachment-list-card-remove{display:block}.art-attachment-list-card-status-fail .art-attachment-list-card-desc{color:var(--color-error)}.art-attachment-list-card-motion{overflow:hidden;transition:opacity .3s,width .3s,margin .3s,padding .3s}.art-attachment-list-card-motion .art-attachment-list-card-remove{display:none}.art-attachment-list-card-motion-appear-start{width:0px;transition:none}.art-attachment-list-card-motion-leave-active{opacity:0;width:0px;padding-inline:0;border-inline-width:0;margin-inline-end:-12px}.art-attachment-drop-area .el-upload,.art-attachment .el-upload{width:100%;height:100%}.art-attachment-drop-area .el-upload-dragger,.art-attachment .el-upload-dragger{border-color:none;border-width:0;background:transparent;padding:16px;width:100%;height:100%}.art-attachment-drop-area .el-upload-dragger.is-dragover,.art-attachment .el-upload-dragger.is-dragover{border-color:none;background:transparent;border-width:0;padding:16px}.art-attachment{position:relative;width:100%;border:none;box-shadow:none}.art-attachment-placeholder-upload-wrapper,.art-attachment-upload-btn{padding:0}.art-attachment-placeholder-upload-wrapper{width:100%;height:100%}.art-attachment:focus-within{box-shadow:none}.art-attachment-placeholder{height:100%;border-radius:6px;border-width:2px;border-style:dashed;border-color:transparent;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--attachments-color-bg-placeholder-hover)}.art-attachment-placeholder,.art-attachment-placeholder *{box-sizing:border-box}.art-attachment-placeholder-inner{display:flex;flex-direction:column;gap:2px}.art-attachment-placeholder-icon{font-size:30px;line-height:1}.art-attachment-placeholder .art-attachment-title{margin:0;font-size:14px;line-height:1.5714285714}.art-attachment-placeholder-description{color:var(--color-text-description)}.art-attachment-placeholder-drag-in{border-color:var(--color-primary-hover)}.art-attachment-placeholder-disabled{opacity:.25;pointer-events:none}.art-attachment-drop-area{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000}.art-attachment-drop-area,.art-attachment-drop-area *{box-sizing:border-box}.art-attachment-drop-area-on-body{position:fixed;top:0;right:0;bottom:0;left:0}.art-attachment-drop-area-hide-placement .art-attachment-placeholder-inner{display:none}.art-bubble{display:flex;column-gap:12px;max-width:100%}.art-bubble .art-bubble-avatar{display:inline-flex;justify-content:center;align-self:flex-start}.art-bubble .art-bubble-content-wrapper{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}.art-bubble-header,.art-bubble-footer{font-size:14px;line-height:1.5714285714;color:var(--color-text)}.art-bubble .art-bubble-header{margin-bottom:4px}.art-bubble .art-bubble-footer{margin-top:12px}.art-bubble .art-bubble-content{line-height:1.5714285714;min-height:46px;word-break:break-word;box-sizing:border-box;font-size:14px;position:relative}.art-bubble-content-filled,.art-bubble-content-shadow,.art-bubble-content-outlined{padding:12px 16px;border-radius:8px}.art-bubble .art-bubble-content-filled{background-color:rgba(var(--light),12%)}.art-bubble .art-bubble-content-outlined{border:1px solid var(--border-secondary)}.art-bubble .art-bubble-content-shadow{box-shadow:0 1px 2px rgba(var(--light),3%),0 1px 6px -1px rgba(var(--light),2%),0 2px 4px rgba(var(--light),2%)}.round,.art-bubble-content-end-round,.art-bubble-content-start-round{border-radius:23px;padding-inline:20px}.art-bubble-content-start-corner{border-start-start-radius:2px}.art-bubble-content-end-corner{border-start-end-radius:2px}.art-bubble-end{justify-content:end;flex-direction:row-reverse}@keyframes loadingMove{0%{transform:translateY(0)}10%{transform:translateY(4px)}20%{transform:translateY(0)}30%{transform:translateY(-4px)}40%{transform:translateY(0)}}@keyframes cursorBlink{0%{opacity:1}50%{opacity:0}to{opacity:1}}[class$=-dot]{position:relative;height:100%;display:flex;align-items:center;column-gap:8px;padding:0 4px}[class$=-dot] [class$=-dot-item]{background-color:var(--color-primary);border-radius:100%;width:4px;height:4px;animation-name:loadingMove;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}[class$=-dot] [class$=-dot-item]:nth-child(1){animation-delay:0s}[class$=-dot] [class$=-dot-item]:nth-child(2){animation-delay:.2s}[class$=-dot] [class$=-dot-item]:nth-child(3){animation-delay:.4s}.art-bubble-list{display:flex;flex-direction:column;gap:16px;overflow-y:auto}.art-conversations-item{display:flex;gap:8px;align-items:center;border-radius:6px;padding:12px;cursor:pointer}.art-conversations-item:hover{background-color:rgba(var(--light),12%)}.art-conversations-item-active,.art-conversations-item-active:hover{background-color:rgba(var(--light),18%)}.art-conversations-item-disabled{cursor:not-allowed;opacity:.6}.art-conversations-item:hover .art-conversations-menu-icon,.art-conversations-item-active .art-conversations-menu-icon{opacity:1}.art-conversations-item .art-conversations-label{flex:1;color:var(--color-text);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.art-conversations-item-active{background-color:rgba(var(--light),18%)}.art-conversations{display:flex;gap:8px;flex-direction:column;overflow-y:auto;margin:0;padding:0}.art-conversations-list{margin:0;padding:0}.art-conversations-rtl{direction:rtl}.bt-collapse-transition-leave-active,.bt-collapse-transition-enter-active{transition:.3s max-height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.art-sender{position:relative;box-sizing:border-box;width:100%;box-shadow:var(--box-shadow-tertiary);transition:all .3s;border-radius:12px;border-color:var(--border-color);border-width:1px;border-style:solid;overflow:hidden}.art-sender:focus-within{box-shadow:var(--box-shadow-secondary);border-color:var(--color-primary)}.art-sender.art-sender-disabled{background:rgb(var(--light),.04);color:rgba(var(--light),.25)}.art-sender-content{width:100%;display:flex;gap:8px;padding-block:8px;padding-inline-start:16px;padding-inline-end:12px;box-sizing:border-box;align-items:flex-end}.art-sender-content .art-sender-input{overflow-y:hidden;resize:none;padding:0;border-radius:0;flex:auto;align-self:center;min-height:auto;max-width:100%;line-height:1.5714285714;vertical-align:bottom;transition:all .3s,height 0s;box-sizing:border-box;margin:0;font-size:14px;list-style:none;display:inline-block;min-width:0;border:none}.art-sender-content .art-sender-input .el-textarea__inner{box-shadow:none;background:transparent;padding:0;color:currentColor}.art-sender-content .art-sender-input:focus{border:none}.art-sender-content .art-sender-actions-list,.art-sender-content .art-sender-prefix{flex:none;display:flex;align-items:center}.art-sender-header{overflow:hidden;border-bottom:1px solid var(--border-color)}.art-sender-header .art-sender-header-header{font-size:14px;line-height:1.5714285714;padding-block:10px;padding-inline-start:16px;padding-inline-end:8px;display:flex;background:rgba(var(--light),2%)}.art-sender-header .art-sender-header-header .art-sender-header-title{flex:auto}.art-sender-header .art-sender-header-content{padding:16px}.art-thought-chain{display:flex;flex-direction:column}.art-thought-chain.art-thought-chain-small{padding-inline-start:20px;gap:12px}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-header{margin-inline-start:-20px;margin-bottom:12px;gap:12px}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-header:before{top:20px;bottom:-24px;inset-inline-start:9px}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-icon{height:20px;width:20px;font-size:var(--font-size-sm)}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-extra{height:20px;max-height:20px}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-title{height:20px;line-height:20px;max-height:20px;font-size:var(--font-size-sm)}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-desc{font-size:var(--font-size-sm)}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-content{margin-inline-start:-20px}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-content:before{inset-inline-start:9px;bottom:-12px}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-footer{margin-top:12px}.art-thought-chain.art-thought-chain-small .art-thought-chain-item-footer:before{inset-inline-start:-11px;bottom:-12px}.art-thought-chain.art-thought-chain-middle{padding-inline-start:28px;gap:16px}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-header{margin-inline-start:-28px;margin-bottom:16px;gap:16px}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-header:before{top:28px;bottom:-32px;inset-inline-start:13px}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-icon{height:28px;width:28px;font-size:var(--font-size)}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-extra{height:28px;max-height:28px}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-title{height:28px;line-height:28px;max-height:28px;font-size:var(--font-size)}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-desc{font-size:var(--font-size)}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-content{margin-inline-start:-28px}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-content:before{inset-inline-start:13px;bottom:-16px}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-footer{margin-top:16px}.art-thought-chain.art-thought-chain-middle .art-thought-chain-item-footer:before{inset-inline-start:-15px;bottom:-16px}.art-thought-chain.art-thought-chain-large{padding-inline-start:36px;gap:24px}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-header{margin-inline-start:-36px;margin-bottom:24px;gap:24px}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-header:before{top:36px;bottom:-48px;inset-inline-start:17px}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-icon{height:36px;width:36px;font-size:var(--font-size-lg)}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-extra{height:36px;max-height:36px}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-title{height:36px;line-height:36px;max-height:36px;font-size:var(--font-size-lg)}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-desc{font-size:var(--font-size-lg)}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-content{margin-inline-start:-36px}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-content:before{inset-inline-start:17px;bottom:-24px}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-footer{margin-top:24px}.art-thought-chain.art-thought-chain-large .art-thought-chain-item-footer:before{inset-inline-start:-19px;bottom:-24px}.art-thought-chain-item{display:flex;flex-direction:column;align-items:flex-start}.art-thought-chain-item:last-child .art-thought-chain-item-header:last-child:before{display:none}.art-thought-chain-item-title:has(.art-thought-chain-item-collapse-icon){cursor:pointer;-webkit-user-select:none;user-select:none}:has(.art-thought-chain-item-content):last-child-header:before{display:block}.art-thought-chain-item-header{position:relative;width:100%;display:flex;align-items:flex-start}.art-thought-chain-item-header:before{content:"";width:2px;display:block;position:absolute;inset-inline-end:none;background-color:rgba(var(--light),.25);box-sizing:border-box;z-index:0}.art-thought-chain-item-header .art-thought-chain-item-icon{display:flex;justify-content:center;align-items:center;border-radius:50%}.art-thought-chain-item-header-box{flex:1;display:flex;flex-direction:column;overflow:hidden}.art-thought-chain-item-header-box .art-thought-chain-item-title{color:rgba(var(--light),.88);display:inline-block;max-width:100%;white-space:normal;word-break:break-word;box-sizing:border-box}.art-thought-chain-item-header-box .art-thought-chain-item-title strong{font-weight:600;display:flex}.art-thought-chain-item-header-box .art-thought-chain-item-title strong .art-thought-chain-item-collapse-icon{margin-inline-end:8px}.art-thought-chain-item-header-box .art-thought-chain-item-title strong .art-thought-chain-item-collapse-icon.rotate{transform:rotate(90deg)}.art-thought-chain-item-header-box .art-thought-chain-item-desc{color:rgba(var(--light),.45);display:inline-block;max-width:100%;white-space:normal;word-break:break-word;box-sizing:border-box}.art-thought-chain-item-content{width:100%;position:relative;margin-inline-start:-28px}.art-thought-chain-item-content:before{content:"";width:2px;display:block;position:absolute;inset-inline-end:none;background-color:rgba(var(--light),.25);top:100%;box-sizing:border-box}.art-thought-chain-item-content-box{padding:16px;display:inline-block;box-sizing:border-box;border-radius:8px;background-color:var(--color-bg-container);border:1px solid var(--border-secondary)}.art-thought-chain-item-footer{position:relative;width:calc(100% - 28px);display:inline-flex}.art-thought-chain-item-footer:before{content:"";position:absolute;width:2px;display:block;inset-inline-end:none;background-color:rgba(var(--light),.25);top:0}.art-thought-chain-item-pending-pending .art-thought-chain-item-icon,.art-thought-chain-item-pending-pending>*:before{background-color:var(--color-primary)}.art-thought-chain-item-pending-success .art-thought-chain-item-icon,.art-thought-chain-item-pending-success>*:before{background-color:var(--color-primary)}.art-thought-chain-item-pending-success>:last-child:before{background-color:none;background:linear-gradient(var(--color-primary),var(--color-success))}.art-thought-chain-item-pending-error .art-thought-chain-item-icon,.art-thought-chain-item-pending-error>*:before{background-color:var(--color-primary)}.art-thought-chain-item-pending-error>:last-child:before{background-color:none;background:linear-gradient(var(--color-primary),var(--color-error))}.art-thought-chain-item-success-pending .art-thought-chain-item-icon,.art-thought-chain-item-success-pending>*:before{background-color:var(--color-success)}.art-thought-chain-item-success-pending>:last-child:before{background-color:none;background:linear-gradient(var(--color-success),var(--color-primary))}.art-thought-chain-item-success-success .art-thought-chain-item-icon,.art-thought-chain-item-success-success>*:before{background-color:var(--color-success)}.art-thought-chain-item-success-error .art-thought-chain-item-icon,.art-thought-chain-item-success-error>*:before{background-color:var(--color-success)}.art-thought-chain-item-success-error>:last-child:before{background-color:none;background:linear-gradient(var(--color-success),var(--color-error))}.art-thought-chain-item-error-pending .art-thought-chain-item-icon,.art-thought-chain-item-error-pending>*:before{background-color:var(--color-error)}.art-thought-chain-item-error-pending>:last-child:before{background-color:none;background:linear-gradient(var(--color-error),var(--color-primary))}.art-thought-chain-item-error-success .art-thought-chain-item-icon,.art-thought-chain-item-error-success>*:before{background-color:var(--color-error)}.art-thought-chain-item-error-success>:last-child:before{background-color:none;background:linear-gradient(var(--color-error),var(--color-success))}.art-thought-chain-item-error-error .art-thought-chain-item-icon,.art-thought-chain-item-error-error>*:before{background-color:var(--color-error)}