feat(home): بازطراحی کادر آمار هیرو — شیشهٔ چندلایه با خط مویی مسی، هالهٔ نرم، نشان زنده و سلسله‌مراتب عدد/برچسب (محتوای کاربر دست‌نخورده)

frontend/src/components/home/Hero.tsx

@@ -148,10 +148,12 @@ export function Hero() {
                 </span>
               </span>
               <div className="min-w-0">
-                <p className="font-mono text-[2rem] font-bold leading-none tracking-tight text-copper">
-                  <InlineEdit value={hero.badge_value} onSave={(v) => saveHero('badge_value', v)} />
-                </p>
-                <p className="mt-2.5 text-[13px] font-light leading-6 text-ivory/75">
+                {String(hero.badge_value ?? '').trim() !== '' && (
+                  <p className="font-mono text-[2rem] font-bold leading-none tracking-tight text-copper">
+                    <InlineEdit value={hero.badge_value} onSave={(v) => saveHero('badge_value', v)} />
+                  </p>
+                )}
+                <p className={`text-[13px] font-light leading-6 text-ivory/75 ${String(hero.badge_value ?? '').trim() !== '' ? 'mt-2.5' : ''}`}>
                   <InlineEdit multiline value={hero.badge_label} onSave={(v) => saveHero('badge_label', v)} />
                 </p>
               </div>

frontend/src/components/home/Timeline.tsx

@@ -19,7 +19,7 @@ function Item({ item, index }: { item: Milestone; index: number }) {
       {/* دایره‌ها: مرکز دایره در موبایل و دسکتاپ دقیقاً روی مرکز خط 2px است */}
       <span
         aria-hidden="true"
-        className={`absolute right-[-5px] top-8 z-10 h-3 w-3 rounded-full transition-all duration-500 ease-lux md:right-1/2 md:translate-x-1/2 ${
+        className={`absolute right-[-5px] top-1/2 z-10 -translate-y-1/2 h-3 w-3 rounded-full transition-all duration-500 ease-lux md:right-1/2 md:translate-x-1/2 ${
           active
             ? 'bg-copper shadow-[0_0_15px_rgba(197,143,92,0.6),0_0_0_6px_rgba(213,135,76,0.15)]'
             : 'bg-ivory/20'