feat:重构按钮和icon组件

stitch-ui/letterTracing/code.html

@@ -117,9 +117,6 @@
 </button>
 <h1 class="font-bold tracking-tight text-[#6c5a00] dark:text-[#ffd709] text-xl">英语字母描红</h1>
 </div>
-<button class="text-[#6c5a00] dark:text-[#ffd709] hover:bg-[#f0e7d6] dark:hover:bg-[#4a453a] rounded-full p-2 transition-colors active:scale-95">
-<span class="material-symbols-outlined">favorite</span>
-</button>
 </header>
 <main class="pt-24 px-6 max-w-2xl mx-auto space-y-8">
 <!-- A4 Preview Area -->
@@ -155,7 +152,9 @@
 <div class="absolute bottom-4 right-4 bg-primary-container text-on-primary-container p-3 rounded-full shadow-md">
 <span class="material-symbols-outlined">zoom_in</span>
 </div>
-</section>
+<button class="absolute top-4 right-4 bg-white/90 backdrop-blur-sm text-red-500 p-2 rounded-full shadow-lg flex items-center justify-center transition-transform active:scale-95 z-10">
+<span class="material-symbols-outlined" style="font-variation-settings: 'FILL' 1;">favorite</span>
+</button></section>
 <!-- Parameters Setting Panel -->
 <section class="bg-surface-container rounded-xl p-6 space-y-6">
 <div class="flex items-center gap-2">