.el-upload-list__item,.el-upload-list__item-name{transition:none!important;-webkit-transition:nonne!important}.role .page[data-v-a6f6dcb2]{padding:24px 28px}.content-header[data-v-a6f6dcb2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.content-title[data-v-a6f6dcb2]{font-size:20px;font-weight:700;color:#fff}.search-input[data-v-a6f6dcb2]{width:240px}.search-input[data-v-a6f6dcb2] .el-input__inner{background:#24252e;border:1px solid hsla(0,0%,100%,.08);color:#fff;border-radius:8px;height:36px}.search-input[data-v-a6f6dcb2] .el-input__inner:focus{border-color:#6f42ff}.search-input[data-v-a6f6dcb2] .el-input__inner::-moz-placeholder{color:#6b7280}.search-input[data-v-a6f6dcb2] .el-input__inner::placeholder{color:#6b7280}.empty-state[data-v-a6f6dcb2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0}.empty-img[data-v-a6f6dcb2]{width:80px;height:80px;opacity:.4;margin-bottom:16px}.empty-search-icon[data-v-a6f6dcb2]{font-size:48px;color:#4b5563;margin-bottom:16px}.empty-text[data-v-a6f6dcb2]{font-size:18px;font-weight:600;color:#e2e8f0;margin-bottom:8px}.empty-desc[data-v-a6f6dcb2]{font-size:14px;color:#6b7280;margin-bottom:24px}.empty-btn[data-v-a6f6dcb2]{display:inline-flex;align-items:center;gap:6px;padding:10px 28px;background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border-radius:10px;font-size:15px;cursor:pointer;font-weight:500;box-shadow:0 4px 16px rgba(99,102,241,.35);transition:all .25s}.empty-btn[data-v-a6f6dcb2]:hover{box-shadow:0 6px 24px rgba(99,102,241,.5);transform:translateY(-1px)}.card-list[data-v-a6f6dcb2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.card-item[data-v-a6f6dcb2]{color:#e2e8f0;transition:transform .25s}.card-item[data-v-a6f6dcb2]:hover{transform:translateY(-3px)}.add-card[data-v-a6f6dcb2]{height:320px;border:2px dashed rgba(111,66,255,.3);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s;background:rgba(111,66,255,.03)}.add-card[data-v-a6f6dcb2]:hover{border-color:#6f42ff;background:rgba(111,66,255,.08);transform:translateY(-2px)}.add-card:hover .add-icon-wrap[data-v-a6f6dcb2]{background:linear-gradient(135deg,#a855f7,#6366f1);box-shadow:0 6px 20px rgba(99,102,241,.4)}.add-card:hover .add-icon-wrap i[data-v-a6f6dcb2]{transform:rotate(90deg)}.add-card:hover .add-text[data-v-a6f6dcb2]{color:#a78bfa}.add-icon-wrap[data-v-a6f6dcb2]{width:52px;height:52px;border-radius:14px;background:rgba(111,66,255,.12);display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s}.add-icon-wrap i[data-v-a6f6dcb2]{font-size:22px;color:#a78bfa;transition:transform .3s}.add-text[data-v-a6f6dcb2]{font-size:14px;color:#9ca3af;font-weight:500;transition:color .2s}.img-wrap[data-v-a6f6dcb2]{width:100%;aspect-ratio:.75;position:relative;border-radius:12px;overflow:hidden;background:#1a1b21;border:1px solid hsla(0,0%,100%,.04);display:flex;justify-content:center;align-items:center;transition:border-color .25s}.img-wrap[data-v-a6f6dcb2]:hover{border-color:rgba(111,66,255,.2)}.img-wrap:hover .mask[data-v-a6f6dcb2]{opacity:1}.elImage[data-v-a6f6dcb2]{width:100%;height:100%}.elImage[data-v-a6f6dcb2] .el-image__inner,.img-wrap img[data-v-a6f6dcb2]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.placeholder-img[data-v-a6f6dcb2]{width:80px!important;height:80px!important;opacity:.3}.role-card-loading[data-v-a6f6dcb2]{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;font-size:13px;background:rgba(0,0,0,.58);backdrop-filter:blur(2px)}.role-card-loading i[data-v-a6f6dcb2]{font-size:26px}.mask[data-v-a6f6dcb2]{position:absolute;inset:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;gap:16px;opacity:0;transition:opacity .25s;backdrop-filter:blur(2px)}.mask-btn[data-v-a6f6dcb2]{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;cursor:pointer;font-size:12px;padding:8px 14px;border-radius:8px;background:hsla(0,0%,100%,.1);transition:all .2s}.mask-btn i[data-v-a6f6dcb2]{font-size:18px}.mask-btn[data-v-a6f6dcb2]:hover{background:hsla(0,0%,100%,.2)}.mask-btn-danger[data-v-a6f6dcb2]:hover{background:rgba(248,113,113,.25);color:#fca5a5}.info[data-v-a6f6dcb2]{margin-top:12px}.name[data-v-a6f6dcb2]{font-size:15px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.meta[data-v-a6f6dcb2]{font-size:13px;color:#94a3b8;margin-bottom:4px}.tag[data-v-a6f6dcb2]{font-size:12px;color:#6b7280}.tag i[data-v-a6f6dcb2]{margin-right:3px}.female[data-v-a6f6dcb2]{color:#ff6fae;margin-right:4px}.male[data-v-a6f6dcb2]{color:#5aa9ff;margin-right:4px}[data-v-a6f6dcb2] .role-dialog{background:#1a1b21;border-radius:12px;color:#fff;box-shadow:0 16px 48px rgba(0,0,0,.5)}[data-v-a6f6dcb2] .role-dialog .el-dialog__header{border-bottom:1px solid hsla(0,0%,100%,.06);padding:0}[data-v-a6f6dcb2] .role-dialog .el-dialog__title{color:#fff;font-weight:600;font-size:18px}[data-v-a6f6dcb2] .role-dialog .el-dialog__headerbtn{display:none}[data-v-a6f6dcb2] .role-dialog .el-dialog__body{padding:20px 24px}[data-v-a6f6dcb2] .role-dialog .el-dialog__footer{border-top:1px solid hsla(0,0%,100%,.06);padding:16px 24px}.dialog-header-custom[data-v-a6f6dcb2]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:16px}.dialog-header-custom .dialog-title-text[data-v-a6f6dcb2]{font-size:18px;font-weight:700;color:#fff}.dialog-header-custom .dialog-close-area[data-v-a6f6dcb2]{display:flex;align-items:center;gap:14px}.dialog-header-custom .dialog-close-tip[data-v-a6f6dcb2]{color:#d7dce8;font-size:13px;font-weight:600;white-space:nowrap}.dialog-header-custom .close-btn[data-v-a6f6dcb2]{min-width:104px;height:40px;color:#c9b8ff;background:rgba(111,66,255,.08);border:1px solid rgba(139,92,246,.85);border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease;box-shadow:inset 0 0 0 1px rgba(111,66,255,.12)}.dialog-header-custom .close-btn[data-v-a6f6dcb2]:hover{background:rgba(111,66,255,.18);color:#fff;border-color:#a78bfa;box-shadow:0 0 18px rgba(111,66,255,.28)}.dialog-body[data-v-a6f6dcb2]{display:flex;gap:20px}.left-form[data-v-a6f6dcb2]{flex:1}.right-preview[data-v-a6f6dcb2]{width:320px}.preview-box[data-v-a6f6dcb2]{height:420px;background:#24252e;border-radius:10px;border:1px solid hsla(0,0%,100%,.04);display:flex;justify-content:center;align-items:center;color:#6b7280;font-size:40px}.preview-box[data-v-a6f6dcb2] .el-image__inner,.preview-box img[data-v-a6f6dcb2]{width:100%;height:100%;-o-object-fit:scale-down;object-fit:scale-down}.role-image-records[data-v-a6f6dcb2]{margin-top:12px}.records-title[data-v-a6f6dcb2]{color:#fff;font-size:13px;font-weight:600;margin-bottom:4px}.records-hint[data-v-a6f6dcb2]{color:#64748b;font-size:11px;margin-bottom:8px}.role-thumbnail-list[data-v-a6f6dcb2]{display:flex;flex-wrap:wrap;gap:8px;max-height:132px;overflow:auto}.role-thumbnail-item[data-v-a6f6dcb2]{position:relative;width:68px;height:48px;border-radius:4px;border:1px solid hsla(0,0%,100%,.12);background:#1a1b21;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center}.role-thumbnail-item.selected[data-v-a6f6dcb2]{border-color:#6f42ff;background:rgba(111,66,255,.12);box-shadow:0 0 0 2px rgba(111,66,255,.7)}.role-thumbnail-item.selected[data-v-a6f6dcb2]:after{content:"";position:absolute;inset:0;border-radius:4px;background:rgba(111,66,255,.12);pointer-events:none}.role-thumbnail-item img[data-v-a6f6dcb2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.record-error[data-v-a6f6dcb2],.record-loading[data-v-a6f6dcb2],.records-empty[data-v-a6f6dcb2]{color:#cbd5e1;font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px}.record-error[data-v-a6f6dcb2],.record-loading[data-v-a6f6dcb2]{width:100%;height:100%;justify-content:center}.record-error[data-v-a6f6dcb2]{color:#f87171!important}.role-thumbnail-actions[data-v-a6f6dcb2]{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s}.role-thumbnail-item:hover .role-thumbnail-actions[data-v-a6f6dcb2]{opacity:1}.role-thumbnail-delete[data-v-a6f6dcb2]{width:18px;height:18px;border-radius:50%;color:#fff;background:rgba(0,0,0,.62);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;pointer-events:auto}.role-thumbnail-delete[data-v-a6f6dcb2]:hover{color:#f56c6c}.records-empty[data-v-a6f6dcb2]{width:100%;height:48px;justify-content:center;color:#64748b;border:1px dashed hsla(0,0%,100%,.12);border-radius:4px}[data-v-a6f6dcb2] .el-form-item__label{color:#cbd5e1;padding:0;font-weight:500}[data-v-a6f6dcb2] .el-form-item{margin-bottom:12px}[data-v-a6f6dcb2] .el-input__inner,[data-v-a6f6dcb2] .el-textarea__inner{background:#24252e;border:1px solid hsla(0,0%,100%,.08);color:#fff;border-radius:8px;transition:border-color .2s}[data-v-a6f6dcb2] .el-input__inner:focus,[data-v-a6f6dcb2] .el-textarea__inner:focus{border-color:#6f42ff}[data-v-a6f6dcb2] .el-input__inner::-moz-placeholder,[data-v-a6f6dcb2] .el-textarea__inner::-moz-placeholder{color:#6b7280}[data-v-a6f6dcb2] .el-input__inner::placeholder,[data-v-a6f6dcb2] .el-textarea__inner::placeholder{color:#6b7280}[data-v-a6f6dcb2] .el-select .el-input__inner{background:#24252e}[data-v-a6f6dcb2] .el-select-dropdown{background:#2b2f36;border:1px solid hsla(0,0%,100%,.08)}[data-v-a6f6dcb2] .el-select-dropdown__item{color:#e5e7eb}[data-v-a6f6dcb2] .el-select-dropdown__item.hover,[data-v-a6f6dcb2] .el-select-dropdown__item.selected{background:rgba(111,66,255,.15)}[data-v-a6f6dcb2] .el-input__count-inner,[data-v-a6f6dcb2] .el-textarea .el-input__count{background:#24252e!important;color:#6b7280}.customize[data-v-a6f6dcb2]{background:#24252e;border:1px solid hsla(0,0%,100%,.08);border-radius:8px;min-height:165px}.customize[data-v-a6f6dcb2] .el-textarea{resize:none}.customize[data-v-a6f6dcb2] .el-textarea__inner{border:none;resize:none;background:transparent}.modelUpload[data-v-a6f6dcb2]{bottom:4px;display:flex;align-items:center;justify-content:space-between;width:95%}.modelUpload.has-upload[data-v-a6f6dcb2]{bottom:24px}.modelUpload.has-upload[data-v-a6f6dcb2] .el-upload--picture-card{display:none!important}.modelUpload[data-v-a6f6dcb2] .el-upload--picture-card{width:74px;height:26px;line-height:normal;background:transparent;border:none}.modelUpload[data-v-a6f6dcb2] .el-upload-list--picture-card .el-upload-list__item{width:50px;height:50px;margin:0;overflow:hidden;position:relative}.modelUpload[data-v-a6f6dcb2] .upload-thumbnail-wrap{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.modelUpload[data-v-a6f6dcb2] .el-upload-list__item-thumbnail{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;display:block!important}.modelUpload .model-upload-btn[data-v-a6f6dcb2]{display:flex;align-items:center;justify-content:center;width:74px;height:26px;color:#a9b1c3;font-size:12px;line-height:1;background:hsla(0,0%,100%,.03);border:1px dashed rgba(169,177,195,.45);border-radius:4px;box-sizing:border-box}.modelUpload .model-upload-btn[data-v-a6f6dcb2]:hover{color:#fff;border-color:hsla(0,0%,100%,.65)}.role-upload-form-item[data-v-a6f6dcb2] .el-form-item__content{line-height:normal}.role-image-upload[data-v-a6f6dcb2]{width:100%}.role-image-upload[data-v-a6f6dcb2] .el-upload--picture-card,.role-image-upload[data-v-a6f6dcb2] .el-upload-list--picture-card .el-upload-list__item{width:100%;height:96px;line-height:normal;margin:0;overflow:hidden;border-radius:6px}.role-image-upload[data-v-a6f6dcb2] .el-upload--picture-card{display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.04);border:1px dashed hsla(0,0%,100%,.15);transition:all .2s}.role-image-upload[data-v-a6f6dcb2] .el-upload--picture-card:hover{border-color:#6f42ff}.role-image-upload[data-v-a6f6dcb2] .el-upload-list--picture-card{width:100%;line-height:normal}.role-image-upload[data-v-a6f6dcb2] .el-upload-list--picture-card .el-upload-list__item-thumbnail,.role-image-upload[data-v-a6f6dcb2] .upload-thumbnail-img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;display:block!important}.role-image-upload.is-filled[data-v-a6f6dcb2] .el-upload--picture-card{display:none}.add-image-btn[data-v-a6f6dcb2]{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.role-add-image-btn[data-v-a6f6dcb2]{width:100%;height:100%;justify-content:center}.add-image-text[data-v-a6f6dcb2]{color:#888;font-size:13px}.format-hint[data-v-a6f6dcb2]{display:block;margin-top:8px;color:#555;font-size:11px;line-height:1.4}.upload-thumbnail-wrap[data-v-a6f6dcb2]{position:relative;width:100%;height:100%;overflow:hidden}.upload-image-loading[data-v-a6f6dcb2]{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;background:rgba(0,0,0,.45)}.mode-switch[data-v-a6f6dcb2]{display:flex}.mode-switch .el-button[data-v-a6f6dcb2]{flex:1;background:#2a2b35;border:1px solid hsla(0,0%,100%,.08);color:#9ca3af;border-radius:0;transition:all .2s}.mode-switch .el-button[data-v-a6f6dcb2]:first-child{border-radius:8px 0 0 8px}.mode-switch .el-button[data-v-a6f6dcb2]:last-child{border-radius:0 8px 8px 0}.mode-switch .el-button.operationButton[data-v-a6f6dcb2]{background:linear-gradient(135deg,#a855f7,#6366f1);color:#fff;border-color:transparent}.dialog-footer[data-v-a6f6dcb2]{text-align:right}.generate-inline-btn[data-v-a6f6dcb2]{width:100%;margin:-4px 0 12px;background:transparent;border:1px solid #6f42ff;color:#8b5cf6;border-radius:6px;font-weight:500}.generate-inline-btn[data-v-a6f6dcb2]:focus,.generate-inline-btn[data-v-a6f6dcb2]:hover{background:rgba(111,66,255,.12);border-color:#8b5cf6;color:#a78bfa}