style(admin-web): apply blurred-backdrop cover treatment to KOL cards

Switch KOL package, template, and workspace card covers from object-fit
cover to a blurred backdrop with a contained foreground image so non-16:9
artwork no longer crops awkwardly. Also restyle the package detail back
button, swap the generate-button copy for the canonical key, and rename
"prompts" counts to "refined templates" in i18n.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

apps/admin-web/src/components/kol/KolPackageCard.vue

@@ -25,7 +25,7 @@ function handleClick() {
 <template>
   <a-card hoverable class="kol-package-card" @click="handleClick">
     <template #cover>
-      <div v-if="coverUrl" class="card-cover-image">
+      <div v-if="coverUrl" class="card-cover-image" :style="{ backgroundImage: `url(${coverUrl})` }">
         <img alt="cover" :src="coverUrl" />
       </div>
       <div v-else class="card-cover-fallback">
@@ -82,18 +82,47 @@ function handleClick() {
 }
 
 .card-cover-image {
-  height: 160px;
+  aspect-ratio: 16 / 9;
+  background-color: #eef2f6;
+  background-position: center;
+  background-size: cover;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   overflow: hidden;
+  position: relative;
+  isolation: isolate;
+}
+
+.card-cover-image::before {
+  content: "";
+  position: absolute;
+  inset: -16px;
+  z-index: 0;
+  background: inherit;
+  filter: blur(18px);
+  opacity: 0.6;
+  transform: scale(1.08);
+}
+
+.card-cover-image::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  background: rgba(248, 250, 252, 0.34);
 }
 
 .card-cover-image img {
+  position: relative;
+  z-index: 2;
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  object-fit: contain;
 }
 
 .card-cover-fallback {
-  height: 160px;
+  aspect-ratio: 16 / 9;
   background: linear-gradient(135deg, #f0f7ff 0%, #e6f0ff 100%);
   display: flex;
   align-items: center;