@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";#app{width:100%;min-height:100vh}:root{--ageg-primary: #6B7AE8;--ageg-primary-light: #8B97EE;--ageg-primary-dark: #5566D6;--ageg-accent: #9B8FD9;--ageg-accent-light: #B5ABEA;--ageg-warning: #E8B86B;--ageg-success: #6BC9A8;--ageg-danger: #E87B7B;--ageg-bg-primary: #F8F8F8;--ageg-bg-secondary: #FFFFFF;--ageg-bg-tertiary: #F5F5F5;--ageg-bg-card: #FFFFFF;--ageg-bg-hover: #F0F0F0;--ageg-text-primary: #222222;--ageg-text-secondary: #666666;--ageg-text-muted: #999999;--ageg-border: #E0E0E0;--ageg-border-light: #ECECEC;--ageg-border-focus: #C8C8C8;--ageg-btn-bg: #ECECEC;--ageg-btn-hover: #E0E0E0;--ageg-btn-active: #D4D4D4;--ageg-shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--ageg-shadow-md: 0 2px 4px rgba(0, 0, 0, .04);--ageg-shadow-lg: 0 4px 8px rgba(0, 0, 0, .05);--ageg-radius-sm: 4px;--ageg-radius-md: 6px;--ageg-radius-lg: 8px;--ageg-radius-xl: 12px;--ageg-spacing-xs: 8px;--ageg-spacing-sm: 12px;--ageg-spacing-md: 15px;--ageg-spacing-lg: 20px;--ageg-spacing-xl: 25px;--ageg-transition-fast: .15s ease;--ageg-transition-normal: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;background:var(--ageg-bg-primary);color:var(--ageg-text-primary);line-height:1.6;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--ageg-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--ageg-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ageg-border-focus)}::selection{background:#6b7ae833;color:var(--ageg-text-primary)}a{color:var(--ageg-primary);text-decoration:none;transition:color var(--ageg-transition-fast)}a:hover{color:var(--ageg-primary-dark)}h1,h2,h3,h4,h5,h6{color:var(--ageg-text-primary);font-weight:500;line-height:1.4}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}.el-button{font-weight:400;border-radius:var(--ageg-radius-sm)!important;padding:12px 15px!important;transition:all var(--ageg-transition-fast)!important}.el-button--primary{background:var(--ageg-primary)!important;border:none!important;color:#fff!important}.el-button--primary:hover,.el-button--primary:focus{background:var(--ageg-primary-dark)!important}.el-button--primary.is-disabled{background:var(--ageg-border)!important;color:var(--ageg-text-muted)!important}.el-button--default{background:var(--ageg-btn-bg)!important;border:none!important;color:var(--ageg-text-primary)!important}.el-button--default:hover{background:var(--ageg-btn-hover)!important}.el-button--default:active{background:var(--ageg-btn-active)!important}.el-button--text{color:var(--ageg-text-secondary)!important}.el-button--text:hover{color:var(--ageg-primary)!important;background:transparent!important}.el-button--small{padding:8px 12px!important}.el-input__wrapper{background:var(--ageg-bg-secondary)!important;border:1px solid var(--ageg-border)!important;border-radius:var(--ageg-radius-sm)!important;box-shadow:none!important;padding:8px 12px!important}.el-input__wrapper:hover{border-color:var(--ageg-border-focus)!important}.el-input__wrapper.is-focus{border-color:var(--ageg-primary)!important}.el-input__inner{color:var(--ageg-text-primary)!important;font-size:14px!important}.el-input__inner::placeholder{color:var(--ageg-text-muted)!important}.el-textarea__inner{background:var(--ageg-bg-secondary)!important;border:1px solid var(--ageg-border)!important;border-radius:var(--ageg-radius-sm)!important;color:var(--ageg-text-primary)!important;font-size:14px!important;padding:12px 15px!important}.el-textarea__inner:hover{border-color:var(--ageg-border-focus)!important}.el-textarea__inner:focus{border-color:var(--ageg-primary)!important}.el-textarea__inner::placeholder{color:var(--ageg-text-muted)!important}.el-select .el-select__wrapper{background:var(--ageg-bg-secondary)!important;border:1px solid var(--ageg-border)!important;border-radius:var(--ageg-radius-sm)!important;box-shadow:none!important}.el-select .el-select__wrapper:hover{border-color:var(--ageg-border-focus)!important}.el-select .el-select__wrapper.is-focus{border-color:var(--ageg-primary)!important}.el-select-dropdown{background:var(--ageg-bg-secondary)!important;border:1px solid var(--ageg-border)!important;border-radius:var(--ageg-radius-sm)!important;box-shadow:var(--ageg-shadow-lg)!important}.el-select-dropdown__item{color:var(--ageg-text-primary)!important;font-size:14px!important}.el-select-dropdown__item.is-selected{color:var(--ageg-primary)!important;font-weight:500}.el-select-dropdown__item:hover{background:var(--ageg-bg-tertiary)!important}.el-card{background:var(--ageg-bg-card)!important;border:none!important;border-radius:var(--ageg-radius-md)!important;box-shadow:var(--ageg-shadow-sm)!important}.el-card .el-card__header{border-bottom:1px solid var(--ageg-border-light)!important;color:var(--ageg-text-primary);padding:15px 20px!important}.el-card .el-card__body{color:var(--ageg-text-secondary);padding:20px!important}.el-dialog{background:var(--ageg-bg-card)!important;border:none!important;border-radius:var(--ageg-radius-lg)!important;box-shadow:var(--ageg-shadow-lg)!important}.el-dialog .el-dialog__header{border-bottom:1px solid var(--ageg-border-light);padding:15px 20px!important}.el-dialog .el-dialog__title{color:var(--ageg-text-primary);font-size:16px;font-weight:500}.el-dialog .el-dialog__body{padding:20px!important}.el-message{background:var(--ageg-bg-card)!important;border:1px solid var(--ageg-border)!important;border-radius:var(--ageg-radius-sm)!important;box-shadow:var(--ageg-shadow-md)!important}.el-message .el-message__content{color:var(--ageg-text-primary)!important;font-size:14px!important}.el-notification{background:var(--ageg-bg-card)!important;border:1px solid var(--ageg-border)!important;border-radius:var(--ageg-radius-md)!important;box-shadow:var(--ageg-shadow-lg)!important}.el-notification .el-notification__title{color:var(--ageg-text-primary)!important;font-size:14px!important;font-weight:500!important}.el-notification .el-notification__content{color:var(--ageg-text-secondary)!important;font-size:13px!important}.el-tag{border-radius:var(--ageg-radius-sm)!important;font-size:12px!important;padding:4px 8px!important;border:none!important}.el-tag--primary{background:#6b7ae81a!important;color:var(--ageg-primary)!important}.el-tag--success{background:#6bc9a81a!important;color:var(--ageg-success)!important}.el-tag--warning{background:#e8b86b1a!important;color:var(--ageg-warning)!important}.el-tag--danger{background:#e87b7b1a!important;color:var(--ageg-danger)!important}.el-tag--info{background:var(--ageg-bg-tertiary)!important;color:var(--ageg-text-secondary)!important}.el-progress-bar__outer{background:var(--ageg-bg-tertiary)!important;border-radius:var(--ageg-radius-sm)!important}.el-progress-bar__inner{background:var(--ageg-primary)!important;border-radius:var(--ageg-radius-sm)!important}.el-form-item__label{color:var(--ageg-text-primary)!important;font-size:14px!important;font-weight:400!important}.el-table{background:var(--ageg-bg-card)!important}.el-table th.el-table__cell{background:var(--ageg-bg-tertiary)!important;color:var(--ageg-text-primary)!important;font-weight:500!important;font-size:13px!important;border-bottom:1px solid var(--ageg-border)!important}.el-table td.el-table__cell{color:var(--ageg-text-secondary)!important;font-size:13px!important;border-bottom:1px solid var(--ageg-border-light)!important}.el-table .el-table__row:hover>td.el-table__cell{background:var(--ageg-bg-tertiary)!important}.el-pagination .el-pager li{background:var(--ageg-bg-secondary)!important;color:var(--ageg-text-secondary)!important;border-radius:var(--ageg-radius-sm)!important}.el-pagination .el-pager li.is-active{background:var(--ageg-primary)!important;color:#fff!important}.el-pagination .el-pager li:hover{color:var(--ageg-primary)!important}.el-pagination button{background:var(--ageg-bg-secondary)!important;color:var(--ageg-text-secondary)!important;border-radius:var(--ageg-radius-sm)!important}.el-menu{background:var(--ageg-bg-card)!important;border:none!important}.el-menu .el-menu-item{color:var(--ageg-text-secondary)!important}.el-menu .el-menu-item:hover{background:var(--ageg-bg-tertiary)!important;color:var(--ageg-text-primary)!important}.el-menu .el-menu-item.is-active{color:var(--ageg-primary)!important;background:#6b7ae814!important}.el-upload-dragger{background:var(--ageg-bg-secondary)!important;border:1px dashed var(--ageg-border)!important;border-radius:var(--ageg-radius-md)!important}.el-upload-dragger:hover{border-color:var(--ageg-primary)!important}.el-image-viewer__wrapper{background:#000c!important}.el-tabs--border-card{background:var(--ageg-bg-card)!important;border:none!important;border-radius:var(--ageg-radius-md)!important}.el-tabs--border-card>.el-tabs__content{padding:12px!important}.el-switch{--el-switch-on-color: var(--ageg-primary);--el-switch-off-color: var(--ageg-border)}.el-checkbox{--el-checkbox-checked-bg-color: var(--ageg-primary);--el-checkbox-checked-input-border-color: var(--ageg-primary)}.gen-compact{--gen-control-h: 30px;--gen-control-font: 12px;--gen-gap-xs: 6px;--gen-gap-sm: 8px;--gen-gap-md: 12px;--gen-card-radius: 8px;--gen-card-border: var(--ageg-border-light, #ececec);--gen-muted: var(--ageg-text-secondary, #666)}.gen-compact .section{margin-bottom:14px}.gen-compact .section-title{font-size:13px;font-weight:600;color:var(--ageg-text-primary, #222);margin-bottom:10px}.gen-compact .type-card{border:1px solid var(--gen-card-border);border-radius:var(--gen-card-radius);background:var(--ageg-bg-secondary, #fff)}.gen-compact .type-body{border-top:1px solid var(--gen-card-border)}.gen-compact .params-toolbar,.gen-compact .submit-row{gap:var(--gen-gap-sm)}.gen-compact .small-tool-btn,.gen-compact .param-btn,.gen-compact .template-btn{height:var(--gen-control-h)!important;min-height:var(--gen-control-h)!important;font-size:var(--gen-control-font)!important;border-radius:16px!important}.gen-compact .small-tool-btn{padding:2px 8px!important}.gen-compact .param-btn{padding:2px 10px!important}.gen-compact .cost-info,.gen-compact .inline-info,.gen-compact .quick-label,.gen-compact .quick-color-label,.gen-compact .inline-label{font-size:12px;color:var(--gen-muted)}.gen-compact .cost-value{font-size:16px;font-weight:600}.gen-compact .quick-row,.gen-compact .pro-row,.gen-compact .listing-row,.gen-compact .inline-options{gap:var(--gen-gap-md)}.gen-compact .quick-row.quick-row-color{gap:var(--gen-gap-xs)}.gen-compact :deep(.el-input__wrapper),.gen-compact :deep(.el-select__wrapper){height:var(--gen-control-h)!important;min-height:var(--gen-control-h)!important;padding:0 10px!important}.gen-compact :deep(.el-input__inner),.gen-compact :deep(.el-select__input){height:calc(var(--gen-control-h) - 2px)!important;font-size:var(--gen-control-font)!important}.gen-compact :deep(.el-textarea__inner){font-size:12px!important;line-height:1.5}.gen-compact :deep(.el-form-item__label){font-size:12px!important;color:var(--gen-muted)!important;padding-bottom:4px!important}.gen-compact :deep(.el-input-number){height:var(--gen-control-h)!important}.gen-compact :deep(.el-input-number) .el-input__wrapper{height:var(--gen-control-h)!important}.text-primary{color:var(--ageg-text-primary)!important}.text-secondary{color:var(--ageg-text-secondary)!important}.text-muted{color:var(--ageg-text-muted)!important}.text-accent{color:var(--ageg-primary)!important}.text-success{color:var(--ageg-success)!important}.text-warning{color:var(--ageg-warning)!important}.text-danger{color:var(--ageg-danger)!important}.bg-primary{background:var(--ageg-bg-primary)!important}.bg-secondary{background:var(--ageg-bg-secondary)!important}.bg-tertiary{background:var(--ageg-bg-tertiary)!important}.bg-card{background:var(--ageg-bg-card)!important}.m-0{margin:0!important}.m-xs{margin:var(--ageg-spacing-xs)!important}.m-sm{margin:var(--ageg-spacing-sm)!important}.m-md{margin:var(--ageg-spacing-md)!important}.m-lg{margin:var(--ageg-spacing-lg)!important}.mt-0{margin-top:0!important}.mt-xs{margin-top:var(--ageg-spacing-xs)!important}.mt-sm{margin-top:var(--ageg-spacing-sm)!important}.mt-md{margin-top:var(--ageg-spacing-md)!important}.mt-lg{margin-top:var(--ageg-spacing-lg)!important}.mb-0{margin-bottom:0!important}.mb-xs{margin-bottom:var(--ageg-spacing-xs)!important}.mb-sm{margin-bottom:var(--ageg-spacing-sm)!important}.mb-md{margin-bottom:var(--ageg-spacing-md)!important}.mb-lg{margin-bottom:var(--ageg-spacing-lg)!important}.p-0{padding:0!important}.p-xs{padding:var(--ageg-spacing-xs)!important}.p-sm{padding:var(--ageg-spacing-sm)!important}.p-md{padding:var(--ageg-spacing-md)!important}.p-lg{padding:var(--ageg-spacing-lg)!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.gap-xs{gap:var(--ageg-spacing-xs)!important}.gap-sm{gap:var(--ageg-spacing-sm)!important}.gap-md{gap:var(--ageg-spacing-md)!important}.gap-lg{gap:var(--ageg-spacing-lg)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-xs{font-size:12px!important}.text-sm{font-size:13px!important}.text-base{font-size:14px!important}.text-lg{font-size:16px!important}.text-xl{font-size:18px!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.rounded-sm{border-radius:var(--ageg-radius-sm)!important}.rounded-md{border-radius:var(--ageg-radius-md)!important}.rounded-lg{border-radius:var(--ageg-radius-lg)!important}.rounded-xl{border-radius:var(--ageg-radius-xl)!important}.rounded-full{border-radius:9999px!important}.shadow-sm{box-shadow:var(--ageg-shadow-sm)!important}.shadow-md{box-shadow:var(--ageg-shadow-md)!important}.shadow-lg{box-shadow:var(--ageg-shadow-lg)!important}.card-hover{transition:all var(--ageg-transition-normal)}.card-hover:hover{box-shadow:var(--ageg-shadow-md)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fade-in .3s ease}.animate-slide-up{animation:slide-up .3s ease}.animate-slide-down{animation:slide-down .3s ease}.animate-scale-in{animation:scale-in .3s ease}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.loading-shimmer{background:linear-gradient(90deg,var(--ageg-bg-tertiary) 0%,var(--ageg-bg-hover) 50%,var(--ageg-bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}.transition-all{transition:all var(--ageg-transition-normal)}.transition-colors{transition:color var(--ageg-transition-normal),background-color var(--ageg-transition-normal),border-color var(--ageg-transition-normal)}.transition-opacity{transition:opacity var(--ageg-transition-normal)}.transition-transform{transition:transform var(--ageg-transition-normal)}
