🎨 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">