Merge pull request #7 from JSREP/dev

优化挑战列表项UI布局，提升移动端和桌面端的信息呈现结构

Author: CC11001100

docs/TODO.md

@@ -1 +1,16 @@
-作者这个字段，是要能够自动补全的，单击输入的就要把平台上所有的作者都下拉展开（按照出现次数倒序排列），然后根据用户的输入自动筛选补全，当然用户也可以不选择已有的作者，选择输入新的作者都是可以的，下拉仅仅只是为了补全，减少用户输入的工作量
+作者这个字段，是要能够自动补全的，单击输入的就要把平台上所有的作者都下拉展开（按照出现次数倒序排列），然后根据用户的输入自动筛选补全，当然用户也可以不选择已有的作者，选择输入新的作者都是可以的，下拉仅仅只是为了补全，减少用户输入的工作量
+
+
+
+
+
+
+检查docs/challenges下所有的yaml文件：
+1. 如果缺少name_en或者name_en为空，则将name字段的值翻译为英文作为此字段的值；
+2. 
+
+
+
+
+
+

docs/challenges/Kasada.yml

@@ -0,0 +1,14 @@
+id: 110
+id-alias: Kasada
+platform: Web
+name: Kasada防护
+name_en: ""
+difficulty-level: 3
+description-markdown: Kasada防护
+base64-url: aHR0cHM6Ly93d3cua2FzYWRhLmlvL3Byb2R1Y3Qv
+is-expired: false
+tags:
+  - js-reverse
+solutions: []
+create-time: 2025-04-13 08:00:31
+update-time: 2025-04-13 08:00:31

docs/challenges/中国五矿集团有限公司供应链管理平台.yml

@@ -0,0 +1,14 @@
+id: 108
+id-alias: ""
+platform: Web
+name: 力哥爱英语开发者工具打开检测
+name_en: ""
+difficulty-level: 1
+description-markdown: 按F12和打开开发者工具之后都有防护
+base64-url: aHR0cHM6Ly9pZW5nbGlzaDUyMS5jb20v
+is-expired: false
+tags:
+  - js-reverse
+solutions: []
+create-time: 2025-04-13 07:45:34
+update-time: 2025-04-13 07:45:34

docs/challenges/佛冈通请求头x-itouchtv-ca-key加密.yml

@@ -0,0 +1,21 @@
+id: 106
+id-alias: ""
+platform: Web
+name: 商丘市教育体育局鼠标移动设置Cookie
+name_en: ""
+difficulty-level: 1
+description-markdown: |+
+  
+  第一次访问网站的时候，让移动鼠标，移动鼠标的时候会设置cookie。
+
+  如果不是第一次访问，隐身模式访问即可。
+
+
+
+base64-url: aHR0cHM6Ly9qeXR5ai5zaGFuZ3FpdS5nb3YuY24vendnay9mZHpkZ2tuci96ZmNnMzFzcXNqeXR5ai96YmdnMzFzcXNqeXR5ag==
+is-expired: false
+tags:
+  - js-reverse
+solutions: []
+create-time: 2025-04-13 07:29:54
+update-time: 2025-04-13 07:29:54

docs/challenges/力哥爱英语开发者工具打开检测.yml

@@ -15,6 +15,7 @@
   "dependencies": {
     "@ant-design/icons": "^5.6.1",
     "@types/markdown-it": "^14.1.2",
+    "@types/react-responsive": "^8.0.8",
     "antd": "^5.16.4",
     "fuse.js": "^7.1.0",
     "i18next": "^24.2.2",
@@ -26,6 +27,7 @@
     "react-i18next": "^15.4.1",
     "react-markdown": "^10.1.0",
     "react-markdown-editor-lite": "^1.3.4",
+    "react-responsive": "^10.0.1",
     "react-router-dom": "^6.23.1",
     "react-syntax-highlighter": "^15.6.1",
     "rehype-raw": "^7.0.0",

docs/challenges/商丘市教育体育局鼠标移动设置Cookie.yml

@@ -92,3 +92,44 @@
 .read-the-docs {
   color: #888;
 }
+
+/* 移动端响应式样式 */
+@media (max-width: 768px) {
+  /* 导航栏调整 */
+  .navbar-container {
+    width: 100%;
+    padding: 0 16px;
+  }
+
+  /* 移动端内容区域调整 */
+  .content-wrapper {
+    padding: 10px 0 !important;
+  }
+
+  /* 移动端卡片样式调整 */
+  .ant-card {
+    border-radius: 8px;
+  }
+
+  /* 移动端表格调整 */
+  .ant-table {
+    font-size: 12px;
+  }
+
+  /* 移动端表单样式 */
+  .ant-form-item-label {
+    padding-bottom: 4px;
+  }
+
+  /* 移动端按钮样式 */
+  .ant-btn {
+    font-size: 14px;
+    height: 32px;
+    padding: 0 15px;
+  }
+
+  /* 防止溢出 */
+  .mobile-container {
+    overflow-x: hidden;
+  }
+}