🎨 style(ui): Optimize icon adaptation

web/src/components/ModelPricing.js

@@ -24,9 +24,10 @@ import {
   IconSearch,
   IconCopy,
   IconInfoCircle,
+  IconCrown,
 } from '@douyinfe/semi-icons';
 import { UserContext } from '../context/User/index.js';
-import { Settings, AlertCircle } from 'lucide-react';
+import { AlertCircle } from 'lucide-react';
 import { MODEL_CATEGORIES } from '../constants';
 
 const ModelPricing = () => {
@@ -507,7 +508,7 @@ const ModelPricing = () => {
                     <div className="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-4 lg:gap-6">
                       <div className="flex items-start">
                         <div className="w-10 h-10 sm:w-12 sm:h-12 rounded-xl bg-white/10 flex items-center justify-center mr-3 sm:mr-4">
-                          <Settings size={20} className="text-white" />
+                          <IconCrown size="large" className="text-white" />
                         </div>
                         <div className="flex-1 min-w-0">
                           <div className="text-base sm:text-lg font-semibold mb-1 sm:mb-2">

web/src/components/SiderBar.js

@@ -18,7 +18,7 @@ import {
   IconCalendarClock,
   IconChecklistStroked,
   IconComment,
-  IconCommentStroked,
+  IconTerminal,
   IconCreditCard,
   IconGift,
   IconHelpCircle,
@@ -252,7 +252,7 @@ const SiderBar = () => {
         text: 'Playground',
         itemKey: 'playground',
         to: '/playground',
-        icon: <IconCommentStroked />,
+        icon: <IconTerminal />,
       },
       {
         text: t('聊天'),