*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}:root{--primary-color: #409eff;--primary-light: #79bbff;--primary-lighter: #a0cfff;--primary-dark: #337ecc;--success-color: #67c23a;--success-light: #95d475;--success-lighter: #b3e19d;--warning-color: #e6a23c;--warning-light: #eebe77;--warning-lighter: #f3d19e;--danger-color: #f56c6c;--danger-light: #f89898;--danger-lighter: #fab6b6;--info-color: #909399;--info-light: #b1b3b8;--info-lighter: #c8c9cc;--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-color: #ffffff;--bg-page: #f0f2f5;--bg-overlay: rgba(0, 0, 0, .5);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .04);--shadow-base: 0 2px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .15);--radius-sm: 2px;--radius-base: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-round: 50%;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--font-xs: 12px;--font-sm: 13px;--font-base: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 20px;--font-3xl: 24px;--transition-fast: .15s;--transition-base: .3s;--transition-slow: .5s}.page-container{padding:var(--space-2xl);min-height:100%}.card-enhanced{border-radius:var(--radius-lg);box-shadow:var(--shadow-base);transition:all var(--transition-base);overflow:hidden;background:#fff;border:1px solid #e4e7ed}.card-enhanced:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-lighter);background:linear-gradient(135deg,#667eea,#764ba2)}.card-header-title{font-size:var(--font-xl);font-weight:600;color:#fff;display:flex;align-items:center;gap:var(--space-sm);text-shadow:0 2px 4px rgba(0,0,0,.1)}.card-header-actions{display:flex;gap:var(--space-sm)}.search-form{padding:var(--space-xl);background:linear-gradient(to bottom,#f8f9fa,#e9ecef);border-radius:var(--radius-base);margin-bottom:var(--space-xl);border:1px solid #e4e7ed}.search-form .el-form-item{margin-bottom:var(--space-md)}.search-form .el-input{min-width:160px}.search-form .el-select{min-width:140px}.search-form .el-date-picker{min-width:240px}.search-actions{display:flex;gap:var(--space-sm)}.table-container{background:#fff;border-radius:var(--radius-base);overflow:hidden}.el-table{font-size:var(--font-sm)}.el-table th{background:#fafafa!important;color:var(--text-regular);font-weight:600}.el-table tr:hover{background:#f5f7fa}.el-table__row{transition:background var(--transition-fast)}.pagination-container{display:flex;justify-content:flex-end;padding:var(--space-xl) 0;margin-top:var(--space-lg)}.action-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.action-buttons .el-button{margin:0}.el-tag{border-radius:var(--radius-base);padding:2px 10px;font-size:var(--font-xs)}.el-dialog{border-radius:var(--radius-lg);overflow:hidden}.el-dialog__header{background:linear-gradient(to bottom,#fff,#fafafa);border-bottom:1px solid var(--border-lighter);padding:var(--space-xl)}.el-dialog__title{font-size:var(--font-xl);font-weight:600;color:var(--text-primary)}.el-dialog__body{padding:var(--space-xl)}.el-dialog__footer{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border-lighter)}.form-enhanced .el-form-item__label{font-weight:500;color:var(--text-regular)}.form-enhanced .el-input__inner,.form-enhanced .el-textarea__inner{border-radius:var(--radius-base);transition:all var(--transition-fast)}.form-enhanced .el-input__inner:focus,.form-enhanced .el-textarea__inner:focus{box-shadow:0 0 0 2px #409eff1a}.empty-state{text-align:center;padding:var(--space-3xl) 0;color:var(--text-secondary)}.empty-state-icon{font-size:64px;color:var(--text-placeholder);margin-bottom:var(--space-lg)}.empty-state-text{font-size:var(--font-base);color:var(--text-secondary)}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.expand-content{padding:var(--space-xl);background:#fafafa;border-radius:var(--radius-base);margin:var(--space-md)}.expand-content .info-row{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-lighter)}.expand-content .info-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.expand-content .label{font-weight:600;min-width:100px;color:var(--text-regular);flex-shrink:0}.expand-content pre{background:#fff;padding:var(--space-md);border-radius:var(--radius-base);border:1px solid var(--border-light);margin:0;font-size:var(--font-xs);line-height:1.6;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace}@media (max-width: 768px){.page-container,.search-form{padding:var(--space-lg)}.card-header{flex-direction:column;gap:var(--space-md);align-items:flex-start}.expand-content .info-row{flex-direction:column;gap:var(--space-xs)}.expand-content .label{min-width:auto}}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-base)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-fade-enter-active{transition:all var(--transition-base) ease}.slide-fade-leave-active{transition:all var(--transition-base) cubic-bezier(1,.5,.8,1)}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(-10px);opacity:0}