fix(pc-client): PC 端统一手机端设计 Token 并补提交 src/components（B-52 视觉阻塞修复）

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

pc-client/src/pages/contact/myFriends/AlphabetIndex.tsx

@@ -36,7 +36,7 @@ const AlphabetIndex: ForwardRefRenderFunction<
       {indexList.map((letter, idx) => (
         <span
           className={clsx("my-0.5 cursor-pointer text-xs text-[var(--sub-text)]", {
-            "!text-[#0073D9]": currentAlphabet === letter,
+            "!text-[var(--primary)]": currentAlphabet === letter,
           })}
           key={letter}
           onClick={() => jumpToLetter(idx, letter)}

pc-client/src/pages/contact/myFriends/index.tsx

@@ -90,10 +90,10 @@ export const MyFriends = () => {
             groupCounts={sectionData.groupCounts}
             groupContent={(index) => (
               <div>
-                <div className="bg-white px-3.5 pb-1 text-[13px] text-[#8E9AB0FF]">
+                <div className="bg-white px-3.5 pb-1 text-[13px] text-[var(--sub-text)]">
                   {sectionData.indexList[index]}
                 </div>
-                <div className="mx-3.5 mb-3 h-px w-full bg-[#E8EAEFFF] bg-white" />
+                <div className="mx-3.5 mb-3 h-px w-full bg-[var(--gap-text)] bg-white" />
               </div>
             )}
             itemContent={(index) => {

pc-client/src/pages/contact/myGroups/GroupListItem.tsx

@@ -17,7 +17,7 @@ const GroupListItem = ({
       <OIMAvatar size={48} src={source?.faceURL} isgroup />
       <div className="ml-3">
         <p className="text-sm">{source.groupName}</p>
-        <p className="text-xs text-[#8E9AB0FF]">{source.memberCount}</p>
+        <p className="text-xs text-[var(--sub-text)]">{source.memberCount}</p>
       </div>
     </div>
   );