style:优化文案显示

src/components/HeroSection.vue

@@ -4,7 +4,12 @@
     <div class="hero-bg-orb hero-bg-orb--right"></div>
     <div class="container hero-grid">
       <div class="hero-copy">
-        <h1><span class="hero-title-nowrap">医疗行业患者全周期管理服务</span><br />数智化升级服务商</h1>
+        <h1>
+          <span class="hero-title-line hero-title-line--main">
+            <span>医疗行业</span><span class="hero-title-nowrap">患者全周期管理服务</span>
+          </span>
+          <span class="hero-title-line">数智化升级服务商</span>
+        </h1>
         <div class="hero-badge">专注于医疗服务提质提效增收</div>
         <article id="company" class="intro-card glass-card">
           <p>

src/styles/theme.css

@@ -263,10 +263,17 @@ button {
   line-height: 1.22;
   letter-spacing: -0.04em;
   color: #171b23;
+  word-break: keep-all;
+}
+
+.hero-title-line {
+  display: block;
 }
 
 .hero-title-nowrap {
   white-space: nowrap;
+  overflow-wrap: normal;
+  word-break: keep-all;
 }
 
 .hero-badge {
@@ -1000,10 +1007,12 @@ button {
   }
   .hero-copy h1 {
     max-width: 100%;
-    overflow-wrap: break-word;
+    overflow-wrap: normal;
   }
-  .hero-title-nowrap {
-    white-space: normal;
+  .hero-title-line--main {
+    display: flex;
+    flex-wrap: wrap;
+    column-gap: 0;
   }
   .hero-badge {
     font-size: 18px;