用户未登录，不显示

app/(tabs)/index.tsx

@@ -575,9 +575,11 @@ const GooActions = observer<GooActionsProps>(function GooActions({ gooPoints, on
             {isDev && isPolling && <Block className="ml-[4px] size-[6px] rounded-full bg-green-500" />}
           </Block>
         )}
-        <Block onClick={() => router.push('/settings')}>
+        {!!isAuthenticated && (
-          <Ionicons color="white" name="settings-outline" size={22} />
+          <Block onClick={() => router.push('/settings')}>
-        </Block>
+            <Ionicons color="white" name="settings-outline" size={22} />
+          </Block>
+         )}
         <Block
           className="size-[48px] items-center justify-center rounded-full border-[3px] border-black bg-white shadow-[4px_4px_0px_#000]"
           onClick={onOpenSearch}

app/profile.tsx

@@ -183,7 +183,7 @@ export default observer(function ProfilePage() {
   )
 
   const renderInfoList = () => (
-    <Block className="mt-[32px] px-[16px]">
+    <Block className="mt-[32px] mx-[16px] bg-white rounded-xl px-[16px]">
       {infoItems.map((item) => (
         <Block
           key={item.id}
@@ -192,7 +192,7 @@ export default observer(function ProfilePage() {
         >
           <Text className="w-[56px] text-[14px] text-black">{item.label}</Text>
           <Text
-            className="flex-1 text-[14px] text-right"
+            className="flex-1 text-[14px] text-right text-[#9D9D9D]"
             style={{ color: item.valueGray ? '#9CA3AF' : '#000' }}
             numberOfLines={1}
             ellipsizeMode="tail"
@@ -201,7 +201,7 @@ export default observer(function ProfilePage() {
           </Text>
           {/*手机号 显示隐藏按钮 */}
           {item.id !== 'phone' && (
-            <Ionicons color="#9CA3AF" name="chevron-forward" size={18} />
+            <Ionicons color="#9D9D9D" name="chevron-forward" size={18} />
           )}
         </Block>
       ))}
@@ -209,7 +209,7 @@ export default observer(function ProfilePage() {
   )
 
   return (
-    <Block className="h-full flex-1 bg-white">
+    <Block className="h-full flex-1 bg-[#fafafa]">
       <Stack.Screen options={{ headerShown: false }} />
       {renderHeader()}
       <ScrollView contentContainerStyle={{ flexGrow: 1 }} showsVerticalScrollIndicator={false}>

app/settings.tsx

@@ -117,9 +117,9 @@ export default observer(function SettingsPage() {
 
   const renderMenuSection = () => (
     <Block className="mt-[8px]">
-      <Text className="px-[16px] py-[8px] text-[12px] text-gray-400">使用相关</Text>
+      <Text className="px-[20px] py-[8px] text-[12px] text-[#9D9D9D]">使用相关</Text>
-      <Block className="bg-white">
+      <Block className="bg-white mx-[16px] rounded-xl">
-        {menuItems.map((item, index) => (
+        {menuItems.map((item) => (
           <Block key={item.id}>
             <Block
               className="flex-row items-center gap-[12px] px-[16px] py-[16px]"
@@ -129,9 +129,6 @@ export default observer(function SettingsPage() {
               <Text className="flex-1 text-[14px] text-black">{item.label}</Text>
               <Ionicons color="#9CA3AF" name="chevron-forward" size={20} />
             </Block>
-            {index < menuItems.length - 1 && (
-              <Block className="ml-[50px] h-[1px] bg-gray-100" />
-            )}
           </Block>
         ))}
       </Block>
@@ -139,20 +136,18 @@ export default observer(function SettingsPage() {
   )
 
   const renderLogoutButton = () => (
-    <Block className="mt-[32px] items-center px-[16px]">
+    <Block className="mt-[40px] items-center px-[16px]">
-      {isAuthenticated && (
         <Block
-          className="w-full max-w-[200px] items-center justify-center rounded-lg bg-gray-100 py-[14px]"
+          className="w-full items-center justify-center rounded-xl bg-white py-[14px]"
           onClick={handleLogout}
         >
           <Text className="text-[14px] font-[600] text-black">退出登录</Text>
         </Block>
-      )}
     </Block>
   )
 
   return (
-    <Block className="flex-1 bg-white h-full">
+    <Block className="flex-1 bg-[#fafafa] h-full">
       <Stack.Screen options={{ headerShown: false }} />
       {renderHeader()}
       <ScrollView contentContainerStyle={{ flexGrow: 1 }} showsVerticalScrollIndicator={false}>