风格统一

src/components/MobileExportView.tsx

@@ -85,26 +85,23 @@ export const MobileExportView: React.FC<MobileExportViewProps> = ({
 
   return (
     <div className="mobile-export-view">
-      <header className="no-print bg-slate-950 border-b border-slate-900 shrink-0 shadow mobile-export-header mobile-template-header px-4 py-3">
-        <div className="flex items-center gap-2 min-w-0 w-full">
+      <header className="no-print bg-indigo-700 border-b border-indigo-900 shrink-0 shadow mobile-export-header px-4">
+        <div className="flex items-center w-full min-h-[44px]">
           <button
             type="button"
             onClick={onBack}
-            className="mobile-export-back"
+            className="mobile-export-back shrink-0"
             aria-label="返回"
           >
             <ChevronLeft className="w-5 h-5" />
           </button>
-          <div className="flex items-center gap-3 min-w-0 flex-1">
-            <div className="min-w-0">
-              {/* <h1 className="text-sm font-bold tracking-wider flex items-center gap-2 text-slate-100 uppercase">
-                <span className="truncate">批量标签排版印刷生成器</span>
-              </h1> */}
-              <p className="text-sm font-bold tracking-wider flex items-center gap-2 text-slate-100 uppercase" title={templateName}>
-                {templateName}
-              </p>
-            </div>
-          </div>
+          <p
+            className="flex-1 min-w-0 px-2 text-center text-sm font-bold tracking-wide text-slate-100 truncate"
+            title={templateName}
+          >
+            {templateName}
+          </p>
+          <div className="w-10 shrink-0" aria-hidden />
         </div>
       </header>