isparkyou-github
diff --git a/‎index-zh.html‎
Lines changed: 1 addition & 1 deletion b/‎index-zh.html‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎index.html‎
Lines changed: 2 additions & 2 deletions b/‎index.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎style.css‎
Lines changed: 39 additions & 0 deletions b/‎style.css‎
Lines changed: 39 additions & 0 deletions
@@ -10,7 +10,7 @@
   <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="style.css" />
 </head>
-<body>
+<body class="lang-zh">
 
 <!-- 粒子帆布背景 -->
 <canvas id="bgCanvas"></canvas>
 
@@ -10,7 +10,7 @@
   <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;900&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet" />
   <link rel="stylesheet" href="style.css" />
 </head>
-<body>
+<body class="lang-en">
 
 <!-- Particle Canvas Background -->
 <canvas id="bgCanvas"></canvas>
@@ -50,8 +50,8 @@
   <div class="hero-content">
     <div class="hero-badge">⚡ Electrical Engineer · Project Manager · New Energy Expert</div>
     <h1 class="hero-title">
-      <span class="name-cn">张 森 烨</span>
       <span class="name-en">Senye Zhang</span>
+      <span class="name-cn">张 森 烨</span>
     </h1>
     <p class="hero-subtitle">High-Voltage Grid · Substation Commissioning · Photovoltaic & New Energy</p>
     <div class="hero-stats">
 
@@ -255,6 +255,45 @@ body {
   color: var(--text-secondary);
 }
 
+/* Language-specific Hierarchies */
+.lang-en .name-en {
+  font-size: clamp(2.5rem, 8vw, 5.5rem);
+  font-weight: 900;
+  letter-spacing: 0.05em;
+  background: linear-gradient(135deg, #ffffff 0%, var(--accent-glow) 50%, var(--accent3) 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+  line-height: 1.1;
+}
+
+.lang-en .name-cn {
+  font-size: clamp(1rem, 3vw, 1.8rem);
+  font-weight: 400;
+  letter-spacing: 0.3em;
+  background: none;
+  -webkit-text-fill-color: var(--text-secondary);
+  color: var(--text-secondary);
+  order: 2; /* Move it below the English name if needed */
+}
+
+.lang-zh .name-cn {
+  order: 1;
+}
+
+.lang-zh .name-en {
+  order: 2;
+}
+
+.hero-title {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 4px;
+  margin-bottom: 1rem;
+  animation: fadeInDown 0.7s ease 0.1s both;
+}
+
 .hero-subtitle {
   font-size: clamp(0.9rem, 2vw, 1.1rem);
   color: var(--text-secondary);