Update index.html

index.html

@@ -115,10 +115,8 @@
             <div class="p-6 border-b border-slate-100 bg-slate-50">
                 <div class="flex justify-between items-center mb-2">
                     <h1 class="text-2xl font-bold text-indigo-600 flex items-center gap-2">
-                        <!-- Magic Wand Icon (SVG) -->
-                        <svg viewBox="0 0 512 512" class="w-8 h-8 fill-current">
-                            <path d="M447.4 9.4c-9.4-9.4-24.6-9.4-33.9 0l-80 80c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l80-80c9.4-9.4 9.4-24.6 0-33.9zM368 224c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm64-96c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zm-64 96c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zM96 192c-17.7 0-32 14.3-32 32s14.3 32 32 32 32-14.3 32-32-14.3-32-32-32zM0 224c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zM64 64c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm0 384c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm256 32c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm-64-96c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm-96-32c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm336-32c0-17.7 14.3-32 32-32s32 14.3 32 32-14.3 32-32 32-32-14.3-32-32zm-136.6 20.7c-9.4-9.4-24.6-9.4-33.9 0L19.4 430.6c-9.4 9.4-9.4 24.6 0 33.9l62.1 62.1c9.4 9.4 24.6 9.4 33.9 0l229.3-229.3c9.4-9.4 9.4-24.6 0-33.9l-62.1-62.1z"/>
-                        </svg>
+                        <!-- Top Hat Icon U+1F3A9 -->
+                        <span class="text-3xl">🎩</span>
                         摺紙魔術設計師
                     </h1>
                 </div>
@@ -446,7 +444,7 @@
                                     class="grid-cell relative border border-slate-300"
                                 >
                                     <div class="rotation-wrapper" :style="{ transform: `rotate(${cell.rotation}deg)` }">
-                                        <span v-if="cell.type === 'text'" class="text-2xl font-bold cell-text" :style="{ color: cell.color }">{{ cell.content }}</span>
+                                        <span v-if="cell.type === 'text'" class="text-4xl font-bold cell-text" :style="{ color: cell.color }">{{ cell.content }}</span>
                                         
                                         <!-- Render Icon: Emoji -->
                                         <span v-if="cell.type === 'icon'" class="text-3xl leading-none select-none">{{ icons[cell.content] }}</span>
@@ -493,12 +491,12 @@
                                 :class="{ 'ring-4 ring-indigo-500 ring-inset z-20': selectedCellIndex === index }"
                             >
                                 <div class="rotation-wrapper pointer-events-none" :style="{ transform: `rotate(${cell.rotation}deg)` }">
-                                    <span v-if="cell.type === 'text'" class="text-4xl md:text-5xl font-bold cell-text block" :style="{ color: cell.color }">
+                                    <span v-if="cell.type === 'text'" class="text-5xl md:text-7xl font-bold cell-text block" :style="{ color: cell.color }">
                                         {{ cell.content }}
                                     </span>
                                     
                                     <!-- Render Icon: Emoji -->
-                                    <span v-if="cell.type === 'icon'" class="text-4xl md:text-5xl leading-none select-none">{{ icons[cell.content] }}</span>
+                                    <span v-if="cell.type === 'icon'" class="text-5xl md:text-7xl leading-none select-none">{{ icons[cell.content] }}</span>
 
                                     <!-- Image Renderer -->
                                     <img v-if="cell.type === 'image'" :src="cell.content" class="w-4/5 h-4/5 object-contain">
@@ -1003,7 +1001,7 @@
                 textNode.setAttribute("fill", color);
                 textNode.setAttribute("font-family", fontFamily);
                 textNode.setAttribute("font-weight", fontWeight);
-                textNode.setAttribute("font-size", "45"); 
+                textNode.setAttribute("font-size", "60"); 
                 textNode.textContent = content;
 
                 svg.appendChild(textNode);