fix: 修复面试评价页面UI和功能优化

- 重新设计面试评价三板块(专业能力、现场表现力、综合评价)的布局
- 移除专业能力和现场表现力图标的彩色背景框
- 删除综合评价板块的图标
- 修复评价内容字符串解析错误
- 优化三个评价板块的视觉样式和内容提取逻辑

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/components/Locked/index.css

@@ -11,8 +11,8 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: 320px;
-    height: 320px;
+    width: 200px;
+    height: 200px;
     background-image: url("https://ddcz-1315997005.cos.ap-nanjing.myqcloud.com/static/img/teach_sys_icon/recuVOrz2GnJdK.png");
     background-size: contain;
     background-position: center;
@@ -20,15 +20,19 @@
 
     > span {
       position: absolute;
-      bottom: -50px;
+      bottom: -60px;
       left: 50%;
       transform: translateX(-50%);
       width: 433px;
       height: 44px;
       text-align: center;
-      color: #1d2129;
-      font-size: 14px;
-      font-weight: 600;
+      color: #fff;
+      font-size: 16px;
+      font-weight: 500;
+      background-color: rgba(0, 0, 0, 0.6);
+      padding: 8px 16px;
+      border-radius: 4px;
+      white-space: nowrap;
     }
   }
 }

src/components/Locked/index.jsx

@@ -1,9 +1,31 @@
 import "./index.css";
 
-export default ({ text = "", className = "" }) => {
+export default ({ text = "", className = "", backgroundImage }) => {
   return (
-    <div className={`lock-wrapper ${className}`}>
-      <div className="lock">{text ? <span>{text}</span> : null}</div>
+    <div 
+      className={`lock-wrapper ${className}`}
+      style={backgroundImage ? {
+        backgroundImage: `url(${backgroundImage})`,
+        backgroundSize: 'cover',
+        backgroundPosition: 'center',
+        position: 'relative'
+      } : {}}
+    >
+      {backgroundImage && (
+        <div style={{
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backdropFilter: 'blur(20px)',
+          WebkitBackdropFilter: 'blur(20px)',
+          backgroundColor: 'rgba(0, 0, 0, 0.3)'
+        }} />
+      )}
+      <div className="lock" style={backgroundImage ? { position: 'relative', zIndex: 1 } : {}}>
+        {text ? <span>{text}</span> : null}
+      </div>
     </div>
   );
 };