feat(i18n): 优化国际化文案并调整 UI 样式

- 修改系统重置文案为清除最近对话
- 优化历史记录列表样式，增加截断显示
- 调整卡片阴影样式
- 在头部增加收藏、分享和消息的 Tooltip 提示

src/assets/locale/zh/settings.json

@@ -88,7 +88,7 @@
     "system": {
       "heading": "系统设置",
       "deleteChatHistory": {
-        "label": "系统重置",
+        "label": "清除最近对话",
         "button": "全部重置",
         "confirm": "您确定要执行系统重置吗？这将清除所有数据且无法撤消。"
       },

src/components/Common/Playground/History.tsx

@@ -73,11 +73,11 @@ export const PlaygroundHistory = () => {
           return {
             key: item.id,
             label: (
-              <div className="flex items-center gap-2">
+              <div className="flex items-center gap-2 truncate w-full">
                 <p className="w-5 h-5 [&_.ant-avatar]:!w-full [&_.ant-avatar]:!h-full [&_.ant-avatar]:relative [&_.ant-avatar]:-top-3">
                   {item.icon}
                 </p>
-                <span title={item.title}>{item.title}</span>
+                <span className="flex-1 truncate" title={item.title}>{item.title}</span>
               </div>
             )
           }

src/components/Common/Playground/IodRelevant.tsx

@@ -350,7 +350,7 @@ export const PlaygroundIodRelevant: React.FC<Props> = ({ className }) => {
     <Card
       hoverable
       variant="outlined"
-      className={`${className} translate-y-[-2px] !bg-[#d0e6ff] !shadow-md`}>
+      className={`${className} translate-y-[-2px] !bg-[#d0e6ff] shadow-md`}>
       <div className="h-full flex flex-col relative">
         {/* 花瓣效果 */}
         <div

src/components/Layouts/Header.tsx

@@ -118,28 +118,35 @@ export const Header: React.FC<Props> = ({ setOpenModelSettings }) => {
       </div>
       {/*设置框*/}
       <div className="flex items-center gap-1 ml-auto pr-5">
+        <Tooltip title="收藏">
           {collect ? (
-            <Button color="default" variant="text" className="!px-[5px]"  onClick={() => setCollect(false)}>
+            <Button
-              <CollectIcon
+              color="default"
-                className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer"
+              variant="text"
-              />
+              className="!px-[5px]"
+              onClick={() => setCollect(false)}>
+              <CollectIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
             </Button>
-
           ) : (
-          <Button color="default" variant="text" className="!px-[5px]"  onClick={() => setCollect(true)}>
+            <Button
-            <NotCollectIcon
+              color="default"
-              className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer"
+              variant="text"
-            />
+              className="!px-[5px]"
+              onClick={() => setCollect(true)}>
+              <NotCollectIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
             </Button>
-
           )}
+        </Tooltip>
+        <Tooltip title="分享">
           <Button color="default" variant="text" className="!px-[5px]">
             <ShareIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
           </Button>
-
+        </Tooltip>
+        <Tooltip title="消息">
           <Button color="default" variant="text" className="!px-[5px]">
             <BellIcon className="!text-gray-500 dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors w-5 h-5 cursor-pointer" />
           </Button>
+        </Tooltip>
 
         <Tooltip title={t("settings")}>
           <NavLink to="/settings">

src/components/Option/Playground/PlaygroundIod.tsx

@@ -111,7 +111,7 @@ const PlaygroundContent = () => {
           className="h-full grid grid-rows-12 gap-3">
           <div className="w-full row-span-5">
             <PlaygroundIodRelevant
-              className={classNames.replace("!bg-[rgba(240,245,255,0.3)]", "")}
+              className={classNames.replace("!bg-[rgba(240,245,255,0.3)]", "").replace("shadow-xl", "")}
             />
           </div>
           <div className="w-full row-span-4 grid grid-cols-2 gap-3 custom-scrollbar">