diff --git a/src/views/task/task-publish/components/TaskForm.vue b/src/views/task/task-publish/components/TaskForm.vue
index 024277a..0ede8cc 100644
--- a/src/views/task/task-publish/components/TaskForm.vue
+++ b/src/views/task/task-publish/components/TaskForm.vue
@@ -119,6 +119,34 @@ defineExpose({
 </script>
 
 <style scoped>
+.task-form {
+  padding: 16px;
+  border: 1px solid #e5e7eb;
+  border-radius: 4px;
+  margin-bottom: 16px;
+}
+
+.form-group {
+  margin-bottom: 16px;
+}
+
+label {
+  display: block;
+  margin-bottom: 8px;
+  font-weight: 500;
+}
+
+input, textarea, select {
+  width: 100%;
+  padding: 8px 12px;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+textarea {
+  resize: vertical;
+}
 /* 原有样式保持不变，新增以下样式 */
 .error-message {
   color: #ef4444;