fix: 未授权页面增加两种进入方式说明

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

src/auth/UnauthorizedPage.tsx

@@ -1,4 +1,4 @@
-import { ShieldX } from 'lucide-react';
+import { ShieldX, Monitor, Smartphone } from 'lucide-react';
 
 export default function UnauthorizedPage({ message }: { message?: string }) {
   return (
@@ -8,12 +8,29 @@ export default function UnauthorizedPage({ message }: { message?: string }) {
           <ShieldX size={36} className="text-slate-400" />
         </div>
         <h1 className="text-lg font-black text-slate-800 mb-2">未授权访问</h1>
-        <p className="text-xs text-slate-400 mb-1">
+        <p className="text-xs text-slate-400 mb-4">
           {message || '获取用户认证信息失败，可能是跳转令牌已过期或无效'}
         </p>
-        <p className="text-xs text-slate-300">
+
-          请从资产管理平台点击跳转链接进入此系统
+        <div className="bg-white rounded-2xl border border-slate-100 p-4 text-left space-y-3">
-        </p>
+          <p className="text-[10px] font-bold text-slate-400 uppercase tracking-wider text-center">请通过以下方式进入</p>
+
+          <div className="flex items-start gap-3 p-2.5 rounded-xl bg-slate-50">
+            <Monitor size={16} className="text-blue-500 flex-shrink-0 mt-0.5" />
+            <div>
+              <p className="text-xs font-bold text-slate-700">资产管理系统（PC端）</p>
+              <p className="text-[10px] text-slate-400 mt-0.5">BI 报表 → 资产 BI</p>
+            </div>
+          </div>
+
+          <div className="flex items-start gap-3 p-2.5 rounded-xl bg-slate-50">
+            <Smartphone size={16} className="text-green-500 flex-shrink-0 mt-0.5" />
+            <div>
+              <p className="text-xs font-bold text-slate-700">羚牛氢能客户服务（小程序）</p>
+              <p className="text-[10px] text-slate-400 mt-0.5">BI 报表 → 资产 BI</p>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
   );