fix(pc-client,account-service): B-61 试用前小修 - 头像取首字/群头像拼格/近似灰Token收敛/重置密码踢下线，构建 v1.0.1 安装包

Co-authored-by: multica-agent <github@multica.ai>

pc-client/src/pages/chat/ConversationSider/ConversationItem.tsx

@@ -55,7 +55,7 @@ const ConversationItem = ({ isActive, conversation }: IConversationProps) => {
       className={clsx(
         styles["conversation-item"],
         "border border-transparent",
-        isActive ? `bg-[var(--primary-active)]` : "hover:bg-[#F3F5F7]",
+        isActive ? `bg-[var(--primary-active)]` : "hover:bg-[var(--chat-bg)]",
       )}
       onClick={toSpecifiedConversation}
     >

pc-client/src/pages/chat/ConversationSider/index.tsx

@@ -152,7 +152,7 @@ const ConversationSider = () => {
       <div className="app-drag px-4 pt-4">
         <div className="pb-3 text-base font-bold">{t("placeholder.chat")}</div>
         <Input
-          className="app-no-drag mb-2 rounded-md border-none !bg-[#F3F5F7]"
+          className="app-no-drag mb-2 rounded-md border-none !bg-[var(--chat-bg)]"
           prefix={<SearchOutlined className="text-[var(--sub-text)]" rev={undefined} />}
           placeholder={t("placeholder.search")}
           allowClear

pc-client/src/pages/chat/EmptyChat.tsx

@@ -5,7 +5,7 @@ export const EmptyChat = () => {
   const { t } = useTranslation();
 
   return (
-    <Layout className="no-mobile flex items-center justify-center !bg-[#F3F5F7]">
+    <Layout className="no-mobile flex items-center justify-center !bg-[var(--chat-bg)]">
       <div className="flex flex-col items-center">
         <div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-[var(--primary)]">
           <svg width="34" height="34" viewBox="0 0 24 24" fill="none">

pc-client/src/pages/chat/queryChat/ChatContent.tsx

@@ -141,7 +141,7 @@ const ChatContent = () => {
 
   return (
     <Layout.Content
-      className="relative flex h-full overflow-hidden !bg-[#F3F5F7]"
+      className="relative flex h-full overflow-hidden !bg-[var(--chat-bg)]"
       id="chat-main"
     >
       {renderBody()}

pc-client/src/pages/chat/queryChat/ChatFooter/index.tsx

@@ -185,7 +185,7 @@ const ChatFooter: ForwardRefRenderFunction<unknown, unknown> = (_, ref) => {
 
         {/* 录音条 */}
         {recording && (
-          <div className="mx-4 mt-2 flex items-center rounded-md bg-[#F3F5F7] px-3 py-2">
+          <div className="mx-4 mt-2 flex items-center rounded-md bg-[var(--chat-bg)] px-3 py-2">
             <span className="mr-2 h-2 w-2 animate-pulse rounded-full bg-[var(--warn-text)]" />
             <span className="flex-1 text-sm">
               {t("placeholder.microphone")} {seconds}″

pc-client/src/pages/chat/queryChat/GroupSetting/GroupSettings.tsx

@@ -1,4 +1,4 @@
-import { RightOutlined } from "@ant-design/icons";
+import { RightOutlined } from "@ant-design/icons";
 import { Button, Divider, Upload } from "antd";
 import clsx from "clsx";
 import { t } from "i18next";
@@ -97,7 +97,7 @@ const GroupSettings = ({
         </div>
       </div>
 
-      <Divider className="m-0 border-4 border-[#F4F5F7]" />
+      <Divider className="m-0 border-4 border-[var(--chat-bg)]" />
       {currentGroupInfo && isJoinGroup && (
         <GroupMemberRow
           currentGroupInfo={currentGroupInfo}
@@ -105,9 +105,9 @@ const GroupSettings = ({
           updateTravel={updateTravel}
         />
       )}
-      <Divider className="m-0 border-4 border-[#F4F5F7]" />
+      <Divider className="m-0 border-4 border-[var(--chat-bg)]" />
 
-      <Divider className="m-0 border-4 border-[#F4F5F7]" />
+      <Divider className="m-0 border-4 border-[var(--chat-bg)]" />
       <SettingRow className="pb-2" title={`${t("placeholder.group")}ID`}>
         <div className="flex items-center">
           <span className="mr-1 text-xs text-[var(--sub-text)]">
@@ -131,11 +131,11 @@ const GroupSettings = ({
         </span>
       </SettingRow>
 
-      <Divider className="m-0 border-4 border-[#F4F5F7]" />
+      <Divider className="m-0 border-4 border-[var(--chat-bg)]" />
 
       {isOwner && (
         <>
-          <Divider className="m-0 border-4 border-[#F4F5F7]" />
+          <Divider className="m-0 border-4 border-[var(--chat-bg)]" />
           <SettingRow
             className="cursor-pointer"
             title={t("placeholder.transferGroup")}

pc-client/src/pages/chat/queryChat/SingleSetting/index.tsx

@@ -1,4 +1,4 @@
-import { RightOutlined } from "@ant-design/icons";
+import { RightOutlined } from "@ant-design/icons";
 import { Button, Divider, Drawer } from "antd";
 import { t } from "i18next";
 import { forwardRef, ForwardRefRenderFunction, memo } from "react";
@@ -110,13 +110,13 @@ const SingleSetting: ForwardRefRenderFunction<OverlayVisibleHandle, unknown> = (
         </div>
         <RightOutlined rev={undefined} />
       </div>
-      <Divider className="m-0 border-4 border-[#F4F5F7]" />
+      <Divider className="m-0 border-4 border-[var(--chat-bg)]" />
       <SettingRow
         title={t("placeholder.moveBlacklist")}
         value={isBlack}
         tryChange={updateBlack}
       />
-      <Divider className="m-0 border-4 border-[#F4F5F7]" />
+      <Divider className="m-0 border-4 border-[var(--chat-bg)]" />
 
       <div className="flex-1" />
       {isFriend && (

pc-client/src/pages/common/GroupCardModal/index.tsx

@@ -153,7 +153,7 @@ const GroupCardModal: ForwardRefRenderFunction<
             </div>
           </div>
         ) : (
-          <div className="bg-[#F2F8FF] p-5.5">
+          <div className="bg-[var(--call-wait-bg)] p-5.5">
             <div className="mb-3">{`${t("placeholder.groupMember")}：${
               groupData?.memberCount
             }`}</div>

pc-client/src/pages/common/RtcCallModal/RtcLayout.tsx

@@ -87,7 +87,7 @@ export const RtcLayout = ({
         <div
           className={clsx(
             "flex h-full flex-col items-center justify-between bg-[#262729]",
-            { "!bg-[#F2F8FF]": isWaiting },
+            { "!bg-[var(--call-wait-bg)]": isWaiting },
           )}
         >
           {renderContent()}

pc-client/src/pages/contact/ContactSider.tsx

@@ -91,7 +91,7 @@ const ContactSider = () => {
                   "mx-2 flex cursor-pointer items-center rounded-lg px-3 py-2.5 text-sm",
                   index === selectIndex
                     ? "bg-[var(--primary-active)]"
-                    : "hover:bg-[#F3F5F7]",
+                    : "hover:bg-[var(--chat-bg)]",
                 )}
                 onClick={() => {
                   setSelectIndex(index);