From bcd47d93e7b31c44eeb6d39fdeb873b042206734 Mon Sep 17 00:00:00 2001
From: dal4segno <dal4segno@gmail.com>
Date: Mon, 31 Aug 2026 14:03:50 +0900
Subject: [PATCH] feat: add feedback form links

---
 offline/OfflineApp.svelte | 16 ++++++++++++++++
 src/routes/+layout.svelte | 16 ++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/offline/OfflineApp.svelte b/offline/OfflineApp.svelte
index 0234a1a..133b60f 100644
--- a/offline/OfflineApp.svelte
+++ b/offline/OfflineApp.svelte
@@ -78,6 +78,20 @@
       <a href="#/combination" aria-current={currentPath.startsWith('/combination') ? 'page' : undefined}>조합 탐색</a>
       {#if showEventTab}<a href="#/event" aria-current={currentPath.startsWith('/event') ? 'page' : undefined}>이벤트 Pt</a>{/if}
       <a href="#/data" aria-current={currentPath.startsWith('/data') ? 'page' : undefined}>사용자 데이터</a>
+      <a
+        class="feedback-link"
+        href="https://docs.google.com/forms/d/1z9c0c1crbCO6avXaYwrHZjhw2ib3zgAmW4ijJDTo4DM"
+        target="_blank"
+        rel="noreferrer"
+        aria-label="버그 제보 Google 폼을 새 탭에서 열기"
+      >버그 제보 <span aria-hidden="true">↗</span></a>
+      <a
+        class="feedback-link"
+        href="https://docs.google.com/forms/d/16NcTst7Rpa9XzqYIfPa4t9JF2X0CMfYzEbZrT8PLqco"
+        target="_blank"
+        rel="noreferrer"
+        aria-label="기능 건의 Google 폼을 새 탭에서 열기"
+      >기능 건의 <span aria-hidden="true">↗</span></a>
       <a
         class="report-link"
         href="https://docs.google.com/forms/d/1bShzsxNN-iTk0uU3RfMfmLkYXYmUTmIWMmCtQmfl_Ik"
@@ -136,6 +150,8 @@
   }
   nav a:hover { color: #e2e6ed; background: rgb(255 255 255 / 5%); }
   nav a[aria-current='page'] { color: #f1a1c3; background: rgb(239 139 182 / 12%); }
+  .feedback-link { border: 1px solid #9f5877; color: #edb8cf; background: linear-gradient(135deg, #482c39, #38232e); box-shadow: 0 0 12px rgb(175 91 128 / 10%); }
+  .feedback-link:hover { color: #f6d5e3; background: linear-gradient(135deg, #583444, #472a37); box-shadow: 0 0 16px rgb(175 91 128 / 18%); }
   .report-link { flex: 0 0 auto; padding: 8px 12px; border: 1px solid #ef8bb6; border-radius: 9px; color: #21121a; background: linear-gradient(135deg, #f3a3c5, #e77ead); box-shadow: 0 0 18px rgb(239 139 182 / 18%); font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap; }
   .report-link:hover { color: #160d12; background: linear-gradient(135deg, #f8bad3, #ee94ba); box-shadow: 0 0 22px rgb(239 139 182 / 30%); }
   .report-link span { margin-left: 2px; font-size: 11px; }
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index cc53797..dcc7133 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -34,6 +34,20 @@
       <a href="/combination" aria-current={$page.url.pathname.startsWith('/combination') ? 'page' : undefined}>조합 탐색</a>
       {#if showEventTab}<a href="/event" aria-current={$page.url.pathname.startsWith('/event') ? 'page' : undefined}>이벤트 Pt</a>{/if}
       <a href="/data" aria-current={$page.url.pathname.startsWith('/data') ? 'page' : undefined}>사용자 데이터</a>
+      <a
+        class="feedback-link"
+        href="https://docs.google.com/forms/d/1z9c0c1crbCO6avXaYwrHZjhw2ib3zgAmW4ijJDTo4DM"
+        target="_blank"
+        rel="noreferrer"
+        aria-label="버그 제보 Google 폼을 새 탭에서 열기"
+      >버그 제보 <span aria-hidden="true">↗</span></a>
+      <a
+        class="feedback-link"
+        href="https://docs.google.com/forms/d/16NcTst7Rpa9XzqYIfPa4t9JF2X0CMfYzEbZrT8PLqco"
+        target="_blank"
+        rel="noreferrer"
+        aria-label="기능 건의 Google 폼을 새 탭에서 열기"
+      >기능 건의 <span aria-hidden="true">↗</span></a>
       <a
         class="report-link"
         href="https://docs.google.com/forms/d/1bShzsxNN-iTk0uU3RfMfmLkYXYmUTmIWMmCtQmfl_Ik"
@@ -94,6 +108,8 @@
 
   nav a:hover { color: #e2e6ed; background: rgb(255 255 255 / 5%); }
   nav a[aria-current='page'] { color: #f1a1c3; background: rgb(239 139 182 / 12%); }
+  .feedback-link { border: 1px solid #9f5877; color: #edb8cf; background: linear-gradient(135deg, #482c39, #38232e); box-shadow: 0 0 12px rgb(175 91 128 / 10%); }
+  .feedback-link:hover { color: #f6d5e3; background: linear-gradient(135deg, #583444, #472a37); box-shadow: 0 0 16px rgb(175 91 128 / 18%); }
   .report-link { flex: 0 0 auto; padding: 8px 12px; border: 1px solid #ef8bb6; border-radius: 9px; color: #21121a; background: linear-gradient(135deg, #f3a3c5, #e77ead); box-shadow: 0 0 18px rgb(239 139 182 / 18%); font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap; }
   .report-link:hover { color: #160d12; background: linear-gradient(135deg, #f8bad3, #ee94ba); box-shadow: 0 0 22px rgb(239 139 182 / 30%); }
   .report-link span { margin-left: 2px; font-size: 11px; }