💄 style(layout): add horizontal padding to top-offset divs for consistent spacing

Replaced every instance of
<div className="mt-[64px]">
with
<div className="mt-[64px] px-2">
to provide uniform horizontal padding across pages. No functional changes—visual layout improvement only.

web/src/index.js

@@ -11,6 +11,7 @@ import './i18n/i18n.js';
 import './index.css';
 import './index.css';
 
 
 // 欢迎信息（二次开发者不准将此移除）
 // 欢迎信息（二次开发者不准将此移除）
+// Welcome message (Secondary developers are not allowed to remove this)
 if (typeof window !== 'undefined') {
 if (typeof window !== 'undefined') {
   console.log('%cWe ❤ NewAPI%c Github: https://github.com/QuantumNous/new-api',
   console.log('%cWe ❤ NewAPI%c Github: https://github.com/QuantumNous/new-api',
     'color: #10b981; font-weight: bold; font-size: 24px;',
     'color: #10b981; font-weight: bold; font-size: 24px;',

web/src/pages/About/index.js

@@ -105,7 +105,7 @@ const About = () => {
   );
   );
 
 
   return (
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       {aboutLoaded && about === '' ? (
       {aboutLoaded && about === '' ? (
         <div className="flex justify-center items-center h-screen p-8">
         <div className="flex justify-center items-center h-screen p-8">
           <Empty
           <Empty

web/src/pages/Channel/index.js

@@ -3,7 +3,7 @@ import ChannelsTable from '../../components/table/ChannelsTable';
 
 
 const File = () => {
 const File = () => {
   return (
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <ChannelsTable />
       <ChannelsTable />
     </div>
     </div>
   );
   );

web/src/pages/Chat2Link/index.js

@@ -17,7 +17,7 @@ const chat2page = () => {
   }
   }
 
 
   return (
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <h3>正在加载，请稍候...</h3>
       <h3>正在加载，请稍候...</h3>
     </div>
     </div>
   );
   );

web/src/pages/Detail/index.js

@@ -1120,7 +1120,7 @@ const Detail = (props) => {
   }, []);
   }, []);
 
 
   return (
   return (
-    <div className="bg-gray-50 h-full mt-[64px]">
+    <div className="bg-gray-50 h-full mt-[64px] px-2">
       <div className="flex items-center justify-between mb-4">
       <div className="flex items-center justify-between mb-4">
         <h2
         <h2
           className="text-2xl font-semibold text-gray-800 transition-opacity duration-1000 ease-in-out"
           className="text-2xl font-semibold text-gray-800 transition-opacity duration-1000 ease-in-out"

web/src/pages/Log/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import LogsTable from '../../components/table/LogsTable';
 import LogsTable from '../../components/table/LogsTable';
 
 
 const Token = () => (
 const Token = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <LogsTable />
     <LogsTable />
   </div>
   </div>
 );
 );

web/src/pages/Midjourney/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import MjLogsTable from '../../components/table/MjLogsTable';
 import MjLogsTable from '../../components/table/MjLogsTable';
 
 
 const Midjourney = () => (
 const Midjourney = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <MjLogsTable />
     <MjLogsTable />
   </div>
   </div>
 );
 );

web/src/pages/Pricing/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import ModelPricing from '../../components/table/ModelPricing.js';
 import ModelPricing from '../../components/table/ModelPricing.js';
 
 
 const Pricing = () => (
 const Pricing = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <ModelPricing />
     <ModelPricing />
   </div>
   </div>
 );
 );

web/src/pages/Redemption/index.js

@@ -3,7 +3,7 @@ import RedemptionsTable from '../../components/table/RedemptionsTable';
 
 
 const Redemption = () => {
 const Redemption = () => {
   return (
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <RedemptionsTable />
       <RedemptionsTable />
     </div>
     </div>
   );
   );

web/src/pages/Setting/index.js

@@ -150,7 +150,7 @@ const Setting = () => {
     }
     }
   }, [location.search]);
   }, [location.search]);
   return (
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <Layout>
       <Layout>
         <Layout.Content>
         <Layout.Content>
           <Tabs
           <Tabs

web/src/pages/Task/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import TaskLogsTable from '../../components/table/TaskLogsTable.js';
 import TaskLogsTable from '../../components/table/TaskLogsTable.js';
 
 
 const Task = () => (
 const Task = () => (
-  <div className="mt-[64px]">
+  <div className="mt-[64px] px-2">
     <TaskLogsTable />
     <TaskLogsTable />
   </div>
   </div>
 );
 );

web/src/pages/Token/index.js

@@ -3,7 +3,7 @@ import TokensTable from '../../components/table/TokensTable';
 
 
 const Token = () => {
 const Token = () => {
   return (
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <TokensTable />
       <TokensTable />
     </div>
     </div>
   );
   );

web/src/pages/User/index.js

@@ -3,7 +3,7 @@ import UsersTable from '../../components/table/UsersTable';
 
 
 const User = () => {
 const User = () => {
   return (
   return (
-    <div className="mt-[64px]">
+    <div className="mt-[64px] px-2">
       <UsersTable />
       <UsersTable />
     </div>
     </div>
   );
   );