修复查询条件标题和控件重叠问题

- 将h3标签移到search-form内部
- 确保search-form的flex-direction: column布局生效
- 查询条件标题和查询控件现在有适当的间距

vue-frontend/src/components/RoleManagement.vue

@@ -4,8 +4,8 @@
     
     <!-- 查询条件 -->
     <div class="search-section">
-      <h3>查询条件</h3>
       <el-form :model="queryForm" class="search-form">
+        <h3>查询条件</h3>
         <!-- 第一行（默认显示，3个控件 + 按钮） -->
         <div class="search-row">
           <el-form-item label="角色名称">
@@ -724,8 +724,6 @@ export default {
   font-size: 15px;
   color: #606266;
   display: block;
-  width: 100%;
-  clear: both;
 }
 
 .search-form {