Merge branch 'master' into feat/workbench-saas-polish-and-reset

本次提交包含以下改进：

## 1. Workbench视图重置机制 (App.tsx + WorkbenchPage.tsx)
- 在App.tsx中新增workbenchResetToken状态，每次导航到workbench页面且存在session时递增token
- WorkbenchPage新增resetToken属性，检测token变化后自动调用handleNewConversation()重置工作台状态
- 重置时清空消息列表和活跃会话ID，确保每次进入工作台都是全新状态

## 2. 滚动操作提示系统 (WorkbenchPage.tsx)
- 新增scrollActionHint状态和hideScrollActionHint/showScrollActionHint方法
- 用户滚动离开消息区域时自动显示滚动方向提示（顶部/底部按钮）
- 1.4秒后自动隐藏提示，优化交互体验
- 手动点击滚动按钮后立即隐藏提示
- 为滚动按钮添加--top/--bottom标识类名，支持独立定位

## 3. Prompt案例弹窗自适应布局 (WorkbenchPage.tsx)
- renderPromptCaseOverlay重构为动态计算moda l类名
- 根据图片实测宽高比(is-tall-media/is-portrait-media)和文案长度(is-long-copy)动态调整布局
- 添加handlePromptCaseImageLoad回调在图片加载后测量尺寸

## 4. Workbench SaaS视觉美化 (workbench.css)
- 全新SaaS风格设计变量(--wb-panel, --wb-line, --wb-shadow等)
- 首页区域：标题样式、Composer输入框圆角/阴影/聚焦态、发送按钮渐变样式
- 模式选择/芯片组件：下拉菜单、悬停态优化、选中态高亮
- 聊天消息区：气泡圆角、头像样式、消息间距、空状态引导
- 图片/视频结果卡片：边框、阴影、标签徽章、视频PLAY标识
- 生成中卡片：停止按钮样式
- 会话侧边栏：折叠态浮动按钮定位、展开态面板样式、选中项左侧指示条
- 滚动快捷键：固定定位圆形按钮、显示/隐藏过渡动画
- Prompt案例弹窗：桌面端毛玻璃双栏布局、移动端底部面板布局
- @media适配：560px/720px/900px/980px四个断点全覆盖

## 5. 全局移动端布局变量 (dark-green.css)
- 新增--dg-mobile-nav-height/gap/space CSS变量，统一移动端底部导航高度计算
- 优化Topbar z-index层级
- 非特殊页面自动添加顶部padding避让移动导航
- Profile弹窗fixed定位及安全区域适配

src/App.tsx

@@ -374,6 +374,7 @@ function App() {
   })));
 
   const [ecommerceEverMounted, setEcommerceEverMounted] = useState(false);
