Dark模式 oss存储

core/frontend/src/components/app-shell.tsx

@@ -584,8 +584,8 @@ export function Sidebar({ page, navigate, user, team, canManageBilling = true, p
             aria-hidden="true"
             style={{ transform: `translateY(${liquid.y}px)` }}
           >
-            <svg className="liquid-shape" viewBox="0 0 132 76" preserveAspectRatio="none">
-              <path fill="#101012" d="M0 11H103C120 11 130 22 130 38C130 54 120 65 103 65H0Z" />
+            <svg className="liquid-shape" viewBox="0 0 152 76" preserveAspectRatio="none">
+              <path fill="currentColor" d="M0 11H123C140 11 150 22 150 38C150 54 140 65 123 65H0Z" />
             </svg>
             {activeMajor && (
               <div className="indicator-content">

core/frontend/src/components/free-create/asset-library-modal.tsx

@@ -97,8 +97,6 @@ export function AssetLibraryModal({ open, onClose, onPick, notify }: {
     return () => window.clearInterval(timer);
   }, [open, activeGroup, assets]);
 
-  if (!open) return null;
-
   const createGroup = async () => {
     const name = newName.trim();
     if (!name || creatingGroup) return;
@@ -160,6 +158,9 @@ export function AssetLibraryModal({ open, onClose, onPick, notify }: {
     }
   };
 
+  // 所有 Hook 必须在关闭态也保持同一调用顺序；不能在此之前提前 return。
+  if (!open) return null;
+
   const startRenameAsset = (item: FreeAssetItem) => {
     setConfirmDeleteAssetId(null);
     setConfirmDeleteGroupId(null);

core/frontend/src/components/loading.css

@@ -4,12 +4,13 @@
   100% { background-position: 480px 0; }
 }
 .skeleton-block {
-  background: var(--background-base, #f1f1f1);
-  background-image: linear-gradient(90deg, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.07) 40%, rgba(0,0,0,0.03) 80%);
+  background: var(--black-alpha-4);
+  background-image: linear-gradient(90deg, transparent 0%, var(--black-alpha-8) 40%, transparent 80%);
   background-size: 480px 100%;
   background-repeat: no-repeat;
   animation: sk-shimmer 1.2s ease-in-out infinite;
-  border-radius: 8px;
+  box-shadow: inset 0 0 0 1px var(--border-faint);
+  border-radius: var(--r-md);
 }
 .skeleton-grid {
   display: grid;