Fix: 分开省略号和更多按钮

src/views/CityIntroductionView.vue

@@ -23,8 +23,8 @@
             每一个角落都散发着独特的魅力。漫步在古老的街道上，感受历史的沉淀；
             探索现代化的建筑群，体验都市的活力。
           </p>
-          <button class="more-btn" @click="showMoreInfo">更多</button>
         </div>
+        <button class="more-btn" @click="showMoreInfo">更多</button>
       </div>
 
       <div class="attractions-section">
@@ -420,29 +420,17 @@ const showMoreInfo = () => {
   letter-spacing: 2px;
 }
 
-.city-info-section,
-.attractions-section,
-.nearby-users-section,
-.destination-dynamics-section,
-.food-section {
+.city-info-section {
   background-color: white;
   border-radius: 12px;
   padding: 20px;
   margin-bottom: 20px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
-}
-
-.section-title {
-  font-size: 20px;
-  font-weight: 600;
-  color: #333;
-  margin: 0 0 16px 0;
-  padding-bottom: 12px;
-  border-bottom: 2px solid #42b883;
+  position: relative;
 }
 
 .city-description {
-  position: relative;
+  margin-bottom: 16px;
 }
 
 .city-description p {
@@ -464,11 +452,10 @@ const showMoreInfo = () => {
   font-weight: 600;
   cursor: pointer;
   padding: 8px 0;
-  margin-top: 12px;
   transition: all 0.3s ease;
   position: absolute;
-  right: 0;
-  bottom: 0;
+  right: 20px;
+  bottom: 20px;
 }
 
 .more-btn:hover {