收敛授权提示弹窗样式

components/ui/UpgradeModal.tsx

@@ -11,7 +11,7 @@
  */
 
 import Modal from './Modal'
-import { useThemeStyles, cn } from '@/lib/ui-styles'
+import { cn } from '@/lib/ui-styles'
 import { getFeatureDescription } from '@/lib/license/feature-descriptions'
 import type { FeatureKey } from '@/lib/license/types'
 
@@ -35,7 +35,6 @@ export default function UpgradeModal({
   featureName,
   featureDescription,
 }: UpgradeModalProps) {
-  const styles = useThemeStyles()
   const feature = getFeatureDescription(featureKey)
 
   const displayName = featureName || feature.name
@@ -53,16 +52,15 @@ export default function UpgradeModal({
       size="small"
       showCloseButton={true}
     >
-      <div className="p-6 space-y-6" data-testid="upgrade-modal">
-        {/* 图标和标题 */}
-        <div className="text-center space-y-3">
+      <div className="p-5 space-y-5" data-testid="upgrade-modal">
+        <div className="flex items-start gap-3">
           <div className={cn(
-            'mx-auto w-16 h-16 rounded-full flex items-center justify-center',
+            'h-10 w-10 flex-shrink-0 rounded-lg flex items-center justify-center',
             'bg-slate-100 text-slate-700 dark:bg-slate-800 dark:text-slate-100',
             'border border-slate-200 dark:border-slate-700'
           )}>
             <svg
-              className="w-8 h-8 text-slate-700 dark:text-slate-100"
+              className="w-5 h-5 text-slate-700 dark:text-slate-100"
               stroke="currentColor"
               fill="none"
               viewBox="0 0 24 24"
@@ -75,20 +73,21 @@ export default function UpgradeModal({
               />
             </svg>
           </div>
-          <h3
-            className="text-xl font-semibold text-slate-900 dark:text-white"
-            data-testid="upgrade-modal-feature-name"
-          >
-            {displayName}
-          </h3>
-          <p className="text-sm text-slate-600 dark:text-slate-400">
-            当前许可证未包含此功能，请联系管理员处理授权
-          </p>
+          <div className="min-w-0 space-y-1">
+            <h3
+              className="text-base font-semibold text-slate-900 dark:text-white"
+              data-testid="upgrade-modal-feature-name"
+            >
+              {displayName}
+            </h3>
+            <p className="text-sm text-slate-600 dark:text-slate-400">
+              当前许可证未包含此功能，请联系管理员处理授权
+            </p>
+          </div>
         </div>
 
-        {/* 功能描述 */}
         <div className={cn(
-          'p-4 rounded-xl',
+          'p-3 rounded-lg',
           'bg-slate-50 dark:bg-slate-800/50',
           'border border-slate-200 dark:border-slate-700'
         )}>
@@ -97,26 +96,18 @@ export default function UpgradeModal({
           </p>
         </div>
 
-        {/* 按钮 */}
-        <div className="flex gap-3 pt-2">
+        <div className="flex justify-end gap-2 pt-1">
           <button
             type="button"
             onClick={onClose}
-            className={cn(
-              styles.buttonStyles.secondary,
-              'flex-1 text-sm font-medium transition-all'
-            )}
+            className="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 transition-colors hover:bg-slate-50 dark:border-slate-600 dark:bg-slate-900 dark:text-slate-200 dark:hover:bg-slate-800"
           >
             关闭
           </button>
           <button
             type="button"
             onClick={handleContactAdminClick}
-            className={cn(
-              'flex-1 px-4 py-2 rounded-xl text-sm font-medium transition-all',
-              'bg-slate-900 text-white hover:bg-slate-800',
-              'dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-white'
-            )}
+            className="rounded-lg bg-slate-900 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-slate-800 dark:bg-slate-100 dark:text-slate-900 dark:hover:bg-white"
           >
             联系管理员
           </button>

docs/商业化地基排查问题清单_20260524.md

@@ -1129,7 +1129,7 @@ NAS 私有化系统可能在平板或窄屏浏览器里使用。模板编辑器
 
 证据：
 
-- `components/ui/UpgradeModal.tsx`：授权提示弹窗已改成中性图标、限制提示文案和普通按钮，不再显示“升级后可享受”。
+- `components/ui/UpgradeModal.tsx`：授权提示弹窗已改成左侧小锁图标、限制提示文案、普通描述行和普通按钮，不再显示“升级后可享受”，也不再使用大圆形图标或大圆角内容块。
 - `components/ui/RestrictedToggle.tsx`：受限开关提示已改为“当前许可证未包含此功能”。
 - `components/ui/ActivationModal.tsx`：手动激活弹窗已移除“前往购买”官网跳转，改为联系系统交付人员或管理员；弹窗和输入控件同步收为普通圆角、轻阴影和中性色按钮。
 - `components/ui/StorageEditConfirmModal.tsx`：对象存储编辑二次确认弹窗已从大圆角、重阴影和蓝紫焦点态收为普通安全确认表单。