fix: refine profile shortcuts and puzzle next button

src/components/rpg-entry/RpgEntryHomeView.recharge.test.tsx

@@ -2412,6 +2412,21 @@ test('mobile profile page matches the reference layout sections', async () => {
       .querySelector('.platform-profile-shortcut-grid')
       ?.classList.contains('platform-profile-shortcut-grid'),
   ).toBe(true);
+  expect(
+    shortcutRegion
+      .querySelector('.platform-profile-shortcut-grid')
+      ?.className,
+  ).toContain('!grid-cols-4');
+  expect(
+    shortcutRegion
+      .querySelector('.platform-profile-shortcut-grid')
+      ?.className,
+  ).toContain('w-full');
+  for (const shortcutButton of shortcutRegion.querySelectorAll(
+    '.platform-profile-shortcut-button',
+  )) {
+    expect(shortcutButton.className).toContain('w-full');
+  }
   for (const label of [
     '泥点充值',
     '兑换码',

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -2434,7 +2434,7 @@ function ProfileShortcutButton({
     <button
       type="button"
       onClick={onClick ?? undefined}
-      className="platform-profile-shortcut-button flex min-h-[5.25rem] flex-col items-center justify-center gap-2 px-2.5 py-3 text-center transition"
+      className="platform-profile-shortcut-button flex min-h-[5.25rem] w-full flex-col items-center justify-center gap-2 px-2.5 py-3 text-center transition"
     >
       <div className="platform-profile-shortcut-button__icon">
         {imageSrc ? (
@@ -6368,7 +6368,7 @@ export function RpgEntryHomeView({
             className="platform-profile-shortcut-panel"
             aria-label="常用功能"
           >
-            <div className="platform-profile-shortcut-grid">
+            <div className="platform-profile-shortcut-grid grid w-full !grid-cols-4">
               <ProfileShortcutButton
                 label="泥点充值"
                 subLabel="充值泥点"