body{color:#2c3e50}.login-container[data-v-495b4b2d]{display:flex;align-items:center;justify-content:center;height:100vh;background-color:#f5f7fa}.login-form[data-v-495b4b2d]{width:400px;padding:40px;background-color:#fff;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.login-title[data-v-495b4b2d]{text-align:center;margin-bottom:30px;color:#303133}.login-button[data-v-495b4b2d]{width:100%;height:40px;font-size:16px}:root{--primary-color:#409eff;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-color:#303133;--text-color-secondary:#606266;--border-color:#e4e7ed;--background-color:#f5f7fa;--card-background:#fff;--shadow:0 2px 12px 0 rgba(0,0,0,.1);--border-radius:4px;--transition:all 0.3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);background-color:var(--background-color)}#app{height:100vh;width:100%}.page-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text-color)}.el-card{border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:20px;transition:var(--transition)}.el-card:hover{box-shadow:0 4px 16px 0 rgba(0,0,0,.15)}.el-button{transition:var(--transition)}.el-button,.el-table{border-radius:var(--border-radius)}.el-table{overflow:hidden}.el-form-item{margin-bottom:16px}.pagination-container{margin-top:20px;display:flex;justify-content:flex-end}.search-form{margin-bottom:0}.search-header{display:flex;justify-content:space-between;align-items:center}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}@media screen and (max-width:768px){.search-header{flex-direction:column;align-items:flex-start}.search-form{width:100%;margin-bottom:16px}.el-form-item{margin-right:0;margin-bottom:12px}.el-table{font-size:12px}.el-table-column{min-width:80px}}