+  const [workbenchResetToken, setWorkbenchResetToken] = useState(0);
   const isEcommerceActive = activeView === "ecommerce" || activeView === "ecommerceHub";
   useEffect(() => {
     if (isEcommerceActive && !ecommerceEverMounted) setEcommerceEverMounted(true);
@@ -459,6 +460,9 @@ function App() {
   );
 
   const handleSetView = useCallback((view: WebViewKey) => {
+    if (view === "workbench" && Boolean(session)) {
+      setWorkbenchResetToken((token) => token + 1);
+    }
     window.location.hash = `/${view}`;
     setView(view);
     if (view !== "login") {
@@ -467,7 +471,7 @@ function App() {
     if (isWorkspaceView(view)) {
       setWorkspaceExpanded(true);
     }
-  }, [setView, setWorkspaceExpanded]);
+  }, [session, setView, setWorkspaceExpanded]);
 
   const clearAuthenticatedState = useCallback((options?: { resetView?: boolean }) => {
     clearAllUserStorage();
@@ -1313,11 +1317,13 @@ function App() {
       case "workbench":
         return (
           <WorkbenchPage
+            key={`workbench-${workbenchResetToken}`}
             isAuthenticated={Boolean(session)}
             session={session}
             onRequireLogin={handleRequireTaskLogin}
             onOpenResultInCanvas={handleOpenResultInCanvas}
             onRefreshUsage={refreshUsage}
+            resetToken={workbenchResetToken}
           />
         );
       case "home":

src/api/serverConnection.ts

@@ -248,17 +248,6 @@ function isNonAuthErrorCode(code: string | undefined): boolean {
   ].includes(code);
 }
 
-function isAuthFailureResponse(status: number, payload: unknown): boolean {
-  if (status === 401) return true;
-  if (status !== 403) return false;
-
-  const code = getPayloadCode(payload);
-  if (code === "SESSION_REPLACED" || code === "TOKEN_EXPIRED" || code === "ACCOUNT_DISABLED") return true;
-
-  const message = getPayloadMessage(payload) || "";
-  return /账号已禁用|登录已过期|登录状态|session|token|企业信息不存在/i.test(message);
-}
-
 function notifySessionExpired(status: number, response: Response, payload: unknown): void {
   if (status !== 401 && status !== 403) return;
   if (typeof window === "undefined") return;
@@ -274,7 +263,6 @@ function notifySessionExpired(status: number, response: Response, payload: unkno
   // Non-auth 403 errors (enterprise model access, insufficient balance) must
   // not trigger session expiry.
   if (status === 403 && isNonAuthErrorCode(getPayloadCode(payload))) return;
-  if (!isAuthFailureResponse(status, payload)) return;
 
   const now = Date.now();
   if (now - lastSessionExpiredEventAt < 1500) return;

src/features/community-review/CommunityCaseAddPage.tsx

@@ -10,7 +10,6 @@ import { useEffect, useMemo, useRef, useState, type ChangeEvent } from "react";
 import { aiGenerationClient } from "../../api/aiGenerationClient";
 import { communityClient } from "../../api/communityClient";
 import WorkspacePageShell from "../../components/WorkspacePageShell";
-import "../../styles/pages/compliance.css";
 import type { WebCanvasWorkflow, WebUserSession } from "../../types";
 import { getWorkflowCoverUrl, isCanvasWorkflow } from "../community/communityCaseUtils";
 import { canManageCommunityCases } from "./communityPermissions";

src/features/community-review/CommunityReviewPage.tsx

@@ -11,7 +11,6 @@ import { useCallback, useEffect, useMemo, useState } from "react";
 import { communityClient, type ServerCommunityCase } from "../../api/communityClient";
 import { reportClient, type AdminReportItem } from "../../api/reportClient";
 import WorkspacePageShell from "../../components/WorkspacePageShell";
-import "../../styles/pages/compliance.css";
 import type { WebUserSession } from "../../types";
 import { canManageCommunityCases, canReviewCommunity } from "./communityPermissions";
 

src/features/report/ReportPage.tsx

@@ -2,7 +2,6 @@ import { CheckCircleOutlined, FlagOutlined, MailOutlined, PhoneOutlined } from "
 import { useEffect, useState, type FormEvent } from "react";
 import { publicConfigClient, type WebPublicConfig } from "../../api/publicConfigClient";
 import { reportClient, type ReportInput } from "../../api/reportClient";
-import "../../styles/pages/compliance.css";
 
 type SubmitState = "idle" | "loading" | "success" | "error";
 

src/features/workbench/WorkbenchPage.tsx

@@ -67,6 +67,7 @@ import { downloadResultAsset } from "./workbenchDownload";
 import { translateTaskError } from "../../utils/translateTaskError";
 import {
   buildLocalTimeoutMessage,
+  formatTextTokenUsage,
   getTaskTimeoutPolicy,
   isTaskLocallyTimedOut,
 } from "../../utils/taskLifecycle";
@@ -78,7 +79,7 @@ import {
 import { isViduModel } from "../../utils/viduRouting";
 import { isPixverseModel } from "../../utils/pixverseRouting";
 import { resolveVideoRequestModel } from "../../utils/resolveVideoModel";
-import { calculateEnterpriseVideoCredits, ENTERPRISE_DEFAULT_VIDEO_MODEL } from "../../utils/enterpriseVideoPolicy";
+import { ENTERPRISE_DEFAULT_VIDEO_MODEL } from "../../utils/enterpriseVideoPolicy";
 import {
   getImageQualityOptions,
   getDefaultImageQuality,
@@ -200,6 +201,7 @@ interface WorkbenchPageProps {
   onRequireLogin: (input: CreatePreviewTaskInput) => void;
   onOpenResultInCanvas?: (payload: import("./workbenchConstants").WorkbenchResultActionPayload) => void;
   onRefreshUsage?: () => void;
+  resetToken?: number;
 }
 
 // ─── Component ───────────────────────────────────────────────────────────
@@ -219,18 +221,13 @@ const MODE_ICONS: Record<WorkbenchMode, ReactNode> = {
   video: <VideoCameraOutlined />,
 };
 
-function formatCreditValue(value: number): string {
-  if (!Number.isFinite(value)) return "-";
-  if (value >= 100) return Math.round(value).toLocaleString("zh-CN");
-  return Number(value.toFixed(2)).toString();
-}
-
 function WorkbenchPage({
   isAuthenticated,
   session,
   onRequireLogin,
   onOpenResultInCanvas,
   onRefreshUsage,
+  resetToken,
 }: WorkbenchPageProps) {
   const textareaRef = useRef<HTMLTextAreaElement | null>(null);
   const referenceInputRef = useRef<HTMLInputElement | null>(null);
@@ -249,10 +246,11 @@ function WorkbenchPage({
   const activeConversationIdRef = useRef<number | null>(null);
   const messagesRef = useRef<ChatMessage[]>([]);
   const conversationMessagesCacheRef = useRef<Map<number, ChatMessage[]>>(new Map());
-  const skipConversationAutoSelectRef = useRef(false);
+  const skipConversationAutoSelectRef = useRef(Boolean(resetToken));
   const keepaliveTasksRef = useRef<Record<string, WorkbenchKeepaliveTask>>(readStoredKeepaliveTasks());
   const taskAbortControllersRef = useRef<Map<string, AbortController>>(new Map());
   const lastScrollTopRef = useRef(0);
+  const scrollActionHintTimerRef = useRef<number | null>(null);
   const shouldFollowNewMessagesRef = useRef(true);
   const pendingScrollToLatestRef = useRef(true);
   const genTracker = useGenerationTasks({ sourceView: "workbench" });
@@ -261,7 +259,7 @@ function WorkbenchPage({
 
   const [activeMode, setActiveMode] = useState<WorkbenchMode>("video");
   const [inputValue, setInputValue] = useState("");
-  const [messages, setMessages] = useState<ChatMessage[]>(() => readStoredMessages());
+  const [messages, setMessages] = useState<ChatMessage[]>(() => (resetToken ? [] : readStoredMessages()));
   const [promptHistory, setPromptHistory] = useState<string[]>(() => readStoredPromptHistory());
   const [toolbarMenuId, setToolbarMenuId] = useState<ToolbarMenuId>(null);
   const [referenceItems, setReferenceItems] = useState<ReferenceItem[]>([]);
@@ -284,7 +282,7 @@ function WorkbenchPage({
   const [projectError, setProjectError] = useState<string | null>(null);
   const [conversations, setConversations] = useState<ConversationSummary[]>([]);
   const [activeConversationId, setActiveConversationId] = useState<number | null>(() =>
-    readStoredActiveConversationId(readStoredMessages()),
+    resetToken ? null : readStoredActiveConversationId(readStoredMessages()),
   );
   const [sidebarCollapsed, setSidebarCollapsed] = useState(true);
   const [deleteDialog, setDeleteDialog] = useState<DeleteDialogState | null>(null);
@@ -294,7 +292,9 @@ function WorkbenchPage({
   const [promptSelectionRange, setPromptSelectionRange] = useState({ start: 0, end: 0 });
   const [mentionActiveIndex, setMentionActiveIndex] = useState(0);
   const [composerHidden, setComposerHidden] = useState(false);
+  const [scrollActionHint, setScrollActionHint] = useState<"top" | "bottom" | null>(null);
   const [workspaceStarted, setWorkspaceStarted] = useState(false);
+  const lastResetTokenRef = useRef(resetToken);
 
   useEffect(() => {
     activeConversationIdRef.current = activeConversationId;
@@ -420,7 +420,6 @@ function WorkbenchPage({
   const toolTheme = MODE_META[activeMode];
   const workbenchAccent = "#00ff88";
   const hasConversationRecords = activeConversationId !== null || messages.length > 0;
-  const hasActivatedWorkspace = workspaceStarted || isGenerating || hasConversationRecords;
   const referenceCount = referenceItems.length;
   const activeVideoModelValue = toHappyHorseDisplayModel(videoModel);
   const activeModelValue =
@@ -448,6 +447,7 @@ function WorkbenchPage({
     [conversations],
   );
   const hasSidebarRecords = conversationRecords.length > 0;
+  const hasActivatedWorkspace = workspaceStarted || isGenerating || hasConversationRecords;
 
   const activeConversationTitle = useMemo(() => {
     if (!activeConversationId) return "";
@@ -469,48 +469,6 @@ function WorkbenchPage({
   const videoQualityLabel = getVideoQualityLabel(videoModel, videoQuality);
 
   const imageSettingsSummary = `${imageRatio} / ${imageQuality}`;
-  const billingEstimate = useMemo(() => {
-    if (activeMode === "image") {
-      return {
-        label: "预计 20 积分",
-        title: `图片生成按任务计费：${activeModel}，${imageSettingsSummary}，预计 20 积分`,
-      };
-    }
-    if (activeMode === "video") {
-      try {
-        const durationSeconds = Math.max(1, Math.ceil(Number(videoDuration) || 1));
-        const credits = calculateEnterpriseVideoCredits({
-          model: activeModelValue,
-          resolution: videoQuality,
-          durationSeconds,
-          muted: false,
-          hasReferenceVideo: referenceItems.some((item) => item.kind === "video"),
-        });
-        return {
-          label: `预计 ${formatCreditValue(credits)} 积分`,
-          title: `${activeModel}，${videoQualityLabel}，${durationSeconds} 秒，预计 ${formatCreditValue(credits)} 积分`,
-        };
-      } catch {
-        return {
-          label: "计费以提交后为准",
-          title: "当前模型的预估计费暂不可用，实际扣费以服务端结算为准",
-        };
-      }
-    }
-    return {
-      label: "按 Token 结算",
-      title: "文本对话按输入、输出 Token 实际用量结算，完成后显示本次积分",
-    };
-  }, [
-    activeMode,
-    activeModel,
-    activeModelValue,
-    imageSettingsSummary,
-    referenceItems,
-    videoDuration,
-    videoQuality,
-    videoQualityLabel,
-  ]);
   const composerPlaceholder =
     referenceItems.length > 0 ? `${toolTheme.placeholder}，可输入 @ 引用参考内容` : toolTheme.placeholder;
   const dropdownDirection = hasActivatedWorkspace ? "up" : "down";
@@ -543,6 +501,31 @@ function WorkbenchPage({
     });
   }, []);
 
+  const hideScrollActionHint = useCallback(() => {
+    if (scrollActionHintTimerRef.current !== null) {
+      window.clearTimeout(scrollActionHintTimerRef.current);
+      scrollActionHintTimerRef.current = null;
+    }
+    setScrollActionHint(null);
+  }, []);
+
+  const showScrollActionHint = useCallback((direction: "top" | "bottom") => {
+    if (scrollActionHintTimerRef.current !== null) {
+      window.clearTimeout(scrollActionHintTimerRef.current);
+    }
+    setScrollActionHint(direction);
+    scrollActionHintTimerRef.current = window.setTimeout(() => {
+      setScrollActionHint(null);
+      scrollActionHintTimerRef.current = null;
+    }, 1400);
+  }, []);
+
+  useEffect(() => () => {
+    if (scrollActionHintTimerRef.current !== null) {
+      window.clearTimeout(scrollActionHintTimerRef.current);
+    }
+  }, []);
+
   const imageSettingGroups = useMemo<WorkbenchFieldGroup[]>(
     () => [
       {
@@ -1313,6 +1296,12 @@ function WorkbenchPage({
     activeConversationIdRef.current = null;
   }, [syncActiveGenerationUi]);
 
+  useEffect(() => {
+    if (resetToken === undefined || lastResetTokenRef.current === resetToken) return;
+    lastResetTokenRef.current = resetToken;
+    handleNewConversation();
+  }, [handleNewConversation, resetToken]);
+
   const handleSelectProject = useCallback((id: string) => {
     if (!id) {
       handleNewConversation();
@@ -1467,6 +1456,7 @@ function WorkbenchPage({
       const atBottom = top + surface.clientHeight >= surface.scrollHeight - edgeThreshold;
       shouldFollowNewMessagesRef.current = atBottom;
       setComposerHidden(!(atTop || atBottom));
+      hideScrollActionHint();
       lastScrollTopRef.current = top;
     };
 
@@ -1481,24 +1471,27 @@ function WorkbenchPage({
       shouldFollowNewMessagesRef.current = atBottom;
       if (atTop || atBottom) {
         setComposerHidden(false);
+        hideScrollActionHint();
       } else if (Math.abs(delta) > scrollDeltaThreshold) {
         setComposerHidden(true);
+        showScrollActionHint(delta < 0 ? "top" : "bottom");
       }
       lastScrollTopRef.current = top;
     };
 
     surface.addEventListener("scroll", handleScroll, { passive: true });
     return () => surface.removeEventListener("scroll", handleScroll);
-  }, [hasActivatedWorkspace]);
+  }, [hasActivatedWorkspace, hideScrollActionHint, showScrollActionHint]);
 
   const scrollMessagesSurface = useCallback((direction: "top" | "bottom") => {
     const surface = messagesSurfaceRef.current;
     if (!surface) return;
 
     const top = direction === "top" ? 0 : surface.scrollHeight;
+    hideScrollActionHint();
     setComposerHidden(false);
     surface.scrollTo({ top, behavior: "smooth" });
-  }, []);
+  }, [hideScrollActionHint]);
 
   const closeToolbarMenus = () => setToolbarMenuId(null);
   const toggleToolbarMenu = (menuId: Exclude<ToolbarMenuId, null>) => {
@@ -2592,15 +2585,7 @@ function WorkbenchPage({
     }
   };
 
-  const activeGenerationCount = getActiveGenerationTaskCount(getGenerationUserKey(session?.user.id));
-  const generationLimitReached = activeMode !== "chat" && activeGenerationCount >= 3;
-  const promptIsEmpty = !inputValue.trim();
-  const sendDisabled = promptIsEmpty || generationLimitReached;
-  const sendButtonTitle = promptIsEmpty
-    ? "输入内容后可发送"
-    : generationLimitReached
-      ? `当前已有 ${activeGenerationCount} 个任务进行中，请等待任一任务完成`
-      : billingEstimate.title;
+  const sendDisabled = !inputValue.trim() || (activeMode !== "chat" && getActiveGenerationTaskCount(getGenerationUserKey(session?.user.id)) >= 3);
 
   const suggestedPrompts = [
     { text: "画一个赛博朋克风格的城市夜景", mode: "image" as WorkbenchMode },
@@ -2937,15 +2922,10 @@ function WorkbenchPage({
         )}
       </div>
       <div className="wb-composer__toolbar-right">
-          <span className="wb-composer__billing-estimate" title={billingEstimate.title}>
-            {billingEstimate.label}
-          </span>
           <button
             type="button"
             className={`wb-composer__send-primary${isGenerating ? " is-loading" : ""}`}
             disabled={sendDisabled || isGenerating}
-            title={isGenerating ? "任务处理中" : sendButtonTitle}
-            aria-label={isGenerating ? "任务处理中" : sendButtonTitle}
             onClick={() => {
               if (getCachedRole() === "admin") console.log("[ai/workbench-send-click]", {
                 mode: activeMode,
@@ -2993,9 +2973,29 @@ function WorkbenchPage({
       </div>
     ) : null;
 
-  const renderPromptCaseOverlay = () =>
-    selectedPromptCase ? (
-      <div className="wb-prompt-case-modal" role="dialog" aria-modal="true" aria-labelledby="wb-prompt-case-title">
+  const renderPromptCaseOverlay = () => {
+    if (!selectedPromptCase) return null;
+
+    const measuredRatio = promptCaseMeasuredRatios[selectedPromptCase.id];
+    const ratioParts = selectedPromptCase.ratio.replace(/\s+/g, "").split(":").map(Number);
+    const declaredRatio =
+      ratioParts.length === 2 && ratioParts[0] > 0 && ratioParts[1] > 0
+        ? ratioParts[0] / ratioParts[1]
+        : null;
+    const caseRatio =
+      typeof measuredRatio === "number" && Number.isFinite(measuredRatio) && measuredRatio > 0
+        ? measuredRatio
+        : declaredRatio;
+    const copyLength = `${selectedPromptCase.summary} ${selectedPromptCase.prompt}`.length;
+    const modalClassName = [
+      "wb-prompt-case-modal",
+      caseRatio && caseRatio < 0.72 ? "is-tall-media" : "",
+      caseRatio && caseRatio >= 0.72 && caseRatio < 1 ? "is-portrait-media" : "",
+      copyLength > 260 ? "is-long-copy" : "",
+    ].filter(Boolean).join(" ");
+
+    return (
+      <div className={modalClassName} role="dialog" aria-modal="true" aria-labelledby="wb-prompt-case-title">
         <button
           type="button"
           className="wb-prompt-case-modal__backdrop"
@@ -3004,7 +3004,11 @@ function WorkbenchPage({
         />
         <section className="wb-prompt-case-modal__panel">
           <div className="wb-prompt-case-modal__media">
-            <img src={selectedPromptCase.imageUrl} alt={selectedPromptCase.title} />
+            <img
+              src={selectedPromptCase.imageUrl}
+              alt={selectedPromptCase.title}
+              onLoad={(event) => handlePromptCaseImageLoad(selectedPromptCase.id, event)}
+            />
           </div>
           <aside className="wb-prompt-case-modal__sidebar">
             <button
@@ -3044,7 +3048,8 @@ function WorkbenchPage({
           </aside>
         </section>
       </div>
-    ) : null;
+    );
+  };
 
   if (!hasActivatedWorkspace) {
     return (
@@ -3139,8 +3144,8 @@ function WorkbenchPage({
 
         </div>
           </div>
+          {renderConversationSidebar()}
         </div>
-        {renderConversationSidebar()}
         {renderMessagePreviewOverlay()}
         {renderPromptCaseOverlay()}
         {renderDeleteDialog()}
@@ -3226,6 +3231,11 @@ function WorkbenchPage({
                                   <span>{message.taskStatusLabel || generationStatus}</span>
                                 </div>
                               )}
+                              {message.role === "assistant" && message.mode === "chat" && message.status === "completed" && (
+                                <div className="ai-chat-task-billing-note">
+                                  {formatTextTokenUsage(message.taskUsage)}
+                                </div>
+                              )}
                               {(message.resultUrl || (message.result && message.status !== "thinking")) && (
                                 <ResultCard
                                   message={message}
@@ -3282,10 +3292,10 @@ function WorkbenchPage({
                 {renderComposerToolbar(false, isGenerating)}
               </div>
             </section>
-            <div className="wb-chat-scroll-actions" aria-label="聊天滚动">
+            <div className={`wb-chat-scroll-actions${scrollActionHint ? ` is-showing-${scrollActionHint}` : ""}`} aria-label="聊天滚动">
               <button
                 type="button"
-                className="wb-chat-scroll-actions__button"
+                className="wb-chat-scroll-actions__button wb-chat-scroll-actions__button--top"
                 title="返回聊天顶部"
                 aria-label="返回聊天顶部"
                 onClick={() => scrollMessagesSurface("top")}
@@ -3294,7 +3304,7 @@ function WorkbenchPage({
               </button>
               <button
                 type="button"
-                className="wb-chat-scroll-actions__button"
+                className="wb-chat-scroll-actions__button wb-chat-scroll-actions__button--bottom"
                 title="到达聊天底部"
                 aria-label="到达聊天底部"
                 onClick={() => scrollMessagesSurface("bottom")}

src/stores/useSessionStore.ts

@@ -33,7 +33,7 @@ const initialState: SessionState = {
   loginPromptOpen: false,
   pendingAction: null,
   sessionReplacedOpen: false,
-  sessionReplacedMessage: '当前账号已在其他设备登录，此设备的登录状态已失效。',
+  sessionReplacedMessage: '您的账号已在其他设备登录，此设备的登录状态已失效。',
 };
 
 export const useSessionStore = create<SessionState & SessionActions>((set) => ({
@@ -55,7 +55,7 @@ export const useSessionStore = create<SessionState & SessionActions>((set) => ({
 
   showSessionReplaced: (message) => set({
     sessionReplacedOpen: true,
-    sessionReplacedMessage: message || '当前账号已在其他设备登录，此设备的登录状态已失效。',
+    sessionReplacedMessage: message || '您的账号已在其他设备登录（最多同时 2 台设备），此设备的登录状态已失效。',
   }),
 
   hideSessionReplaced: () => set({ sessionReplacedOpen: false }),

src/styles/pages/beta-applications.css

@@ -3,11 +3,7 @@
   flex-direction: column;
   gap: 18px;
   width: min(1180px, calc(100vw - 48px));
-  margin: 0 auto;
-  height: 100%;
-  min-height: 0;
   padding: 24px;
-  overflow: hidden;
 }
 
 .beta-admin-toolbar {
@@ -94,8 +90,6 @@
   display: grid;
   grid-template-columns: 300px minmax(0, 1fr);
   gap: 16px;
-  flex: 1;
-  min-height: 0;
   align-items: start;
 }
 
@@ -103,7 +97,7 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
-  max-height: 100%;
+  max-height: calc(100vh - 220px);
   overflow: auto;
   padding-right: 4px;
 }
@@ -180,10 +174,6 @@
   flex-direction: column;
   gap: 14px;
   min-width: 0;
-  max-height: 100%;
-  min-height: 0;
-  overflow: auto;
-  padding-right: 4px;
 }
 
 .beta-admin-detail__header,
@@ -386,7 +376,6 @@
   .beta-admin-page__inner {
     width: min(100%, calc(100vw - 24px));
     padding: 16px 12px;
-    overflow: auto;
   }
 
   .beta-admin-toolbar,
@@ -396,18 +385,11 @@
 
   .beta-admin-layout {
     grid-template-columns: 1fr;
-    overflow: visible;
   }
 
   .beta-admin-list {
     max-height: none;
   }
-
-  .beta-admin-detail {
-    max-height: none;
-    overflow: visible;
-    padding-right: 0;
-  }
 }
 
 @media (max-width: 640px) {

src/styles/pages/legacy-pages.css

@@ -11915,21 +11915,6 @@
   gap: 6px;
 }
 
-.wb-composer__billing-estimate {
-  max-width: 138px;
-  padding: 6px 9px;
-  border: 2px solid #111;
-  background: #fffbe8;
-  color: #111;
-  font-size: 12px;
-  font-weight: 800;
-  line-height: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  box-shadow: 2px 2px 0 #111;
-}
-
 .wb-composer__send-primary {
   display: inline-flex;
   align-items: center;

src/styles/themes/dark-green.css

@@ -1794,14 +1794,6 @@
   box-shadow: none;
 }
 
-.web-shell[data-ui-theme="dark-green"] .wb-composer__billing-estimate {
-  border: 1px solid var(--border-default);
-  border-radius: 999px;
-  background: var(--bg-elevated);
-  color: var(--fg-body);
-  box-shadow: none;
-}
-
 .web-shell[data-ui-theme="dark-green"] .wb-composer__send-primary:hover:not(:disabled) {
   background: var(--accent-hover);
   color: var(--dg-button-text);
@@ -10845,8 +10837,44 @@
 }
 
 @media (max-width: 900px) {
+  .web-shell[data-ui-theme="dark-green"] {
+    --dg-mobile-nav-height: 58px;
+    --dg-mobile-nav-gap: 12px;
+    --dg-mobile-nav-space: calc(var(--dg-mobile-nav-height) + var(--dg-mobile-nav-gap));
+  }
+
+  .web-shell[data-ui-theme="dark-green"] .web-topbar {
+    z-index: 72;
+  }
+
+  .web-shell[data-ui-theme="dark-green"] .web-shell__content,
+  .web-shell[data-ui-theme="dark-green"] .web-shell__page {
+    min-height: 0;
+    padding-bottom: 0;
+  }
+
+  .web-shell[data-ui-theme="dark-green"] .web-shell__page {
+    overflow: auto;
+  }
+
+  .web-shell[data-ui-theme="dark-green"]:not([data-view="home"]):not([data-view="login"]):not([data-view="workbench"]):not([data-view="agent"]):not([data-view="avatarConsole"]) .web-shell__page {
+    padding-top: var(--dg-mobile-nav-space);
+  }
+
+  .web-shell[data-ui-theme="dark-green"] .profile-popover {
+    position: fixed;
+    top: calc(56px + var(--dg-mobile-nav-space) + env(safe-area-inset-top, 0px));
+    right: 12px;
+    z-index: 120;
+    width: min(288px, calc(100vw - 24px));
+    max-height: calc(100svh - 56px - var(--dg-mobile-nav-space) - 24px);
+    overflow-y: auto;
+    transform-origin: top right;
+  }
+
   .web-shell[data-ui-theme="dark-green"] .floating-nav {
     top: calc(56px + env(safe-area-inset-top, 0px));
+    z-index: 50;
     right: 12px;
     bottom: auto;
     left: 12px;

src/utils/enterpriseVideoPolicy.ts

@@ -40,7 +40,6 @@ export const ENTERPRISE_VIDEO_RESOLUTION_OPTIONS = [
 
 export const ENTERPRISE_DEFAULT_VIDEO_MODEL = HAPPY_HORSE_UI_MODEL;
 export const ENTERPRISE_DEFAULT_VIDEO_RESOLUTION = "1080P";
-const CREDITS_PER_CNY = 100;
 
 export interface EnterpriseVideoPricingInput {
   model: string;
@@ -75,11 +74,11 @@ export function getEnterpriseVideoCreditRate(input: EnterpriseVideoPricingInput)
   }
 
   if (model.includes("vidu")) {
-    return resolution === "720P" ? 0.6 : 1.0;
+    return resolution === "720P" ? 0.4 : 0.8;
   }
 
   if (model.includes("pixverse")) {
-    return resolution === "720P" ? 0.6 : 1.0;
+    return resolution === "720P" ? 0.4 : 0.8;
   }
 
   if (model.includes("kling")) {
@@ -95,5 +94,5 @@ export function getEnterpriseVideoCreditRate(input: EnterpriseVideoPricingInput)
 
 export function calculateEnterpriseVideoCredits(input: EnterpriseVideoPricingInput): number {
   const duration = Math.max(1, Math.ceil(Number(input.durationSeconds) || 1));
-  return Number((getEnterpriseVideoCreditRate(input) * duration * CREDITS_PER_CNY).toFixed(2));
+  return Number((getEnterpriseVideoCreditRate(input) * duration).toFixed(2));
 }

src/utils/taskLifecycle.ts

@@ -32,10 +32,8 @@ export interface TextTokenUsage {
   totalTokens?: number;
 }
 
-const CREDITS_PER_CNY = 100;
-
-export const TEXT_INPUT_CREDITS_PER_MILLION = 2 * CREDITS_PER_CNY;
-export const TEXT_OUTPUT_CREDITS_PER_MILLION = 5 * CREDITS_PER_CNY;
+export const TEXT_INPUT_CREDITS_PER_MILLION = 2;
+export const TEXT_OUTPUT_CREDITS_PER_MILLION = 5;
 
 const IMAGE_TIMEOUT_POLICY: TaskTimeoutPolicy = {
   submitTimeoutMs: 90_000,
@@ -153,7 +151,7 @@ export function estimateTextTokenCredits(usage: TextTokenUsage): number {
 }
 
 export function formatTextTokenUsage(usage?: TextTokenUsage | null): string {
-  const rule = "文本计费规则：输入 Token 每百万 200 积分，输出 Token 每百万 500 积分，实际以服务端结算为准。";
+  const rule = "文本计费规则：输入 Token 每百万 2 积分，输出 Token 每百万 5 积分，实际以服务端结算为准。";
   if (!usage) return rule;
   const promptTokens = Math.max(0, Number(usage.promptTokens || 0));
   const completionTokens = Math.max(0, Number(usage.completionTokens || 0));