#app{height:100vh;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-color:#409eff;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--border-extra-light:#f2f6fc;--bg-base:#f5f7fa;--bg-page:#f0f2f5;--bg-white:#fff;--bg-black:#000;--sidebar-bg:#304156;--sidebar-text:#bfbdd9;--sidebar-active:#409eff;--header-bg:#fff;--header-border:#e6e9f0;--shadow-base:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);--shadow-light:0 2px 12px 0 rgba(0,0,0,.1);--shadow-hover:0 4px 12px rgba(0,0,0,.15);--border-radius-small:2px;--border-radius-base:4px;--border-radius-large:8px;--border-radius-circle:50%;--font-size-xs:12px;--font-size-small:13px;--font-size-base:14px;--font-size-medium:16px;--font-size-large:18px;--font-size-xl:20px;--font-size-xxl:24px;--spacing-xs:4px;--spacing-small:8px;--spacing-base:12px;--spacing-medium:16px;--spacing-large:20px;--spacing-xl:24px;--spacing-xxl:30px;--transition-fast:0.2s;--transition-base:0.3s;--transition-slow:0.5s;--z-index-normal:1;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal:1040;--z-index-popover:1050;--z-index-tooltip:1060;--z-index-toast:1070}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{color:var(--text-primary);background-color:var(--bg-page);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--border-extra-light);border-radius:var(--border-radius-base)}::-webkit-scrollbar-thumb{background:var(--border-base);border-radius:var(--border-radius-base)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-wrapper{position:relative;height:100vh;width:100%;overflow:hidden}.main-container{min-height:100%;transition:margin-left var(--transition-base);position:relative;margin-left:200px;background-color:var(--bg-page)}.sidebar-container{transition:width var(--transition-base);width:200px!important;height:100%;position:fixed;top:0;bottom:0;left:0;z-index:var(--z-index-sticky);background-color:var(--sidebar-bg);overflow:hidden;box-shadow:2px 0 6px rgba(0,21,41,.35)}.sidebar-container.collapsed{width:64px!important}.sidebar-container.collapsed+.main-container{margin-left:64px}.clearfix:after{content:"";display:table;clear:both}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis-2{-webkit-line-clamp:2}.text-ellipsis-2,.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.text-ellipsis-3{-webkit-line-clamp:3}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.float-left{float:left}.float-right{float:right}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.hidden{display:none!important}.block{display:block!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.align-start{align-items:flex-start}.align-end{align-items:flex-end}.align-center{align-items:center}.align-stretch{align-items:stretch}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-small{margin:var(--spacing-small)}.m-base{margin:var(--spacing-base)}.m-medium{margin:var(--spacing-medium)}.m-large{margin:var(--spacing-large)}.m-xl{margin:var(--spacing-xl)}.m-xxl{margin:var(--spacing-xxl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-small{margin-top:var(--spacing-small)}.mt-base{margin-top:var(--spacing-base)}.mt-medium{margin-top:var(--spacing-medium)}.mt-large{margin-top:var(--spacing-large)}.mt-xl{margin-top:var(--spacing-xl)}.mt-xxl{margin-top:var(--spacing-xxl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-small{margin-bottom:var(--spacing-small)}.mb-base{margin-bottom:var(--spacing-base)}.mb-medium{margin-bottom:var(--spacing-medium)}.mb-large{margin-bottom:var(--spacing-large)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-small{margin-left:var(--spacing-small)}.ml-base{margin-left:var(--spacing-base)}.ml-medium{margin-left:var(--spacing-medium)}.ml-large{margin-left:var(--spacing-large)}.ml-xl{margin-left:var(--spacing-xl)}.ml-xxl{margin-left:var(--spacing-xxl)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-small{margin-right:var(--spacing-small)}.mr-base{margin-right:var(--spacing-base)}.mr-medium{margin-right:var(--spacing-medium)}.mr-large{margin-right:var(--spacing-large)}.mr-xl{margin-right:var(--spacing-xl)}.mr-xxl{margin-right:var(--spacing-xxl)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-small{padding:var(--spacing-small)}.p-base{padding:var(--spacing-base)}.p-medium{padding:var(--spacing-medium)}.p-large{padding:var(--spacing-large)}.p-xl{padding:var(--spacing-xl)}.p-xxl{padding:var(--spacing-xxl)}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.w-auto{width:auto}.h-100{height:100%}.h-75{height:75%}.h-50{height:50%}.h-25{height:25%}.h-auto{height:auto}.fw-normal{font-weight:400}.fw-medium{font-weight:500}.fw-bold{font-weight:700}.color-primary{color:var(--primary-color)}.color-success{color:var(--success-color)}.color-warning{color:var(--warning-color)}.color-danger{color:var(--danger-color)}.color-info{color:var(--info-color)}.color-text-primary{color:var(--text-primary)}.color-text-regular{color:var(--text-regular)}.color-text-secondary{color:var(--text-secondary)}.color-text-placeholder{color:var(--text-placeholder)}.color-white{color:#fff}.bg-primary{background-color:var(--primary-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.bg-info{background-color:var(--info-color)}.bg-white{background-color:#fff}.bg-page{background-color:var(--bg-page)}.bg-base{background-color:var(--bg-base)}.border{border:1px solid var(--border-base)}.border-top{border-top:1px solid var(--border-base)}.border-right{border-right:1px solid var(--border-base)}.border-bottom{border-bottom:1px solid var(--border-base)}.border-left{border-left:1px solid var(--border-base)}.border-none{border:none}.rounded-none{border-radius:0}.rounded-small{border-radius:var(--border-radius-small)}.rounded-base{border-radius:var(--border-radius-base)}.rounded-large{border-radius:var(--border-radius-large)}.rounded-circle{border-radius:var(--border-radius-circle)}.shadow-none{box-shadow:none}.shadow-base{box-shadow:var(--shadow-base)}.shadow-light{box-shadow:var(--shadow-light)}.shadow-hover{box-shadow:var(--shadow-hover)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-wait{cursor:wait}.cursor-move{cursor:move}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease}.animate-fade-out{animation:fadeOut var(--transition-base) ease}.animate-slide-in-left{animation:slideInLeft var(--transition-base) ease}.animate-slide-out-left{animation:slideOutLeft var(--transition-base) ease}.animate-slide-in-right{animation:slideInRight var(--transition-base) ease}.animate-slide-out-right{animation:slideOutRight var(--transition-base) ease}.animate-slide-in-up{animation:slideInUp var(--transition-base) ease}.animate-slide-out-down{animation:slideOutDown var(--transition-base) ease}.animate-zoom-in{animation:zoomIn var(--transition-base) ease}.animate-zoom-out{animation:zoomOut var(--transition-base) ease}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 1s ease infinite}.animate-shake{animation:shake .5s ease}.page-container{padding:var(--spacing-large);background-color:var(--bg-page);min-height:calc(100vh - 60px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-medium) var(--spacing-large);border-bottom:1px solid var(--border-light)}.card-header h3,.card-header h4{margin:0;font-size:var(--font-size-medium);color:var(--text-primary)}.card-header .header-actions{display:flex;gap:var(--spacing-small)}.stats-card{transition:all var(--transition-base);border-radius:var(--border-radius-base);overflow:hidden}.stats-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stats-card .stats-content{display:flex;align-items:center;padding:var(--spacing-large)}.stats-card .stats-icon{width:48px;height:48px;border-radius:var(--border-radius-base);display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-medium)}.stats-card .stats-icon i{font-size:24px;color:#fff}.stats-card .stats-info{flex:1}.stats-card .stats-title{font-size:var(--font-size-small);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.stats-card .stats-value{font-size:var(--font-size-xxl);font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:var(--spacing-xs)}.stats-card .stats-trend{font-size:var(--font-size-xs)}.stats-card .stats-trend .up{color:var(--success-color)}.stats-card .stats-trend .down{color:var(--danger-color)}.work-card{transition:all var(--transition-base);border-radius:var(--border-radius-base);overflow:hidden;cursor:pointer}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.work-card .work-cover{height:140px;background-size:cover;background-position:50%;position:relative}.work-card .work-badge{position:absolute;top:var(--spacing-small);left:var(--spacing-small);background:rgba(0,0,0,.6);color:#fff;padding:2px var(--spacing-small);border-radius:12px;font-size:var(--font-size-xs);z-index:1}.work-card .work-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:var(--spacing-small);opacity:0;transition:opacity var(--transition-base);z-index:2}.work-card:hover .work-actions{opacity:1}.work-card .work-info{padding:var(--spacing-medium)}.work-card .work-info h4{margin:0 0 var(--spacing-small);font-size:var(--font-size-medium);color:var(--text-primary)}.work-card .work-desc{margin:0 0 var(--spacing-small);font-size:var(--font-size-small);color:var(--text-regular);line-height:1.5;height:40px;overflow:hidden}.work-card .work-tags{margin-bottom:var(--spacing-small)}.work-card .work-tags .el-tag{margin-right:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.work-card .work-stats{color:var(--text-regular);margin-bottom:var(--spacing-small)}.work-card .work-footer,.work-card .work-stats{display:flex;justify-content:space-between;font-size:var(--font-size-xs)}.work-card .work-footer{align-items:center;border-top:1px solid var(--border-lighter);padding-top:var(--spacing-small)}.table-actions{display:flex;gap:var(--spacing-small);justify-content:center}.table-actions .el-button--text{padding:0}.filter-container{background-color:var(--bg-white);padding:var(--spacing-large);border-radius:var(--border-radius-base);margin-bottom:var(--spacing-large);box-shadow:var(--shadow-base)}.filter-container .el-row{margin-bottom:var(--spacing-medium)}.filter-container .el-row:last-child{margin-bottom:0}.pagination-container{margin-top:var(--spacing-large);text-align:right}.status-tag{display:inline-block;padding:2px var(--spacing-small);border-radius:12px;font-size:var(--font-size-xs);font-weight:500}.status-tag.success{background-color:rgba(103,194,58,.1);color:var(--success-color)}.status-tag.warning{background-color:rgba(230,162,60,.1);color:var(--warning-color)}.status-tag.danger{background-color:hsla(0,87%,69%,.1);color:var(--danger-color)}.status-tag.info{background-color:hsla(220,4%,58%,.1);color:var(--info-color)}.status-tag.primary{background-color:rgba(64,158,255,.1);color:var(--primary-color)}.empty-state{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.empty-state i{font-size:48px;margin-bottom:var(--spacing-medium)}.empty-state p{margin:0;font-size:var(--font-size-base)}.loading-state{text-align:center;padding:var(--spacing-xxl);color:var(--text-secondary)}.loading-state .el-loading-spinner{margin-top:0}.error-state{text-align:center;padding:var(--spacing-xxl);color:var(--danger-color)}.error-state i{font-size:48px;margin-bottom:var(--spacing-medium)}.error-state p{margin:0 0 var(--spacing-medium);font-size:var(--font-size-base)}.el-menu{border-right:none!important}.el-menu .el-menu-item{color:#000!important}.el-menu .el-menu-item.is-active,.el-menu .el-menu-item:hover{background-color:hsla(0,0%,100%,.1)!important}.el-menu .el-menu-item.is-active{color:var(--sidebar-active)!important}.el-submenu__title{color:#000!important}.el-submenu__title:hover{background-color:hsla(0,0%,100%,.1)!important}.el-table th{color:var(--text-primary)!important;font-weight:500!important}.el-table th,.el-table--striped .el-table__body tr.el-table__row--striped td{background-color:var(--bg-base)!important}.el-table__body tr:hover>td{background-color:rgba(64,158,255,.05)!important}.el-card{border-radius:var(--border-radius-base)!important;border:none!important}.el-card__header{padding:var(--spacing-medium) var(--spacing-large)!important;border-bottom:1px solid var(--border-light)!important}.el-card__body{padding:var(--spacing-large)!important}.el-tabs__item{font-size:var(--font-size-base)!important;font-weight:500!important}.el-tabs__item.is-active{color:var(--primary-color)!important}.el-tabs__active-bar{background-color:var(--primary-color)!important}.el-dialog{border-radius:var(--border-radius-base)!important}.el-dialog__header{border-bottom:1px solid var(--border-light)!important}.el-dialog__body,.el-dialog__footer,.el-dialog__header{padding:var(--spacing-large)!important}.el-dialog__footer{border-top:1px solid var(--border-light)!important}.el-message{min-width:300px!important}.el-message__content{font-size:var(--font-size-base)!important}.el-notification{border-radius:var(--border-radius-base)!important;box-shadow:var(--shadow-light)!important}.el-button--primary{background-color:var(--primary-color)!important;border-color:var(--primary-color)!important}.el-button--primary:hover{background-color:#66b1ff!important;border-color:#66b1ff!important}.el-button--success{background-color:var(--success-color)!important;border-color:var(--success-color)!important}.el-button--warning{background-color:var(--warning-color)!important;border-color:var(--warning-color)!important}.el-button--danger{background-color:var(--danger-color)!important;border-color:var(--danger-color)!important}.el-button--info{background-color:var(--info-color)!important;border-color:var(--info-color)!important}.el-input__inner{border-radius:var(--border-radius-base)!important}.el-date-editor .el-input__inner:focus,.el-input__inner:focus,.el-select .el-input__inner:focus{border-color:var(--primary-color)!important}.el-pagination.is-background .el-pager li:not(.disabled).active{background-color:var(--primary-color)!important}.el-pagination.is-background .el-pager li:hover{color:var(--primary-color)!important}.el-progress-bar__inner{background-color:var(--primary-color)!important}.el-tag{border-radius:12px!important}.el-tag.el-tag--success{background-color:rgba(103,194,58,.1)!important;border-color:rgba(103,194,58,.2)!important;color:var(--success-color)!important}.el-tag.el-tag--warning{background-color:rgba(230,162,60,.1)!important;border-color:rgba(230,162,60,.2)!important;color:var(--warning-color)!important}.el-tag.el-tag--danger{background-color:hsla(0,87%,69%,.1)!important;border-color:hsla(0,87%,69%,.2)!important;color:var(--danger-color)!important}.el-tag.el-tag--info{background-color:hsla(220,4%,58%,.1)!important;border-color:hsla(220,4%,58%,.2)!important;color:var(--info-color)!important}.el-steps .el-step__head.is-finish{border-color:var(--success-color)!important}.el-steps .el-step__head.is-finish,.el-steps .el-step__title.is-finish{color:var(--success-color)!important}@media screen and (max-width:1200px){.main-container{margin-left:64px}.sidebar-container{width:64px!important}}@media screen and (max-width:768px){.main-container{margin-left:0}.sidebar-container{transform:translateX(-100%)}.sidebar-container.mobile-open{transform:translateX(0);width:200px!important}.filter-container .el-col,.filter-container .el-row{margin-bottom:var(--spacing-small)}.page-container{padding:var(--spacing-medium)}.stats-card .stats-value{font-size:var(--font-size-large)}}:root{--primary-color:#6a1b9a;--primary-light:#9c4dcc;--primary-dark:#38006b;--sidebar-width:240px;--header-height:70px}.el-menu--vertical{border-right:none}.el-dropdown-menu__item--divided{border-top-color:#edf2f7}.el-badge__content{background-color:#f97316;border:2px solid #fff;font-size:10px;height:16px;line-height:12px;padding:0 4px}