From 6db3f98a487a8f68a2a283d9c4a6e66356e73b8e Mon Sep 17 00:00:00 2001
From: ghostubborn <ghostubborn@hotmail.com>
Date: Wed, 1 Apr 2026 18:04:05 +0800
Subject: [PATCH] fix(i18n): fix English homepage layout with proper font and
 shorter copy

- Use sans-serif font for English titles, descriptions and navbar
- Shorten English hero text to avoid overflow
- Fix :global() scoped CSS issue that was setting root font-size to 3.5rem
- Use separate unscoped style block for html[lang] selectors
---
 frontend/src/views/Home.vue | 28 ++++++++++++++++++++++++++++
 locales/en.json             | 10 +++++-----
 2 files changed, 33 insertions(+), 5 deletions(-)

diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index dc1ac5b..504e1b1 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -895,3 +895,31 @@ const startSimulation = () => {
   }
 }
 </style>
+
+<style>
+/* English locale adjustments (unscoped to target html[lang]) */
+html[lang="en"] .main-title {
+  font-size: 3.5rem;
+  font-family: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  letter-spacing: -1px;
+}
+
+html[lang="en"] .hero-desc {
+  text-align: left;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  letter-spacing: 0;
+}
+
+html[lang="en"] .slogan-text {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+  letter-spacing: 0;
+}
+
+html[lang="en"] .tag-row {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+
+html[lang="en"] .navbar .nav-links {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+}
+</style>
diff --git a/locales/en.json b/locales/en.json
index 7336ca0..1932ebc 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -35,13 +35,13 @@
   "home": {
     "tagline": "Concise & Universal Swarm Intelligence Engine",
     "version": "/ v0.1-Preview",
-    "heroTitle1": "Upload Any Report",
-    "heroTitle2": "Simulate the Future Instantly",
-    "heroDesc": "Even from a single paragraph, {brand} can extract reality seeds and auto-generate a parallel world of up to {agentScale}. Inject variables from a god's-eye view to find the {optimalSolution} amid complex group interactions in dynamic environments.",
+    "heroTitle1": "Upload Reports,",
+    "heroTitle2": "Predict the Future",
+    "heroDesc": "From a single document, {brand} extracts reality seeds to auto-generate a parallel world with up to {agentScale}. Inject variables from a god's-eye view to find the {optimalSolution} in complex group dynamics.",
     "heroDescBrand": "MiroFish",
-    "heroDescAgentScale": "millions of Agents",
+    "heroDescAgentScale": "million-scale Agents",
     "heroDescOptimalSolution": "\"local optimum\"",
-    "slogan": "Let the future rehearse among Agents, let decisions prevail after a hundred battles",
+    "slogan": "Let Agents rehearse the future, let decisions prevail",
     "systemStatus": "System Status",
     "systemReady": "Ready",
     "systemReadyDesc": "Prediction engine on standby. Upload unstructured data to initialize a simulation sequence.",