fix(home): hide Robot entry and balance three module cards

src/pages/ModuleSelection/index.tsx

@@ -57,8 +57,8 @@ export function ModuleSelection({ authRequired = true }: { authRequired?: boolea
           <img src={logoWordmarkSource} alt="Makelore" className="h-8 w-40 object-cover object-center" draggable="false" />
         </header>
 
-        <div className="grid flex-1 items-center gap-8 py-12 lg:grid-cols-[minmax(0,1fr)_minmax(0,1.35fr)] lg:gap-12">
-          <section className="min-w-0">
+        <div className="flex flex-1 flex-col justify-center gap-8 py-12 sm:gap-10">
+          <section className="min-w-0 text-center">
             <p className="text-sm font-semibold tracking-[0.08em] text-muted-foreground">
               {userDisplayName ? `${userDisplayName}，欢迎回来！` : '欢迎回来！'}
             </p>
@@ -70,7 +70,7 @@ export function ModuleSelection({ authRequired = true }: { authRequired?: boolea
             aria-label="AI 模块列表"
             className="module-selection-options"
           >
-            {aiModules.map((module) => {
+            {aiModules.filter((module) => module.id !== 'robot').map((module) => {
               const content = moduleSelectionContent[module.id];
               const enabledByPolicy = isAiModuleAllowed(module.id, moduleAccess);
               const enabled = module.enabled && enabledByPolicy;

src/styles/globals.css

@@ -423,7 +423,8 @@
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   gap: var(--module-option-gap);
-  width: min(100%, 43rem);
+  width: min(100%, 69rem);
+  margin-inline: auto;
   min-width: 0;
   justify-self: center;
   align-items: stretch;
@@ -497,7 +498,7 @@
   flex-direction: column;
   justify-content: center;
   padding: clamp(0.75rem, 1.6vw, 1.25rem);
-  padding-right: clamp(2.75rem, 5vw, 4rem);
+  padding-right: clamp(0.75rem, 1.6vw, 1.25rem);
 }
 
 .module-option-card-title {
@@ -517,6 +518,38 @@
   line-height: 1.25;
 }
 
+@media (min-width: 768px) {
+  .module-selection-options {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .module-selection-options .module-option-card {
+    height: auto;
+    min-height: clamp(17.5rem, 24vw, 21rem);
+  }
+
+  .module-selection-options .module-option-card-surface {
+    position: relative;
+    flex-direction: column;
+    overflow: hidden;
+    height: 100%;
+  }
+
+  .module-selection-options .module-option-card-image {
+    flex: 0 0 auto;
+    width: calc(100% - 0.125rem);
+    height: auto;
+    aspect-ratio: 16 / 10;
+    margin: 0.0625rem 0.0625rem 0;
+    border-radius: 0.75rem 0.75rem 0 0;
+  }
+
+  .module-selection-options .module-option-card-content {
+    justify-content: flex-start;
+    padding: 1.25rem;
+  }
+}
+
 .module-option-card.module-option-card-disabled::before,
 .module-option-card.module-option-card-disabled::after {
   display: none;