Visually separate global regex navigation

style.css

@@ -2414,6 +2414,13 @@
   gap: 6px;
 }
 
+.bme-task-nav-groups {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+
 .bme-task-segmented-control {
   display: inline-flex;
   background: var(--bme-surface-container);
@@ -2445,6 +2452,10 @@
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
 }
 
+.bme-task-segmented-control--solo {
+  box-shadow: 0 0 0 1px rgba(255, 183, 0, 0.16);
+}
+
 .bme-task-master-detail {
   display: flex;
   gap: 0;
@@ -4692,6 +4703,10 @@
     flex-wrap: wrap;
   }
 
+  .bme-task-nav-groups {
+    width: 100%;
+  }
+
   .bme-task-action-bar {
     flex-direction: column;
     align-items: stretch;

ui/panel.js

@@ -6006,6 +6006,7 @@ function _renderTaskProfileWorkspace(state) {
   return `
     <div class="bme-task-shell">
       <div class="bme-task-action-bar">
+        <div class="bme-task-nav-groups">
           <div class="bme-task-segmented-control">
             ${state.taskTypeOptions
               .map(
@@ -6019,6 +6020,8 @@ function _renderTaskProfileWorkspace(state) {
                 `,
               )
               .join("")}
+          </div>
+          <div class="bme-task-segmented-control bme-task-segmented-control--solo">
             <button
               class="bme-task-type-btn ${state.showGlobalRegex ? "active" : ""}"
               data-task-action="switch-global-regex"
@@ -6027,6 +6030,7 @@ function _renderTaskProfileWorkspace(state) {
               通用正则
             </button>
           </div>
+        </div>
         <div class="bme-task-action-bar-right">
           <button class="bme-config-secondary-btn bme-bulk-profile-btn bme-task-btn-danger" data-task-action="restore-all-profiles" type="button" title="恢复全部 6 个任务的默认预设">
             <i class="fa-solid fa-arrows-rotate"></i><span>恢复全部</span>