更新题目yml文件和主页组件

Author: CC11001100

docs/challenges/jsjiami JS最牛加密-V7.yml

@@ -41,9 +41,8 @@ challenges:
       特点：多种验证方式结合，设备指纹识别与行为分析相结合。
       
       破解难点：需要绕过多层验证机制，处理动态变化的验证逻辑。
-    
-    # 挑战目标网站URL的base64编码
-    base64-url: aHR0cHM6Ly9kLnlpZHVuLmNvbS8=
+      
+    base64-url: aHR0cHM6Ly9kdW4uMTYzLmNvbS8=
 
     # 链接有效性状态（布尔值）
     # 标记挑战链接是否失效，true表示已失效

docs/challenges/sojson加密结果逆向.yml

@@ -24,9 +24,9 @@ const { Title, Text, Paragraph } = Typography;
 interface HeroSectionProps {
   challenges: number;
   difficultyCounts: {
-    easy: number;
-    medium: number;
-    hard: number;
+    beginner: number;
+    intermediate: number;
+    advanced: number;
   };
   animatedStats: boolean;
 }
@@ -40,10 +40,10 @@ const HeroSection: React.FC<HeroSectionProps> = ({ challenges, difficultyCounts,
   const isMobile = useMediaQuery({ maxWidth: 768 });
 
   // 计算每个难度级别的百分比
-  const total = difficultyCounts.easy + difficultyCounts.medium + difficultyCounts.hard || 1;
-  const easyPercent = Math.round((difficultyCounts.easy / total) * 100);
-  const mediumPercent = Math.round((difficultyCounts.medium / total) * 100);
-  const hardPercent = Math.round((difficultyCounts.hard / total) * 100);
+  const total = difficultyCounts.beginner + difficultyCounts.intermediate + difficultyCounts.advanced || 1;
+  const beginnerPercent = Math.round((difficultyCounts.beginner / total) * 100);
+  const intermediatePercent = Math.round((difficultyCounts.intermediate / total) * 100);
+  const advancedPercent = Math.round((difficultyCounts.advanced / total) * 100);
 
   // 难度级别卡片样式
   const difficultyCardStyle = {
@@ -174,7 +174,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({ challenges, difficultyCounts,
                 <Row gutter={[isMobile ? 8 : 16, isMobile ? 8 : 16]}>
                   {/* 初级难度 */}
                   <Col span={24} sm={8}>
-                    <Tooltip title={`${easyPercent}% ${t('home.hero.stats.ofTotal')}`}>
+                    <Tooltip title={`${beginnerPercent}% ${t('home.hero.stats.ofTotal')}`}>
                       <div 
                         style={{ 
                           ...difficultyCardStyle,
@@ -200,10 +200,10 @@ const HeroSection: React.FC<HeroSectionProps> = ({ challenges, difficultyCounts,
                           marginBottom: '8px',
                           textShadow: '0 0 10px rgba(82, 196, 26, 0.4)'
                         }}>
-                          {difficultyCounts.easy}
+                          {difficultyCounts.beginner}
                         </div>
                         <Progress 
-                          percent={easyPercent} 
+                          percent={beginnerPercent} 
                           showInfo={false}
                           strokeColor="#52c41a"
                           trailColor="rgba(255,255,255,0.1)"
@@ -215,7 +215,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({ challenges, difficultyCounts,
 
                   {/* 中级难度 */}
                   <Col span={24} sm={8}>
-                    <Tooltip title={`${mediumPercent}% ${t('home.hero.stats.ofTotal')}`}>
+                    <Tooltip title={`${intermediatePercent}% ${t('home.hero.stats.ofTotal')}`}>
                       <div 
                         style={{ 
                           ...difficultyCardStyle,
@@ -241,10 +241,10 @@ const HeroSection: React.FC<HeroSectionProps> = ({ challenges, difficultyCounts,
                           marginBottom: '8px',
                           textShadow: '0 0 10px rgba(250, 173, 20, 0.4)'
                         }}>
-                          {difficultyCounts.medium}
+                          {difficultyCounts.intermediate}
                         </div>
                         <Progress 
-                          percent={mediumPercent} 
+                          percent={intermediatePercent} 
                           showInfo={false}
                           strokeColor="#faad14"
                           trailColor="rgba(255,255,255,0.1)"
@@ -256,7 +256,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({ challenges, difficultyCounts,
 
                   {/* 高级难度 */}
                   <Col span={24} sm={8}>
-                    <Tooltip title={`${hardPercent}% ${t('home.hero.stats.ofTotal')}`}>
+                    <Tooltip title={`${advancedPercent}% ${t('home.hero.stats.ofTotal')}`}>
                       <div 
                         style={{ 
                           ...difficultyCardStyle,
@@ -282,10 +282,10 @@ const HeroSection: React.FC<HeroSectionProps> = ({ challenges, difficultyCounts,
                           marginBottom: '8px',
                           textShadow: '0 0 10px rgba(245, 34, 45, 0.4)'
                         }}>
-                          {difficultyCounts.hard}
+                          {difficultyCounts.advanced}
                         </div>
                         <Progress 
-                          percent={hardPercent} 
+                          percent={advancedPercent} 
                           showInfo={false}
                           strokeColor="#f5222d"
                           trailColor="rgba(255,255,255,0.1)"

docs/challenges/微店登录参数分析.yml

@@ -8,16 +8,22 @@ import { pageContainerStyle, animationStyles } from './styles';
 import { useMediaQuery } from 'react-responsive';
 
 // 获取不同难度的挑战数量
-const getDifficultyCounts = () => {
-  const counts = { easy: 0, medium: 0, hard: 0 };
-  challenges.forEach(challenge => {
-    // 匹配新的难度分类:
-    // easy: 1星, medium: 2-3星, hard: 4-5星
-    if (challenge.difficulty === 1) counts.easy++;
-    else if (challenge.difficulty === 2 || challenge.difficulty === 3) counts.medium++;
-    else if (challenge.difficulty >= 4) counts.hard++;
-  });
-  return counts;
+const getDifficultyCounts = (challenges: Challenge[]) => {
+    let beginner = 0;
+    let intermediate = 0;
+    let advanced = 0;
+
+    challenges.forEach(challenge => {
+        if (challenge.difficulty === 1) {
+            beginner++;
+        } else if (challenge.difficulty >= 2 && challenge.difficulty <= 3) {
+            intermediate++;
+        } else if (challenge.difficulty >= 4) {
+            advanced++;
+        }
+    });
+
+    return { beginner, intermediate, advanced };
 };
 
 /**
@@ -27,7 +33,7 @@ const getDifficultyCounts = () => {
 const HomePage = () => {
   const [animatedStats, setAnimatedStats] = useState(false);
   const navigate = useNavigate();
-  const difficultyCounts = getDifficultyCounts();
+  const difficultyCounts = getDifficultyCounts(challenges);
   const isMobile = useMediaQuery({ maxWidth: 768 });
 
   // 获取最新的3个挑战