diff --git a/apps/frontend/src/pages/worker/WorkerProfilePage.tsx b/apps/frontend/src/pages/worker/WorkerProfilePage.tsx
index c7f30da5..7d0ac20b 100644
--- a/apps/frontend/src/pages/worker/WorkerProfilePage.tsx
+++ b/apps/frontend/src/pages/worker/WorkerProfilePage.tsx
@@ -176,19 +176,6 @@ export default function WorkerProfilePage() {
     }
   }
 
-  function jumpToLedgerSection(nextLedgerType = '') {
-    setLedgerType(nextLedgerType)
-    setLedgerPage(1)
-    setActiveTab('ledger')
-  }
-
-  function jumpToRequestSection(nextRequestType = '', nextStatus = '') {
-    setRequestType(nextRequestType)
-    setRequestStatus(nextStatus)
-    setRequestPage(1)
-    setActiveTab('requests')
-  }
-
   function openRechargeModal() {
     if (!canUseFinanceActions) {
       message.warning('当前账号尚未通过审核，暂时不能发起充值申请')
@@ -226,7 +213,9 @@ export default function WorkerProfilePage() {
       setRechargeOpen(false)
       rechargeForm.resetFields()
       await refreshAll()
-      jumpToRequestSection('recharge')
+      setRequestType('recharge')
+      setRequestPage(1)
+      setActiveTab('requests')
     } catch (error) {
       message.error(error instanceof Error ? error.message : '提交充值申请失败')
     } finally {
@@ -248,7 +237,9 @@ export default function WorkerProfilePage() {
       setWithdrawOpen(false)
       withdrawForm.resetFields()
       await refreshAll()
-      jumpToRequestSection('withdraw')
+      setRequestType('withdraw')
+      setRequestPage(1)
+      setActiveTab('requests')
     } catch (error) {
       message.error(error instanceof Error ? error.message : '提交提现申请失败')
     } finally {
@@ -414,243 +405,230 @@ export default function WorkerProfilePage() {
   }
 
   return (
-    <section className="page-stack">
-      <div className="worker-page-head">
-        <Typography.Title level={3}>个人中心</Typography.Title>
-        <Button
-          icon={<ReloadOutlined />}
-          loading={
-            profileQuery.isFetching || ledgersQuery.isFetching || requestsQuery.isFetching
-          }
-          onClick={() => refreshAll()}
-        >
-          刷新
-        </Button>
-      </div>
+    <>
+      {isMobile ? (
+        <div className="worker-profile-mobile-page">
+          {!worker && !profileQuery.isLoading ? <Empty description="暂无打手信息" /> : null}
 
-      {!worker && !profileQuery.isLoading ? <Empty description="暂无打手信息" /> : null}
+          {worker ? (
+            <>
+              {/* 沉浸式顶部个人卡片 */}
+              <div className="worker-profile-mobile-hero">
+                <div className="worker-profile-mobile-user-row">
+                  <Avatar
+                    size={52}
+                    className="worker-profile-mobile-avatar"
+                  >
+                    {resolveWorkerInitial(worker)}
+                  </Avatar>
+                  <div className="worker-profile-mobile-user-info">
+                    <div className="worker-profile-mobile-name-row">
+                      <strong className="worker-profile-mobile-name">
+                        {worker.displayName || worker.username}
+                      </strong>
+                    </div>
+                    <div className="worker-profile-mobile-tags-row">
+                      <span className="worker-profile-mobile-vip-badge">
+                        {worker.level?.name || '未分级'}
+                      </span>
+                      <Tag color={resolveWorkerStatusColor(worker.status)} className="worker-profile-mobile-tag">
+                        {formatWorkerStatus(worker.status)}
+                      </Tag>
+                      <Tag className="worker-profile-mobile-tag">
+                        {worker.workerType === 'internal' ? '内部打手' : '外部打手'}
+                      </Tag>
+                    </div>
+                    <div className="worker-profile-mobile-account-text">
+                      账号: {worker.username} {worker.phone ? `· ${worker.phone}` : ''}
+                    </div>
+                  </div>
+                  <Button
+                    type="text"
+                    shape="circle"
+                    icon={<ReloadOutlined />}
+                    className="worker-profile-mobile-refresh-btn"
+                    loading={profileQuery.isFetching || ledgersQuery.isFetching || requestsQuery.isFetching}
+                    onClick={() => refreshAll()}
+                  />
+                </div>
 
-      {worker ? (
-        <Space direction="vertical" size={16} style={{ width: '100%' }}>
-          {!canUseFinanceActions ? (
-            <Alert
-              showIcon
-              type="warning"
-              message="当前账号尚未通过审核，充值申请、提现申请和接单功能暂不可用。"
-            />
-          ) : null}
+                {/* 邀请码与等级进度 */}
+                <div className="worker-profile-mobile-hero-bottom">
+                  <div className="worker-profile-mobile-invite-bar">
+                    <span className="worker-profile-mobile-invite-label">我的邀请码:</span>
+                    <strong className="worker-profile-mobile-invite-code">{worker.inviteCode || '-'}</strong>
+                    {worker.inviteCode ? (
+                      <button
+                        type="button"
+                        className="worker-profile-mobile-copy-btn"
+                        onClick={copyInviteCode}
+                      >
+                        <CopyOutlined /> 复制
+                      </button>
+                    ) : null}
+                  </div>
 
-          <Card size="small">
-            <Space size={16} wrap align="start">
-              <Avatar size={64}>
-                {resolveWorkerInitial(worker)}
-              </Avatar>
-              <Space direction="vertical" size={2}>
-                <Typography.Title level={4} style={{ margin: 0 }}>
-                  {worker.displayName || worker.username}
-                </Typography.Title>
-                <Typography.Text type="secondary">
-                  账号：{worker.username}
-                </Typography.Text>
-                <Typography.Text type="secondary">
-                  手机号：{worker.phone || '-'}
-                </Typography.Text>
-              </Space>
-              <Space size={[8, 8]} wrap>
-                <Tag color={resolveWorkerStatusColor(worker.status)}>
-                  {formatWorkerStatus(worker.status)}
-                </Tag>
-                <Tag color={worker.workerType === 'internal' ? 'blue' : 'default'}>
-                  {worker.workerType === 'internal' ? '内部打手' : '外部打手'}
-                </Tag>
-                <Tag>{worker.level?.name || '未分级'}</Tag>
-              </Space>
-            </Space>
-            <Space direction="vertical" size={4} style={{ marginTop: 12, width: '100%' }}>
-              <Space wrap size={[8, 8]}>
-                <Typography.Text type="secondary">
-                  我的邀请码：
-                </Typography.Text>
-                <Typography.Text strong>{worker.inviteCode || '-'}</Typography.Text>
-                <Button
-                  size="small"
-                  type="link"
-                  icon={<CopyOutlined />}
+                  {levelProgress && levelProgress.nextThreshold !== null ? (
+                    <div className="worker-profile-mobile-level-box">
+                      <div className="worker-profile-mobile-level-text">
+                        已完成 {summary?.acceptedOrderCount || 0} 单 · 距下一级还需 {Math.max(0, levelProgress.nextThreshold - (summary?.acceptedOrderCount || 0))} 单
+                      </div>
+                      <Progress
+                        percent={levelProgress.progressPercent}
+                        size="small"
+                        strokeColor={{ '0%': '#f97316', '100%': '#fbbf24' }}
+                        showInfo={false}
+                      />
+                    </div>
+                  ) : (
+                    <div className="worker-profile-mobile-level-text">
+                      已完成 {summary?.acceptedOrderCount || 0} 单 · 当前已是最高等级
+                    </div>
+                  )}
+                </div>
+              </div>
+
+              {!canUseFinanceActions ? (
+                <Alert
+                  showIcon
+                  type="warning"
+                  message="当前账号尚未通过审核，充值申请、提现申请和接单功能暂不可用。"
+                />
+              ) : null}
+
+              {/* 资产卡片 */}
+              <div className="worker-profile-mobile-wallet-card">
+                <div className="worker-profile-mobile-wallet-top">
+                  <div className="worker-profile-mobile-wallet-main">
+                    <span className="worker-profile-mobile-wallet-title">可用余额</span>
+                    <strong className="worker-profile-mobile-wallet-amount">
+                      {formatMoney(worker.wallet.availableAmount)}
+                    </strong>
+                  </div>
+                  <div className="worker-profile-mobile-wallet-actions">
+                    <Button
+                      type="primary"
+                      size="middle"
+                      icon={<WalletOutlined />}
+                      disabled={!canUseFinanceActions}
+                      className="worker-profile-mobile-recharge-btn"
+                      onClick={openRechargeModal}
+                    >
+                      充值
+                    </Button>
+                    <Button
+                      size="middle"
+                      icon={<BankOutlined />}
+                      disabled={!canUseFinanceActions}
+                      className="worker-profile-mobile-withdraw-btn"
+                      onClick={openWithdrawModal}
+                    >
+                      提现
+                    </Button>
+                  </div>
+                </div>
+
+                <div className="worker-profile-mobile-wallet-grid">
+                  <div className="worker-profile-mobile-wallet-col">
+                    <span className="worker-profile-mobile-sub-label">冻结押金</span>
+                    <strong className="worker-profile-mobile-sub-val">
+                      {formatMoney(worker.wallet.frozenDepositAmount)}
+                    </strong>
+                  </div>
+                  <div className="worker-profile-mobile-wallet-col">
+                    <span className="worker-profile-mobile-sub-label">待解冻押金</span>
+                    <strong className="worker-profile-mobile-sub-val">
+                      {formatMoney(worker.wallet.pendingUnfreezeAmount)}
+                    </strong>
+                  </div>
+                  <div className="worker-profile-mobile-wallet-col">
+                    <span className="worker-profile-mobile-sub-label">累计结算</span>
+                    <strong className="worker-profile-mobile-sub-val">
+                      {formatMoney(worker.wallet.totalSettledAmount)}
+                    </strong>
+                  </div>
+                </div>
+              </div>
+
+              {/* 快捷操作宫格 */}
+              <div className="worker-profile-mobile-tools-card">
+                <button
+                  type="button"
+                  className="worker-profile-mobile-tool-item"
+                  onClick={() => setPasswordOpen(true)}
+                >
+                  <div className="worker-profile-mobile-tool-icon" style={{ background: '#eff6ff', color: '#3b82f6' }}>
+                    <LockOutlined />
+                  </div>
+                  <span>修改密码</span>
+                </button>
+                <button
+                  type="button"
+                  className="worker-profile-mobile-tool-item"
+                  onClick={() => setContactOpen(true)}
+                >
+                  <div className="worker-profile-mobile-tool-icon" style={{ background: '#f0fdf4', color: '#16a34a' }}>
+                    <CustomerServiceOutlined />
+                  </div>
+                  <span>联系客服</span>
+                </button>
+                <button
+                  type="button"
+                  className="worker-profile-mobile-tool-item"
                   disabled={!worker.inviteCode}
                   onClick={copyInviteCode}
                 >
-                  复制
-                </Button>
-              </Space>
-              {levelProgress && levelProgress.nextThreshold !== null ? (
-                <Space direction="vertical" size={0} style={{ width: '100%' }}>
-                  <Typography.Text type="secondary">
-                    已累计完成 {summary?.acceptedOrderCount || 0} 单，
-                    距下一等级还需 {Math.max(0, levelProgress.nextThreshold - (summary?.acceptedOrderCount || 0))} 单
-                  </Typography.Text>
-                  <Progress
-                    percent={levelProgress.progressPercent}
-                    size="small"
-                    format={(percent) => `${percent}%`}
-                  />
-                </Space>
-              ) : (
-                <Typography.Text type="secondary">
-                  已累计完成 {summary?.acceptedOrderCount || 0} 单，当前已是最高等级
-                </Typography.Text>
-              )}
-            </Space>
-          </Card>
+                  <div className="worker-profile-mobile-tool-icon" style={{ background: '#fef3c7', color: '#d97706' }}>
+                    <CopyOutlined />
+                  </div>
+                  <span>邀请好友</span>
+                </button>
+                <button
+                  type="button"
+                  className="worker-profile-mobile-tool-item"
+                  onClick={submitLogout}
+                >
+                  <div className="worker-profile-mobile-tool-icon" style={{ background: '#fef2f2', color: '#ef4444' }}>
+                    <LogoutOutlined />
+                  </div>
+                  <span>退出登录</span>
+                </button>
+              </div>
 
-          <Card size="small" className="worker-profile-wallet-card">
-            <div className="worker-profile-wallet-strip">
-              <div className="worker-profile-wallet-item">
-                <span className="worker-profile-wallet-label">可用余额</span>
-                <strong className="worker-profile-wallet-value">
-                  {formatMoney(worker.wallet.availableAmount)}
-                </strong>
-                <small className="worker-profile-wallet-note">可用于抢单冻结或提现申请</small>
-              </div>
-              <div className="worker-profile-wallet-item">
-                <span className="worker-profile-wallet-label">冻结押金</span>
-                <strong className="worker-profile-wallet-value">
-                  {formatMoney(worker.wallet.frozenDepositAmount)}
-                </strong>
-                <small className="worker-profile-wallet-note">抢单后冻结，验收后进入待解冻</small>
-              </div>
-              <div className="worker-profile-wallet-item">
-                <span className="worker-profile-wallet-label">待解冻押金</span>
-                <strong className="worker-profile-wallet-value">
-                  {formatMoney(worker.wallet.pendingUnfreezeAmount)}
-                </strong>
-                <small className="worker-profile-wallet-note">验收后按配置天数解冻到账</small>
-              </div>
-              <div className="worker-profile-wallet-item">
-                <span className="worker-profile-wallet-label">累计结算</span>
-                <strong className="worker-profile-wallet-value">
-                  {formatMoney(worker.wallet.totalSettledAmount)}
-                </strong>
-                <small className="worker-profile-wallet-note">已结算入账的报酬合计</small>
-              </div>
-            </div>
-          </Card>
+              {/* 记录与明细分段滑动页 */}
+              <div className="worker-profile-mobile-sections-card">
+                <div className="worker-profile-mobile-tab-nav">
+                  <button
+                    type="button"
+                    className={`worker-profile-mobile-tab-btn ${activeTab === 'ledger' ? 'active' : ''}`}
+                    onClick={() => setActiveTab('ledger')}
+                  >
+                    资金流水
+                  </button>
+                  <button
+                    type="button"
+                    className={`worker-profile-mobile-tab-btn ${activeTab === 'requests' ? 'active' : ''}`}
+                    onClick={() => setActiveTab('requests')}
+                  >
+                    申请记录
+                  </button>
+                  <button
+                    type="button"
+                    className={`worker-profile-mobile-tab-btn ${activeTab === 'account' ? 'active' : ''}`}
+                    onClick={() => setActiveTab('account')}
+                  >
+                    账号详情
+                  </button>
+                </div>
 
-          <Card title="快捷操作" size="small">
-            <Space wrap size={[12, 12]}>
-              <Button
-                type="primary"
-                icon={<WalletOutlined />}
-                disabled={!canUseFinanceActions}
-                onClick={openRechargeModal}
-              >
-                充值申请
-              </Button>
-              <Button
-                type="primary"
-                icon={<BankOutlined />}
-                disabled={!canUseFinanceActions}
-                onClick={openWithdrawModal}
-              >
-                提现申请
-              </Button>
-              <Button icon={<LockOutlined />} onClick={() => setPasswordOpen(true)}>
-                修改密码
-              </Button>
-              <Button
-                icon={<CustomerServiceOutlined />}
-                onClick={() => setContactOpen(true)}
-              >
-                联系管理员
-              </Button>
-              <Button danger icon={<LogoutOutlined />} onClick={submitLogout}>
-                退出登录
-              </Button>
-            </Space>
-          </Card>
-
-          <Tabs
-            activeKey={activeTab}
-            onChange={setActiveTab}
-            items={[
-              {
-                key: 'account',
-                label: '账号信息',
-                children: (
-                  <Card size="small">
-                    <Descriptions column={{ xs: 1, md: 2 }} bordered size="small">
-                      <Descriptions.Item label="账号">{worker.username}</Descriptions.Item>
-                      <Descriptions.Item label="昵称">
-                        {worker.displayName || '-'}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="手机号">
-                        {worker.phone || '-'}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="审核状态">
-                        <Tag color={resolveWorkerStatusColor(worker.status)}>
-                          {formatWorkerStatus(worker.status)}
-                        </Tag>
-                      </Descriptions.Item>
-                      <Descriptions.Item label="当前等级">
-                        {worker.level?.name || '-'}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="我的邀请码">
-                        <Space size={4}>
-                          {worker.inviteCode || '-'}
-                          {worker.inviteCode ? (
-                            <Button
-                              size="small"
-                              type="link"
-                              icon={<CopyOutlined />}
-                              onClick={copyInviteCode}
-                            />
-                          ) : null}
-                        </Space>
-                      </Descriptions.Item>
-                      <Descriptions.Item label="邀请人">
-                        {worker.inviter ? worker.inviter.displayName || worker.inviter.username : '-'}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="已累计完成">
-                        {summary?.acceptedOrderCount || 0} 单
-                      </Descriptions.Item>
-                      <Descriptions.Item label="超时订单">
-                        {summary?.timeoutOrderCount || 0} 单
-                      </Descriptions.Item>
-                      <Descriptions.Item label="累计充值">
-                        {formatMoney(worker.wallet.totalCreditedAmount)}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="提现中金额">
-                        {formatMoney(summary?.pendingWithdrawAmount)}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="免押额度">
-                        {formatMoney(worker.level?.permissions.depositFreeAmount || 0)}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="最大同时接单">
-                        {worker.level?.permissions.maxActiveOrders || 0} 单
-                      </Descriptions.Item>
-                      <Descriptions.Item label="审核备注">
-                        {worker.reviewNote || '-'}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="注册时间">
-                        {formatDateTime(worker.createdAt)}
-                      </Descriptions.Item>
-                      <Descriptions.Item label="最近更新时间">
-                        {formatDateTime(worker.updatedAt)}
-                      </Descriptions.Item>
-                    </Descriptions>
-                  </Card>
-                ),
-              },
-              {
-                key: 'ledger',
-                label: '资金流水',
-                children: (
-                  <Card
-                    size="small"
-                    extra={
-                      <Space wrap>
+                <div className="worker-profile-mobile-tab-body">
+                  {activeTab === 'ledger' && (
+                    <div className="worker-profile-mobile-tab-pane">
+                      <div className="worker-profile-mobile-filter-row">
                         <Select
+                          size="small"
                           value={ledgerType}
-                          style={{ width: 170 }}
+                          style={{ width: 140 }}
                           options={[
                             { value: '', label: '全部流水' },
                             { value: 'manual_credit', label: '人工充值' },
@@ -668,16 +646,15 @@ export default function WorkerProfilePage() {
                           }}
                         />
                         <Button
+                          size="small"
                           icon={<ReloadOutlined />}
                           loading={ledgersQuery.isFetching}
                           onClick={() => ledgersQuery.refetch()}
                         >
                           刷新
                         </Button>
-                      </Space>
-                    }
-                  >
-                    {isMobile ? (
+                      </div>
+
                       <div className="worker-profile-mobile-records">
                         {ledgersQuery.isLoading ? (
                           <div className="worker-hall-loading"><Spin size="large" /></div>
@@ -707,7 +684,7 @@ export default function WorkerProfilePage() {
                                 <span>冻结押金: {formatMoney(row.frozenAfter)}</span>
                               </div>
                               {row.note ? (
-                                <div className="worker-profile-record-note">{row.note}</div>
+                                <div className="worker-profile-record-note">说明: {row.note}</div>
                               ) : null}
                               {row.relatedWorkOrderId ? (
                                 <div className="worker-profile-record-sub">
@@ -720,6 +697,7 @@ export default function WorkerProfilePage() {
                             </div>
                           ))
                         )}
+
                         {(ledgersQuery.data?.data.pagination.total || 0) > 0 ? (
                           <div className="worker-orders-mobile-pagination">
                             <Pagination
@@ -735,85 +713,51 @@ export default function WorkerProfilePage() {
                           </div>
                         ) : null}
                       </div>
-                    ) : (
-                      <Table<WorkerWalletLedger>
-                        rowKey="ledgerId"
-                        size="small"
-                        loading={ledgersQuery.isLoading}
-                        dataSource={ledgersQuery.data?.data.items || []}
-                        columns={ledgerColumns}
-                        locale={{
-                          emptyText: ledgersQuery.error
-                            ? ledgersQuery.error instanceof Error
-                              ? ledgersQuery.error.message
-                              : '读取钱包流水失败'
-                            : '暂无钱包流水',
-                        }}
-                        pagination={{
-                          current: ledgersQuery.data?.data.pagination.page || ledgerPage,
-                          pageSize: ledgersQuery.data?.data.pagination.pageSize || ledgerPageSize,
-                          total: ledgersQuery.data?.data.pagination.total || 0,
-                          showSizeChanger: true,
-                          pageSizeOptions: [10, 20, 50],
-                          showTotal: (total) => `共 ${total} 条`,
-                          onChange: (nextPage, nextPageSize) => {
-                            setLedgerPage(nextPage)
-                            setLedgerPageSize(nextPageSize)
-                          },
-                        }}
-                        scroll={{ x: 920 }}
-                      />
-                    )}
-                  </Card>
-                ),
-              },
-              {
-                key: 'requests',
-                label: '申请记录',
-                children: (
-                  <Card
-                    size="small"
-                    extra={
-                      <Space wrap>
-                        <Select
-                          value={requestType}
-                          style={{ width: 140 }}
-                          options={[
-                            { value: '', label: '全部类型' },
-                            { value: 'recharge', label: '充值申请' },
-                            { value: 'withdraw', label: '提现申请' },
-                          ]}
-                          onChange={(nextType) => {
-                            setRequestType(nextType)
-                            setRequestPage(1)
-                          }}
-                        />
-                        <Select
-                          value={requestStatus}
-                          style={{ width: 140 }}
-                          options={[
-                            { value: '', label: '全部状态' },
-                            { value: 'pending', label: '待处理' },
-                            { value: 'approved', label: '已通过' },
-                            { value: 'rejected', label: '已拒绝' },
-                            { value: 'cancelled', label: '已取消' },
-                          ]}
-                          onChange={(nextStatus) => {
-                            setRequestStatus(nextStatus)
-                            setRequestPage(1)
-                          }}
-                        />
-                        <Button
-                          icon={<ReloadOutlined />}
-                          loading={requestsQuery.isFetching}
-                          onClick={() => requestsQuery.refetch()}
-                        >
-                          刷新
-                        </Button>
-                      </Space>
-                    }
-                  >
-                    {isMobile ? (
+                    </div>
+                  )}
+
+                  {activeTab === 'requests' && (
+                    <div className="worker-profile-mobile-tab-pane">
+                      <div className="worker-profile-mobile-filter-row">
+                        <Space size={6} wrap>
+                          <Select
+                            size="small"
+                            value={requestType}
+                            style={{ width: 110 }}
+                            options={[
+                              { value: '', label: '全部类型' },
+                              { value: 'recharge', label: '充值申请' },
+                              { value: 'withdraw', label: '提现申请' },
+                            ]}
+                            onChange={(nextType) => {
+                              setRequestType(nextType)
+                              setRequestPage(1)
+                            }}
+                          />
+                          <Select
+                            size="small"
+                            value={requestStatus}
+                            style={{ width: 110 }}
+                            options={[
+                              { value: '', label: '全部状态' },
+                              { value: 'pending', label: '待处理' },
+                              { value: 'approved', label: '已通过' },
+                              { value: 'rejected', label: '已驳回' },
+                            ]}
+                            onChange={(nextStatus) => {
+                              setRequestStatus(nextStatus)
+                              setRequestPage(1)
+                            }}
+                          />
+                          <Button
+                            size="small"
+                            icon={<ReloadOutlined />}
+                            loading={requestsQuery.isFetching}
+                            onClick={() => requestsQuery.refetch()}
+                          />
+                        </Space>
+                      </div>
+
                       <div className="worker-profile-mobile-records">
                         {requestsQuery.isLoading ? (
                           <div className="worker-hall-loading"><Spin size="large" /></div>
@@ -856,6 +800,7 @@ export default function WorkerProfilePage() {
                             </div>
                           ))
                         )}
+
                         {(requestsQuery.data?.data.pagination.total || 0) > 0 ? (
                           <div className="worker-orders-mobile-pagination">
                             <Pagination
@@ -871,42 +816,451 @@ export default function WorkerProfilePage() {
                           </div>
                         ) : null}
                       </div>
-                    ) : (
-                      <Table<WorkerFinanceRequest>
-                        rowKey="requestId"
+                    </div>
+                  )}
+
+                  {activeTab === 'account' && (
+                    <div className="worker-profile-mobile-tab-pane">
+                      <div className="worker-profile-mobile-account-list">
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">账号</span>
+                          <span className="worker-profile-mobile-acc-val">{worker.username}</span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">昵称</span>
+                          <span className="worker-profile-mobile-acc-val">{worker.displayName || '-'}</span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">手机号</span>
+                          <span className="worker-profile-mobile-acc-val">{worker.phone || '-'}</span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">审核状态</span>
+                          <span className="worker-profile-mobile-acc-val">
+                            <Tag color={resolveWorkerStatusColor(worker.status)}>
+                              {formatWorkerStatus(worker.status)}
+                            </Tag>
+                          </span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">当前等级</span>
+                          <span className="worker-profile-mobile-acc-val">{worker.level?.name || '-'}</span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">免押额度</span>
+                          <span className="worker-profile-mobile-acc-val">
+                            {formatMoney(worker.level?.permissions.depositFreeAmount || 0)}
+                          </span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">最大同时接单</span>
+                          <span className="worker-profile-mobile-acc-val">
+                            {worker.level?.permissions.maxActiveOrders || 0} 单
+                          </span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">邀请人</span>
+                          <span className="worker-profile-mobile-acc-val">
+                            {worker.inviter ? worker.inviter.displayName || worker.inviter.username : '-'}
+                          </span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">已完成订单</span>
+                          <span className="worker-profile-mobile-acc-val">{summary?.acceptedOrderCount || 0} 单</span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">累计充值</span>
+                          <span className="worker-profile-mobile-acc-val">
+                            {formatMoney(worker.wallet.totalCreditedAmount)}
+                          </span>
+                        </div>
+                        <div className="worker-profile-mobile-account-item">
+                          <span className="worker-profile-mobile-acc-label">注册时间</span>
+                          <span className="worker-profile-mobile-acc-val">{formatDateTime(worker.createdAt)}</span>
+                        </div>
+                      </div>
+                    </div>
+                  )}
+                </div>
+              </div>
+            </>
+          ) : null}
+        </div>
+      ) : (
+        <section className="page-stack">
+          <div className="worker-page-head">
+            <Typography.Title level={3}>个人中心</Typography.Title>
+            <Button
+              icon={<ReloadOutlined />}
+              loading={
+                profileQuery.isFetching || ledgersQuery.isFetching || requestsQuery.isFetching
+              }
+              onClick={() => refreshAll()}
+            >
+              刷新
+            </Button>
+          </div>
+
+          {!worker && !profileQuery.isLoading ? <Empty description="暂无打手信息" /> : null}
+
+          {worker ? (
+            <Space direction="vertical" size={16} style={{ width: '100%' }}>
+              {!canUseFinanceActions ? (
+                <Alert
+                  showIcon
+                  type="warning"
+                  message="当前账号尚未通过审核，充值申请、提现申请和接单功能暂不可用。"
+                />
+              ) : null}
+
+              <Card size="small">
+                <Space size={16} wrap align="start">
+                  <Avatar size={64}>
+                    {resolveWorkerInitial(worker)}
+                  </Avatar>
+                  <Space direction="vertical" size={2}>
+                    <Typography.Title level={4} style={{ margin: 0 }}>
+                      {worker.displayName || worker.username}
+                    </Typography.Title>
+                    <Typography.Text type="secondary">
+                      账号：{worker.username}
+                    </Typography.Text>
+                    <Typography.Text type="secondary">
+                      手机号：{worker.phone || '-'}
+                    </Typography.Text>
+                  </Space>
+                  <Space size={[8, 8]} wrap>
+                    <Tag color={resolveWorkerStatusColor(worker.status)}>
+                      {formatWorkerStatus(worker.status)}
+                    </Tag>
+                    <Tag color={worker.workerType === 'internal' ? 'blue' : 'default'}>
+                      {worker.workerType === 'internal' ? '内部打手' : '外部打手'}
+                    </Tag>
+                    <Tag>{worker.level?.name || '未分级'}</Tag>
+                  </Space>
+                </Space>
+                <Space direction="vertical" size={4} style={{ marginTop: 12, width: '100%' }}>
+                  <Space wrap size={[8, 8]}>
+                    <Typography.Text type="secondary">
+                      我的邀请码：
+                    </Typography.Text>
+                    <Typography.Text strong>{worker.inviteCode || '-'}</Typography.Text>
+                    <Button
+                      size="small"
+                      type="link"
+                      icon={<CopyOutlined />}
+                      disabled={!worker.inviteCode}
+                      onClick={copyInviteCode}
+                    >
+                      复制
+                    </Button>
+                  </Space>
+                  {levelProgress && levelProgress.nextThreshold !== null ? (
+                    <Space direction="vertical" size={0} style={{ width: '100%' }}>
+                      <Typography.Text type="secondary">
+                        已累计完成 {summary?.acceptedOrderCount || 0} 单，
+                        距下一等级还需 {Math.max(0, levelProgress.nextThreshold - (summary?.acceptedOrderCount || 0))} 单
+                      </Typography.Text>
+                      <Progress
+                        percent={levelProgress.progressPercent}
                         size="small"
-                        loading={requestsQuery.isLoading}
-                        dataSource={requestsQuery.data?.data.items || []}
-                        columns={requestColumns}
-                        locale={{
-                          emptyText: requestsQuery.error
-                            ? requestsQuery.error instanceof Error
-                              ? requestsQuery.error.message
-                              : '读取申请记录失败'
-                            : '暂无申请记录',
-                        }}
-                        pagination={{
-                          current: requestsQuery.data?.data.pagination.page || requestPage,
-                          pageSize: requestsQuery.data?.data.pagination.pageSize || requestPageSize,
-                          total: requestsQuery.data?.data.pagination.total || 0,
-                          showSizeChanger: true,
-                          pageSizeOptions: [10, 20, 50],
-                          showTotal: (total) => `共 ${total} 条`,
-                          onChange: (nextPage, nextPageSize) => {
-                            setRequestPage(nextPage)
-                            setRequestPageSize(nextPageSize)
-                          },
-                        }}
-                        scroll={{ x: 980 }}
+                        format={(percent) => `${percent}%`}
                       />
-                    )}
-                  </Card>
-                ),
-              },
-            ]}
-          />
-        </Space>
-      ) : null}
+                    </Space>
+                  ) : (
+                    <Typography.Text type="secondary">
+                      已累计完成 {summary?.acceptedOrderCount || 0} 单，当前已是最高等级
+                    </Typography.Text>
+                  )}
+                </Space>
+              </Card>
+
+              <Card size="small" className="worker-profile-wallet-card">
+                <div className="worker-profile-wallet-strip">
+                  <div className="worker-profile-wallet-item">
+                    <span className="worker-profile-wallet-label">可用余额</span>
+                    <strong className="worker-profile-wallet-value">
+                      {formatMoney(worker.wallet.availableAmount)}
+                    </strong>
+                    <small className="worker-profile-wallet-note">可用于抢单冻结或提现申请</small>
+                  </div>
+                  <div className="worker-profile-wallet-item">
+                    <span className="worker-profile-wallet-label">冻结押金</span>
+                    <strong className="worker-profile-wallet-value">
+                      {formatMoney(worker.wallet.frozenDepositAmount)}
+                    </strong>
+                    <small className="worker-profile-wallet-note">抢单后冻结，验收后进入待解冻</small>
+                  </div>
+                  <div className="worker-profile-wallet-item">
+                    <span className="worker-profile-wallet-label">待解冻押金</span>
+                    <strong className="worker-profile-wallet-value">
+                      {formatMoney(worker.wallet.pendingUnfreezeAmount)}
+                    </strong>
+                    <small className="worker-profile-wallet-note">验收后按配置天数解冻到账</small>
+                  </div>
+                  <div className="worker-profile-wallet-item">
+                    <span className="worker-profile-wallet-label">累计结算</span>
+                    <strong className="worker-profile-wallet-value">
+                      {formatMoney(worker.wallet.totalSettledAmount)}
+                    </strong>
+                    <small className="worker-profile-wallet-note">已结算入账的报酬合计</small>
+                  </div>
+                </div>
+              </Card>
+
+              <Card title="快捷操作" size="small">
+                <Space wrap size={[12, 12]}>
+                  <Button
+                    type="primary"
+                    icon={<WalletOutlined />}
+                    disabled={!canUseFinanceActions}
+                    onClick={openRechargeModal}
+                  >
+                    充值申请
+                  </Button>
+                  <Button
+                    type="primary"
+                    icon={<BankOutlined />}
+                    disabled={!canUseFinanceActions}
+                    onClick={openWithdrawModal}
+                  >
+                    提现申请
+                  </Button>
+                  <Button icon={<LockOutlined />} onClick={() => setPasswordOpen(true)}>
+                    修改密码
+                  </Button>
+                  <Button
+                    icon={<CustomerServiceOutlined />}
+                    onClick={() => setContactOpen(true)}
+                  >
+                    联系管理员
+                  </Button>
+                  <Button danger icon={<LogoutOutlined />} onClick={submitLogout}>
+                    退出登录
+                  </Button>
+                </Space>
+              </Card>
+
+              <Tabs
+                activeKey={activeTab}
+                onChange={setActiveTab}
+                items={[
+                  {
+                    key: 'account',
+                    label: '账号信息',
+                    children: (
+                      <Card size="small">
+                        <Descriptions column={{ xs: 1, md: 2 }} bordered size="small">
+                          <Descriptions.Item label="账号">{worker.username}</Descriptions.Item>
+                          <Descriptions.Item label="昵称">
+                            {worker.displayName || '-'}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="手机号">
+                            {worker.phone || '-'}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="审核状态">
+                            <Tag color={resolveWorkerStatusColor(worker.status)}>
+                              {formatWorkerStatus(worker.status)}
+                            </Tag>
+                          </Descriptions.Item>
+                          <Descriptions.Item label="当前等级">
+                            {worker.level?.name || '-'}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="我的邀请码">
+                            <Space size={4}>
+                              {worker.inviteCode || '-'}
+                              {worker.inviteCode ? (
+                                <Button
+                                  size="small"
+                                  type="link"
+                                  icon={<CopyOutlined />}
+                                  onClick={copyInviteCode}
+                                />
+                              ) : null}
+                            </Space>
+                          </Descriptions.Item>
+                          <Descriptions.Item label="邀请人">
+                            {worker.inviter ? worker.inviter.displayName || worker.inviter.username : '-'}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="已累计完成">
+                            {summary?.acceptedOrderCount || 0} 单
+                          </Descriptions.Item>
+                          <Descriptions.Item label="超时订单">
+                            {summary?.timeoutOrderCount || 0} 单
+                          </Descriptions.Item>
+                          <Descriptions.Item label="累计充值">
+                            {formatMoney(worker.wallet.totalCreditedAmount)}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="提现中金额">
+                            {formatMoney(summary?.pendingWithdrawAmount)}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="免押额度">
+                            {formatMoney(worker.level?.permissions.depositFreeAmount || 0)}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="最大同时接单">
+                            {worker.level?.permissions.maxActiveOrders || 0} 单
+                          </Descriptions.Item>
+                          <Descriptions.Item label="审核备注">
+                            {worker.reviewNote || '-'}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="注册时间">
+                            {formatDateTime(worker.createdAt)}
+                          </Descriptions.Item>
+                          <Descriptions.Item label="最近更新时间">
+                            {formatDateTime(worker.updatedAt)}
+                          </Descriptions.Item>
+                        </Descriptions>
+                      </Card>
+                    ),
+                  },
+                  {
+                    key: 'ledger',
+                    label: '资金流水',
+                    children: (
+                      <Card
+                        size="small"
+                        extra={
+                          <Space wrap>
+                            <Select
+                              value={ledgerType}
+                              style={{ width: 170 }}
+                              options={[
+                                { value: '', label: '全部流水' },
+                                { value: 'manual_credit', label: '人工充值' },
+                                { value: 'withdraw_paid', label: '提现打款' },
+                                { value: 'deposit_freeze', label: '冻结押金' },
+                                { value: 'deposit_release', label: '释放押金' },
+                                { value: 'deposit_pending_unfreeze', label: '押金待解冻' },
+                                { value: 'deposit_unfreeze', label: '押金已解冻' },
+                                { value: 'deposit_deduction', label: '扣除押金' },
+                                { value: 'reward_settlement', label: '结算报酬' },
+                              ]}
+                              onChange={(nextType) => {
+                                setLedgerType(nextType)
+                                setLedgerPage(1)
+                              }}
+                            />
+                            <Button
+                              icon={<ReloadOutlined />}
+                              loading={ledgersQuery.isFetching}
+                              onClick={() => ledgersQuery.refetch()}
+                            >
+                              刷新
+                            </Button>
+                          </Space>
+                        }
+                      >
+                        <Table<WorkerWalletLedger>
+                          rowKey="ledgerId"
+                          size="small"
+                          loading={ledgersQuery.isLoading}
+                          dataSource={ledgersQuery.data?.data.items || []}
+                          columns={ledgerColumns}
+                          locale={{
+                            emptyText: ledgersQuery.error
+                              ? ledgersQuery.error instanceof Error
+                                ? ledgersQuery.error.message
+                                : '读取资金流水失败'
+                              : '暂无钱包流水',
+                          }}
+                          pagination={{
+                            current: ledgersQuery.data?.data.pagination.page || ledgerPage,
+                            pageSize: ledgersQuery.data?.data.pagination.pageSize || ledgerPageSize,
+                            total: ledgersQuery.data?.data.pagination.total || 0,
+                            showSizeChanger: true,
+                            pageSizeOptions: [10, 20, 50],
+                            showTotal: (total) => `共 ${total} 条`,
+                            onChange: (nextPage, nextPageSize) => {
+                              setLedgerPage(nextPage)
+                              setLedgerPageSize(nextPageSize)
+                            },
+                          }}
+                          scroll={{ x: 980 }}
+                        />
+                      </Card>
+                    ),
+                  },
+                  {
+                    key: 'requests',
+                    label: '申请记录',
+                    children: (
+                      <Card
+                        size="small"
+                        extra={
+                          <Space wrap>
+                            <Select
+                              value={requestType}
+                              style={{ width: 140 }}
+                              options={[
+                                { value: '', label: '全部类型' },
+                                { value: 'recharge', label: '充值申请' },
+                                { value: 'withdraw', label: '提现申请' },
+                              ]}
+                              onChange={(nextType) => {
+                                setRequestType(nextType)
+                                setRequestPage(1)
+                              }}
+                            />
+                            <Select
+                              value={requestStatus}
+                              style={{ width: 140 }}
+                              options={[
+                                { value: '', label: '全部状态' },
+                                { value: 'pending', label: '待处理' },
+                                { value: 'approved', label: '已通过' },
+                                { value: 'rejected', label: '已驳回' },
+                              ]}
+                              onChange={(nextStatus) => {
+                                setRequestStatus(nextStatus)
+                                setRequestPage(1)
+                              }}
+                            />
+                            <Button
+                              icon={<ReloadOutlined />}
+                              loading={requestsQuery.isFetching}
+                              onClick={() => requestsQuery.refetch()}
+                            >
+                              刷新
+                            </Button>
+                          </Space>
+                        }
+                      >
+                        <Table<WorkerFinanceRequest>
+                          rowKey="requestId"
+                          size="small"
+                          loading={requestsQuery.isLoading}
+                          dataSource={requestsQuery.data?.data.items || []}
+                          columns={requestColumns}
+                          locale={{
+                            emptyText: requestsQuery.error
+                              ? requestsQuery.error instanceof Error
+                                ? requestsQuery.error.message
+                                : '读取申请记录失败'
+                              : '暂无申请记录',
+                          }}
+                          pagination={{
+                            current: requestsQuery.data?.data.pagination.page || requestPage,
+                            pageSize: requestsQuery.data?.data.pagination.pageSize || requestPageSize,
+                            total: requestsQuery.data?.data.pagination.total || 0,
+                            showSizeChanger: true,
+                            pageSizeOptions: [10, 20, 50],
+                            showTotal: (total) => `共 ${total} 条`,
+                            onChange: (nextPage, nextPageSize) => {
+                              setRequestPage(nextPage)
+                              setRequestPageSize(nextPageSize)
+                            },
+                          }}
+                          scroll={{ x: 980 }}
+                        />
+                      </Card>
+                    ),
+                  },
+                ]}
+              />
+            </Space>
+          ) : null}
+        </section>
+      )}
 
       <Modal
         title="充值申请"
@@ -1195,7 +1549,7 @@ export default function WorkerProfilePage() {
           </Typography.Paragraph>
         </Space>
       </Modal>
-    </section>
+    </>
   )
 }
 
diff --git a/apps/frontend/src/styles/main.css b/apps/frontend/src/styles/main.css
index 2bff8f91..2257a06b 100644
--- a/apps/frontend/src/styles/main.css
+++ b/apps/frontend/src/styles/main.css
@@ -3195,7 +3195,7 @@ body {
 .worker-profile-mobile-records {
   display: flex;
   flex-direction: column;
-  gap: 10px;
+  gap: 8px;
   width: 100%;
 }
 
@@ -3203,10 +3203,10 @@ body {
   background: #ffffff;
   border: 1px solid #e2e8f0;
   border-radius: 10px;
-  padding: 12px;
+  padding: 10px 12px;
   display: flex;
   flex-direction: column;
-  gap: 6px;
+  gap: 4px;
   font-size: 12px;
 }
 
@@ -3243,4 +3243,386 @@ body {
   margin-top: 2px;
 }
 
+/* ==========================================================================
+   移动端 个人中心 (Worker Profile Mobile Page)
+   ========================================================================== */
+
+.worker-profile-mobile-page {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+/* 顶部沉浸式个人卡片（明亮温润风格） */
+.worker-profile-mobile-hero {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  border-radius: 14px;
+  padding: 14px;
+  color: #0f172a;
+  box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.worker-profile-mobile-user-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  position: relative;
+}
+
+.worker-profile-mobile-avatar {
+  background: linear-gradient(135deg, #ff8c00, #ea580c);
+  color: #ffffff;
+  font-weight: 700;
+  font-size: 20px;
+  box-shadow: 0 2px 8px rgba(234, 88, 12, 0.25);
+  flex-shrink: 0;
+}
+
+.worker-profile-mobile-user-info {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+  flex: 1;
+}
+
+.worker-profile-mobile-name-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+
+.worker-profile-mobile-name {
+  font-size: 17px;
+  font-weight: 700;
+  color: #0f172a;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.worker-profile-mobile-tags-row {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: wrap;
+}
+
+.worker-profile-mobile-vip-badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 1px 6px;
+  background: linear-gradient(135deg, #fef08a, #facc15);
+  color: #854d0e;
+  border-radius: 4px;
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 14px;
+}
+
+.worker-profile-mobile-tag {
+  margin: 0;
+  font-size: 10px;
+  padding: 0 4px;
+  line-height: 16px;
+}
+
+.worker-profile-mobile-account-text {
+  font-size: 11px;
+  color: #64748b;
+}
+
+.worker-profile-mobile-refresh-btn {
+  color: #64748b;
+  background: #f1f5f9;
+  border: none;
+  width: 28px;
+  height: 28px;
+  display: grid;
+  place-items: center;
+  flex-shrink: 0;
+}
+
+.worker-profile-mobile-refresh-btn:hover,
+.worker-profile-mobile-refresh-btn:focus {
+  color: var(--theme-primary);
+  background: #e2e8f0;
+}
+
+.worker-profile-mobile-hero-bottom {
+  border-top: 1px solid #f1f5f9;
+  padding-top: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+
+.worker-profile-mobile-invite-bar {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  background: #fff7ed;
+  border: 1px solid #ffedd5;
+  border-radius: 6px;
+  padding: 4px 8px;
+}
+
+.worker-profile-mobile-invite-label {
+  color: #9a3412;
+  font-size: 11px;
+}
+
+.worker-profile-mobile-invite-code {
+  color: #ea580c;
+  letter-spacing: 0.5px;
+  font-weight: 700;
+  font-size: 13px;
+}
+
+.worker-profile-mobile-copy-btn {
+  border: 1px solid #fdba74;
+  background: #ffffff;
+  color: #ea580c;
+  border-radius: 4px;
+  padding: 1px 6px;
+  font-size: 11px;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  margin-left: auto;
+}
+
+.worker-profile-mobile-level-box {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.worker-profile-mobile-level-text {
+  font-size: 11px;
+  color: #64748b;
+}
+
+/* 资产钱包卡片 */
+.worker-profile-mobile-wallet-card {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  border-radius: 14px;
+  padding: 14px;
+  box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.worker-profile-mobile-wallet-top {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.worker-profile-mobile-wallet-main {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.worker-profile-mobile-wallet-title {
+  font-size: 11px;
+  color: #64748b;
+}
+
+.worker-profile-mobile-wallet-amount {
+  font-size: 24px;
+  font-weight: 800;
+  color: #ea580c;
+  line-height: 1;
+}
+
+.worker-profile-mobile-wallet-actions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.worker-profile-mobile-recharge-btn {
+  font-weight: 600;
+}
+
+.worker-profile-mobile-withdraw-btn {
+  font-weight: 600;
+}
+
+.worker-profile-mobile-wallet-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  gap: 4px;
+  border-top: 1px solid #f1f5f9;
+  padding-top: 10px;
+  text-align: center;
+}
+
+.worker-profile-mobile-wallet-col {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  padding: 0 4px;
+}
+
+.worker-profile-mobile-wallet-col + .worker-profile-mobile-wallet-col {
+  border-left: 1px solid #f1f5f9;
+}
+
+.worker-profile-mobile-sub-label {
+  font-size: 11px;
+  color: #64748b;
+}
+
+.worker-profile-mobile-sub-val {
+  font-size: 14px;
+  font-weight: 700;
+  color: #1e293b;
+}
+
+/* 快捷操作宫格 */
+.worker-profile-mobile-tools-card {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  border-radius: 14px;
+  padding: 12px 8px;
+  box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 4px;
+}
+
+.worker-profile-mobile-tool-item {
+  border: none;
+  background: transparent;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  padding: 6px 2px;
+  border-radius: 8px;
+  transition: background 0.15s ease;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.worker-profile-mobile-tool-item:active {
+  background: #f8fafc;
+  transform: scale(0.96);
+}
+
+.worker-profile-mobile-tool-icon {
+  width: 38px;
+  height: 38px;
+  border-radius: 10px;
+  display: grid;
+  place-items: center;
+  font-size: 18px;
+}
+
+.worker-profile-mobile-tool-item span {
+  font-size: 11px;
+  color: #334155;
+  font-weight: 500;
+  white-space: nowrap;
+}
+
+/* 记录与明细分段滑动卡片 */
+.worker-profile-mobile-sections-card {
+  background: #ffffff;
+  border: 1px solid #e2e8f0;
+  border-radius: 14px;
+  box-shadow: 0 1px 6px rgba(15, 23, 42, 0.04);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.worker-profile-mobile-tab-nav {
+  display: flex;
+  border-bottom: 1px solid #e2e8f0;
+  background: #f8fafc;
+}
+
+.worker-profile-mobile-tab-btn {
+  flex: 1;
+  border: none;
+  background: transparent;
+  padding: 10px 0;
+  font-size: 13px;
+  font-weight: 500;
+  color: #64748b;
+  cursor: pointer;
+  position: relative;
+  transition: all 0.15s ease;
+}
+
+.worker-profile-mobile-tab-btn.active {
+  color: var(--theme-primary);
+  font-weight: 700;
+  background: #ffffff;
+}
+
+.worker-profile-mobile-tab-btn.active::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 20%;
+  right: 20%;
+  height: 2px;
+  background: var(--theme-primary);
+  border-radius: 2px;
+}
+
+.worker-profile-mobile-tab-body {
+  padding: 12px;
+}
+
+.worker-profile-mobile-filter-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 10px;
+}
+
+/* 账号详情列表 */
+.worker-profile-mobile-account-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.worker-profile-mobile-account-item {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 6px 0;
+  border-bottom: 1px solid #f1f5f9;
+  font-size: 12px;
+}
+
+.worker-profile-mobile-acc-label {
+  color: #64748b;
+}
+
+.worker-profile-mobile-acc-val {
+  color: #0f172a;
+  font-weight: 500;
+}
+
+