Update index.html

index.html

@@ -15,8 +15,9 @@
             --input-border: #E1E7EF;  
             --text-primary: #1A202C;  
             --text-secondary: #626F86;  
-            --accent-primary: #D53F8C; /* رنگ جدید برای برند آلفا (صورتی/بنفش جذاب) */
-            --accent-glow: rgba(213, 63, 140, 0.2);  
+            /* بازگشت به تم آبی اصلی */
+            --accent-primary: #4A6CFA;  
+            --accent-glow: rgba(74, 108, 250, 0.2);  
             --success-color: #38A169;  
             --radius-card: 20px;  
             --radius-btn: 14px;  
@@ -57,7 +58,7 @@
         
         h1 { 
             font-size: 1.8rem; font-weight: 800; margin: 0; 
-            background: linear-gradient(90deg, #2d3748, var(--accent-primary)); 
+            background: linear-gradient(90deg, #2d3748, #4A6CFA); 
             -webkit-background-clip: text; -webkit-text-fill-color: transparent; 
         }  
         .subtitle { font-size: 0.9rem; color: var(--text-secondary); margin-top: 5px; }  
@@ -89,10 +90,10 @@
         textarea { min-height: 120px; resize: vertical; }
         textarea:focus, input:focus, select:focus { border-color: var(--accent-primary); background: #fff; }
 
-        /* استایل دکمه‌ها */
+        /* استایل دکمه‌ها - بازگشت به گرادینت آبی */
         .btn-main { 
             width: 100%; padding: 16px; 
-            background: linear-gradient(135deg, var(--accent-primary), #9F7AEA); 
+            background: linear-gradient(135deg, var(--accent-primary), #3b5bdb); 
             color: #fff; border: none; border-radius: var(--radius-btn); 
             font-size: 1.1rem; font-weight: 700; cursor: pointer; 
             display: flex; justify-content: center; align-items: center; gap: 10px;
@@ -163,7 +164,7 @@
         
         /* دکمه دانلود */
         #mainDownloadLink {
-            background-color: rgba(213, 63, 140, 0.1);
+            background-color: rgba(74, 108, 250, 0.1);
             color: var(--accent-primary);
             text-decoration: none;
             font-size: 0.9rem;
@@ -173,7 +174,7 @@
             transition: 0.2s;
             display: none;
         }
-        #mainDownloadLink:hover { background-color: rgba(213, 63, 140, 0.2); }
+        #mainDownloadLink:hover { background-color: rgba(74, 108, 250, 0.2); }
 
         .audio-item { margin-bottom: 10px; }
         audio { width: 100%; height: 45px; border-radius: 20px; margin-top: 5px; }
@@ -223,7 +224,6 @@
     <div class="container">
         <header>  
             <div class="logo-box">
-                <!-- آیکون جدید موسیقی -->
                 <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18V5l12-2v13"></path><circle cx="6" cy="18" r="3"></circle><circle cx="18" cy="16" r="3"></circle></svg>
             </div>
             <h1>استودیو موزیک آلفا</h1>  
@@ -312,12 +312,10 @@
     <script>
         const ACE_SPACE_URL = "https://ace-step-ace-step-v1-5.hf.space/";
         
-        // --- توابع کمکی ---
         const getVal = (id) => document.getElementById(id).value;
         const getNum = (id) => Number(document.getElementById(id).value);
         const getChk = (id) => document.getElementById(id).checked;
 
-        // المان‌ها
         const ideaInput = document.getElementById('ideaInput');
         const processBtn = document.getElementById('processBtn');
         const step1 = document.getElementById('step1');
@@ -328,7 +326,6 @@
         const finalLyricsBox = document.getElementById('finalLyricsBox');
         const mainDownloadLink = document.getElementById('mainDownloadLink');
 
-        // فعال‌سازی آکاردئون
         const acc = document.getElementsByClassName("accordion");
         for (let i = 0; i < acc.length; i++) {
             acc[i].addEventListener("click", function() {
@@ -342,17 +339,14 @@
             });
         }
 
-        // --- فرآیند اصلی: ساخت یک‌مرحله‌ای ---
         processBtn.addEventListener('click', async () => {
             if (!ideaInput.value.trim()) return alert("لطفا موضوع آهنگ را بنویسید");
             
-            // مخفی کردن فرم و نمایش لودر
             processBtn.disabled = true;
             step1.style.display = 'none';
             loader.style.display = 'block';
             
             try {
-                // 1. دریافت متن و پرامپت از Gemini
                 loaderText.innerText = "آلفا در حال نوشتن شعر و ملودی...";
                 
                 const response = await fetch('/api/refine', {
@@ -367,10 +361,8 @@
                 const lyrics = data.lyrics;
                 const musicPrompt = data.music_prompt;
 
-                // 2. ارسال مستقیم برای ساخت آهنگ (بدون توقف)
                 loaderText.innerText = "در حال ضبط آهنگ در استودیو آلفا (لطفاً صبر کنید)...";
                 
-                // آماده‌سازی محیط پخش
                 formatLyricsForDisplay(lyrics);
                 playerWrapper.innerHTML = ''; 
 
@@ -423,7 +415,7 @@
             } catch (e) {
                 alert("خطا: " + e.message);
                 loader.style.display = 'none';
-                step1.style.display = 'block'; // بازگشت به مرحله اول در صورت خطا
+                step1.style.display = 'block';
                 processBtn.disabled = false;
             }
         });
@@ -489,7 +481,7 @@
         function anim() {
             ctx.clearRect(0, 0, canvas.width, canvas.height);
             ctx.beginPath();
-            ctx.strokeStyle = "rgba(213, 63, 140, 0.1)"; // رنگ متناسب با تم آلفا
+            ctx.strokeStyle = "rgba(74, 108, 250, 0.1)"; // بازگشت به آبی
             ctx.lineWidth = 2;
             for(let i=0; i<canvas.width; i+=20) {
                 ctx.moveTo(i, 0);