diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 363f33c51ccd6c322a73335276db24af8c6c433a..271b76a621d3edc3c0fa2cc22acdbaee1f5fa221 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -56,11 +56,96 @@ function processData(data: any) {
 }
 ```
 
+#### ESLint 规范
+
+- 使用项目配置的 ESLint 规则
+- 在提交代码前运行 ESLint 检查
+- 修复所有 ESLint 错误和警告
+
+```typescript
+// ESLint 配置示例
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    node: true,
+  },
+  extends: [
+    "plugin:vue/vue3-recommended",
+    "plugin:@typescript-eslint/recommended",
+    "@vue/typescript/recommended",
+    "prettier",
+  ],
+  parser: "vue-eslint-parser",
+  parserOptions: {
+    ecmaVersion: 2022,
+    parser: "@typescript-eslint/parser",
+    sourceType: "module",
+  },
+  rules: {
+    // Vue 3 规则
+    "vue/script-setup-uses-vars": "error",
+    "vue/no-unused-vars": "error",
+    "vue/multi-word-component-names": "error",
+    "vue/component-tags-order": [
+      "error",
+      {
+        order: ["script", "template", "style"],
+      },
+    ],
+
+    // TypeScript 规则
+    "@typescript-eslint/explicit-function-return-type": "off",
+    "@typescript-eslint/no-explicit-any": "error",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        argsIgnorePattern: "^_",
+        varsIgnorePattern: "^_",
+      },
+    ],
+
+    // 通用规则
+    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    "prefer-const": "error",
+    "no-var": "error",
+    eqeqeq: ["error", "always"],
+  },
+};
+```
+
+常见 ESLint 规则说明：
+
+- `vue/script-setup-uses-vars`: 确保 `<script setup>` 中声明的变量在模板中使用
+- `vue/multi-word-component-names`: 组件名必须是多个单词
+- `@typescript-eslint/no-explicit-any`: 禁止使用 `any` 类型
+- `prefer-const`: 优先使用 `const` 声明变量
+- `eqeqeq`: 强制使用 `===` 和 `!==`
+
+代码示例：
+
+```typescript
+// ✅ 好的实践
+const calculateAverage = (numbers: number[]): number => {
+  const sum = numbers.reduce((acc, curr) => acc + curr, 0);
+  return sum / numbers.length;
+};
+
+// ❌ 避免这样做
+var calculateSum = function (nums) {
+  let sum = 0;
+  for (var i = 0; i < nums.length; i++) {
+    if (nums[i] == null) continue; // 使用 == 而不是 ===
+    sum = sum + nums[i];
+  }
+  return sum;
+};
+```
+
 #### Vue 组件规范
 
 - 使用 `<script setup lang="ts">` 语法
-- 组件名使用 PascalCase
-- props 和 emits 必须定义类型
 - 使用组合式 API
 - 提供必要的注释说明
 
@@ -82,18 +167,51 @@ const emit = defineEmits<{
 
 #### 样式规范
 
-- 推荐使用 Tailwind CSS 类名
+- 使用语义化的 CSS 类名
 - 遵循响应式设计
 - 避免使用行内样式
 
 ```vue
 <!-- 推荐 -->
 <template>
-  <div class="p-4 md:p-6 lg:p-8 bg-white rounded-lg shadow-sm">
-    <h2 class="text-lg md:text-xl font-semibold text-gray-900">{{ title }}</h2>
+  <div class="content-card">
+    <h2 class="content-title">{{ title }}</h2>
   </div>
 </template>
 
+<style>
+.content-card {
+  padding: 1rem;
+  background-color: white;
+  border-radius: 0.5rem;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+@media (min-width: 768px) {
+  .content-card {
+    padding: 1.5rem;
+  }
+}
+
+@media (min-width: 1024px) {
+  .content-card {
+    padding: 2rem;
+  }
+}
+
+.content-title {
+  font-size: 1.125rem;
+  font-weight: 600;
+  color: #111827;
+}
+
+@media (min-width: 768px) {
+  .content-title {
+    font-size: 1.25rem;
+  }
+}
+</style>
+
 <!-- 避免 -->
 <template>
   <div style="padding: 1rem; background-color: white;">
diff --git a/README.md b/README.md
index 25fd736e83b55b40a9821ebf039eb3b7c39f7348..66f8edfd618b39f806a83f838832a903dca05ff0 100644
--- a/README.md
+++ b/README.md
@@ -202,3 +202,4 @@ physics-lab-platform/
 ## 致谢
 
 感谢所有贡献者对项目的支持！
+加u人我们
\ No newline at end of file