diff --git a/src/pages/TaskDisplay.jsx b/src/pages/TaskDisplay.jsx
index 6ec06fe..aeb6daf 100644
--- a/src/pages/TaskDisplay.jsx
+++ b/src/pages/TaskDisplay.jsx
@@ -70,12 +70,15 @@ export default function TaskDisplay() {
         <span className="tasks-head-dot" />
         <span className="tasks-head-title">系统任务中心</span>
         <span className="tasks-head-sub">扫码即可接单 · 园区企业发标 · 合伙人接单</span>
-        {/* 右上角信息面板：说明 / 总数 / 轮播倒计时 / 页码 */}
+        {/* 右上角信息：一行平铺 —— 总数 / 翻页倒计时 / 页码 / 接单说明 */}
         <div className="tasks-head-info">
-          <div className="tasks-info-item"><span className="tasks-info-label">总数</span><span className="tasks-info-val">{tasks.length}</span></div>
-          <div className="tasks-info-item"><span className="tasks-info-label">翻页</span><span className="tasks-info-val">{pageCount > 1 ? `${countdown}s` : '—'}</span></div>
-          <div className="tasks-info-item"><span className="tasks-info-label">页码</span><span className="tasks-info-val">{pageCount > 1 ? `${page + 1}/${pageCount}` : '1/1'}</span></div>
-          <div className="tasks-info-hint">接单方式：抢单 / 竞标 / 指派 / 推荐</div>
+          <span className="tasks-info">总数 <b>{tasks.length}</b></span>
+          <span className="tasks-info-sep">·</span>
+          <span className="tasks-info">翻页 <b>{pageCount > 1 ? `${countdown}s` : '—'}</b></span>
+          <span className="tasks-info-sep">·</span>
+          <span className="tasks-info">页码 <b>{pageCount > 1 ? `${page + 1}/${pageCount}` : '1/1'}</b></span>
+          <span className="tasks-info-sep">·</span>
+          <span className="tasks-info hint">接单：抢单·竞标·指派·推荐</span>
         </div>
       </div>
 
diff --git a/src/styles/task-display.css b/src/styles/task-display.css
index bb1951b..ccb6766 100644
--- a/src/styles/task-display.css
+++ b/src/styles/task-display.css
@@ -28,25 +28,18 @@
 .tasks-head-sub { font-size: 13px; color: var(--bd-sub, #7d8fa9); }
 .tasks-head-count { margin-left: auto; font-size: 13px; color: var(--bd-blue, #2f6bff); font-weight: 600; }
 
-/* 右上角信息面板（说明 / 总数 / 轮播倒计时 / 页码） */
+/* 右上角信息：一行平铺（总数 / 翻页倒计时 / 页码 / 接单说明）—— 非芯片上下布局 */
 .tasks-head-info {
   margin-left: auto;
   display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.tasks-info-item {
-  display: flex; flex-direction: column; align-items: center; gap: 2px;
-  min-width: 46px; padding: 6px 10px; border-radius: 10px;
-  background: rgba(47, 107, 255, 0.08); border: 1px solid rgba(47, 107, 255, 0.14);
-}
-.tasks-info-label { font-size: 10px; color: var(--bd-sub, #7d8fa9); letter-spacing: 0.4px; }
-.tasks-info-val { font-size: 17px; font-weight: 700; color: var(--bd-blue, #2f6bff); line-height: 1; }
-.tasks-info-hint {
-  font-size: 11px; color: var(--bd-sub, #7d8fa9);
-  padding: 6px 10px; border-radius: 10px; background: rgba(29, 44, 68, 0.05);
+  align-items: baseline;
+  gap: 8px;
   white-space: nowrap;
 }
+.tasks-info { font-size: 13px; color: var(--bd-ink, #1d2c44); }
+.tasks-info b { font-weight: 700; color: var(--bd-blue, #2f6bff); }
+.tasks-info.hint { font-size: 12px; color: var(--bd-sub, #7d8fa9); }
+.tasks-info-sep { color: var(--bd-sub, #7d8fa9); }
 
 .tasks-loading {
   color: var(--bd-sub, #7d8fa9); font-size: 15px;