Merge branch 'new-clean-branch' into refactor/clear

txw-gxzx-web/src/pages/index/views/qych/index.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="compliance-portal">
-    <!-- 顶部标题区（调整为垂直布局实现左对齐） -->
+    <!-- 顶部标题区（按 Figma 设计：banner 上居中显示标题与副标题） -->
     <header class="header">
       <div class="header-wrap">
         <div class="title-section">
-          <h1 class="main-title">企业出海合规专题</h1>
-          <p class="sub-title">电池法案 / CBAM / 航运燃料 三大模块，一站式信息与系统入口</p>
+          <h1 class="main-title">企业出海</h1>
+          <p class="sub-title">链接全球绿色规则，助力中国企业可信出海</p>
         </div>
 
         <!-- 导航标签 -->
@@ -252,7 +252,8 @@ body {
   padding-top: 120px;
   margin-bottom: 30px;
   background: url(../../assets/qych/banner.png);
-  background-size: 100% 100%;
+  background-size: cover;
+  background-position: center;
   // flex-direction: column; /* 改为垂直排列 */
   // gap: 20px; /* 标题与导航之间的间距 */
   .header-wrap {
@@ -262,17 +263,24 @@ body {
 }
 
 .title-section {
-  /* 移除原有flex设置 */
-  line-height: 80px;
+  /* 按 Figma：banner 上居中显示标题与副标题 */
+  text-align: center;
+  line-height: 1.4;
+  color: #fff;
   .main-title {
+    margin-bottom: 16px;
     font-size: 64px;
+    font-weight: 600;
+    line-height: 1.3;
+    color: #fff;
+    letter-spacing: 0;
   }
   .sub-title {
-    font-size: 24px;
+    font-size: 22px;
     font-weight: 400;
-    // line-height: 32px;
+    line-height: 1.6;
     letter-spacing: 0;
-    color: #666;
+    color: #fff;
   }
 }