diff --git a/src/components/base/card.tsx b/src/components/base/card.tsx
index cdf9913..0388800 100644
--- a/src/components/base/card.tsx
+++ b/src/components/base/card.tsx
@@ -3,6 +3,7 @@ import { forwardRef, MouseEventHandler, PropsWithChildren } from 'react';
 interface CardProps extends PropsWithChildren {
     className?: string;
     onClick?: MouseEventHandler<HTMLDivElement>;
+    onClickCapture?: MouseEventHandler<HTMLDivElement>;
     onContextMenu?: MouseEventHandler<HTMLDivElement>;
     onDoubleClick?: MouseEventHandler<HTMLDivElement>;
 }
@@ -13,6 +14,7 @@ export default forwardRef<HTMLDivElement, CardProps>(function Card (props, ref)
             className={`rounded-1.5 border-(1 solid outline-pri) dark:border-outline-dark-pri bg-white bg-op-60 dark:bg-bg-dark-pri p-4 ${props.onClick ? 'hover:border-outline-sec dark:hover:border-outline-dark-sec' : ''} ${props.className ?? ''}`}
             ref={ref}
             onClick={props.onClick}
+            onClickCapture={props.onClickCapture}
             onDoubleClick={props.onDoubleClick}
             onContextMenu={props.onContextMenu}
         >
diff --git a/src/components/base/checkbox.tsx b/src/components/base/checkbox.tsx
index 5990ca9..c4ba3a9 100644
--- a/src/components/base/checkbox.tsx
+++ b/src/components/base/checkbox.tsx
@@ -30,7 +30,7 @@ const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox (
                     disabled={disabled}
                     ref={ref}
                 />
-                <div className={`w-5 h-5 flex items-center justify-center border-(1 solid) rounded transition-all duration-200 ease-in-out
+                <div className={`w-4 h-4 flex items-center justify-center border-(1 solid) rounded transition-all duration-150 ease-in-out
                         ${checked
             ? 'bg-fg-pri border-fg-pri dark:bg-fg-dark-pri dark:border-fg-dark-pri'
             : 'bg-white border-outline-pri dark:bg-bg-dark-pri dark:border-outline-dark-pri'}
@@ -38,7 +38,7 @@ const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox (
             ? 'border-outline-ter dark:border-outline-dark-ter'
             : 'hover:border-fg-pri dark:hover:border-fg-dark-pri'}`}>
                     <svg
-                        className={`w-3 h-3 text-white dark:text-bg-dark-pri fill-current transition-opacity duration-200 ease-in-out
+                        className={`w-2 h-2 text-white dark:text-bg-dark-pri fill-current transition-opacity duration-200 ease-in-out
                         ${checked ? 'opacity-100' : 'opacity-0'}`}
                         viewBox='0 0 20 20'
                     >
diff --git a/src/components/now-playing.tsx b/src/components/now-playing.tsx
index bfb8f47..ba9d914 100644
--- a/src/components/now-playing.tsx
+++ b/src/components/now-playing.tsx
@@ -127,6 +127,7 @@ export default function NowPlaying () {
                                     </div>
                                 )}
                                 className='flex w-5 h-5'
+                                placement='top-right'
                                 trigger='click'
                             >
                                 <span className='i-fluent:navigation-play-20-regular w-5 h-5 cursor-pointer' />
diff --git a/src/components/song-item.tsx b/src/components/song-item.tsx
index e1c22aa..f6e16a3 100644
--- a/src/components/song-item.tsx
+++ b/src/components/song-item.tsx
@@ -6,11 +6,15 @@ import { useCallback } from 'react';
 import { useAtom } from 'jotai';
 import { songlistsJotai } from '../jotais/library';
 import * as player from '../utils/player';
+import Checkbox from './base/checkbox';
 
 interface SongItemProps {
     song: AbstractSong<string>;
+    selectMode?: boolean;
+    select?: boolean;
     onClick (song: AbstractSong<string>): void;
     hideBg?: boolean;
+    onSelect? (checked: boolean): void;
 }
 
 export default function SongItem (props: SongItemProps) {
@@ -63,8 +67,13 @@ export default function SongItem (props: SongItemProps) {
 
     return (
         <Card onContextMenu={showContextMenu} onDoubleClick={() => {
+            if (props.selectMode) return;
             props.onClick(props.song);
-        }} className={`flex flex-row items-center active:scale-99 py-2 gap-2 hover:!bg-black cursor-pointer hover:!bg-op-5 transition-all ${props.hideBg ? '!border-none !bg-transparent' : ''}`}>
+        }} onClickCapture={() => {
+            if (!props.selectMode) return;
+            props.onSelect?.(!props.select);
+        }} className={`flex flex-row items-center ${props.selectMode ? '' : 'active:scale-99'} py-2 gap-2 hover:!bg-black cursor-pointer hover:!bg-op-5 transition-all ${props.hideBg ? '!border-none !bg-transparent' : ''}`}>
+            {props.selectMode && (<Checkbox checked={props.select} onChange={props.onSelect} />)}
             <img draggable={false} src={props.song.cover ?? defaultCover} alt={props.song.name} className='rounded-md w-10 h-10' />
             <div className='flex flex-col gap-1'>
                 <span className='color-text-pri font-size-sm font-500'>{props.song.name}</span>
diff --git a/src/jotais/library.ts b/src/jotais/library.ts
index 12e8ea6..ae545fc 100644
--- a/src/jotais/library.ts
+++ b/src/jotais/library.ts
@@ -2,6 +2,7 @@ import { atom } from 'jotai';
 import { scannedJotai, Song, storagesJotai } from './storage';
 import sharedStore from './shared-store';
 import { atomWithStorage } from 'jotai/utils';
+import { backendStorage } from '../utils/local-utitity';
 
 export const libraryJotai = atom<Song<string>[]>([]);
 sharedStore.sub(scannedJotai, () => {
@@ -84,4 +85,13 @@ export interface Songlist {
     songs: Song<string>[];
 }
 
-export const songlistsJotai = atomWithStorage<Songlist[]>('songlist', []);
+export const songlistsJotai = atom<Songlist[]>([]);
+backendStorage.get('songlists').then((songlists: Songlist[] | undefined) => {
+    if (!songlists) return;
+    sharedStore.set(songlistsJotai, songlists);
+});
+
+sharedStore.sub(songlistsJotai, () => {
+    const songlists = sharedStore.get(songlistsJotai);
+    backendStorage.set('songlists', songlists);
+});
diff --git a/src/pages/ncm.tsx b/src/pages/ncm.tsx
index 543a3c2..ab9bf00 100644
--- a/src/pages/ncm.tsx
+++ b/src/pages/ncm.tsx
@@ -1,9 +1,9 @@
 import { focusAtom } from 'jotai-optics';
 import { storagesConfigJotai } from '../jotais/settings';
-import { useAtomValue } from 'jotai';
+import { useAtomValue, WritableAtom } from 'jotai';
 import { NCMConfig, NCMSonglist } from '../storages/ncm';
 import Input from '../components/base/input';
-import { useCallback, useEffect, useState } from 'react';
+import { SetStateAction, useCallback, useEffect, useState } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 import { nowPlayingBarJotai } from '../jotais/play';
 import { storagesJotai, type Song as AbstractSong } from '../jotais/storage';
@@ -20,8 +20,9 @@ interface NCMProfile {
     avatarUrl: string;
 }
 
-const ncmStorageConfigJotai = focusAtom(storagesConfigJotai, (optic) => optic.prop('ncm'));
+const ncmStorageConfigJotai = focusAtom(storagesConfigJotai, (optic) => optic.prop('ncm')) as unknown as WritableAtom<NCMConfig, [SetStateAction<NCMConfig>], void>;
 const ncmStorageJotai = focusAtom(storagesJotai, (optic) => optic.prop('ncm'));
+const profileJotai = focusAtom(ncmStorageConfigJotai, (optic) => optic.prop('profile'));
 
 export default function NCM () {
     const ncmConfig = useAtomValue(ncmStorageConfigJotai) as NCMConfig;
@@ -29,7 +30,7 @@ export default function NCM () {
     const barOpen = useAtomValue(nowPlayingBarJotai);
 
     const [songlist, setSonglist] = useState<NCMSonglist[]>([]);
-    const [profile, setProfile] = useState<NCMProfile | null>(null);
+    const profile = useAtomValue(profileJotai);
     const [searchText, setSearchText] = useState('');
     const [searchResult, setSearchResult] = useState<AbstractSong<'ncm'>[]>([]);
     const [hasMore, setHasMore] = useState(false);
@@ -46,9 +47,6 @@ export default function NCM () {
     useEffect(() => {
         if (ncmConfig.loggedIn) {
             ncmInstance.getRemoteSonglist().then(setSonglist);
-            ncmInstance.getProfile().then(setProfile);
-        } else {
-            setProfile(null);
         }
     }, [ncmConfig, ncmInstance]);
 
diff --git a/src/pages/settings.tsx b/src/pages/settings.tsx
index c51c623..77f3cef 100644
--- a/src/pages/settings.tsx
+++ b/src/pages/settings.tsx
@@ -32,6 +32,7 @@ const ncmStorageConfigJotai = focusAtom(storagesConfigJotai, (optic) => optic.pr
 const ncmCookieJotai = focusAtom(ncmStorageConfigJotai, (optic) => optic.prop('cookie'));
 const ncmLoggedInJotai = focusAtom(ncmStorageConfigJotai, (optic) => optic.prop('loggedIn'));
 const ncmApiJotai = focusAtom(ncmStorageConfigJotai, (optic) => optic.prop('api'));
+const ncmProfileJotai = focusAtom(ncmStorageConfigJotai, (optic) => optic.prop('profile'));
 const localFoldersJotai = focusAtom(localStorageConfigJotai, (optic) => optic.prop('folders'));
 const localAutoScanJotai = focusAtom(localStorageConfigJotai, (optic) => optic.prop('autoScanBehavior'));
 const localStorageJotai = focusAtom(storagesJotai, (optic) => optic.prop('local'));
@@ -53,6 +54,7 @@ export default function Settings () {
     const setNCMCookie = useSetAtom(ncmCookieJotai);
     const [ncmLoggedIn, setNCMloggedIn] = useAtom(ncmLoggedInJotai);
     const [streaming, setStreaming] = useAtom(streamingJotai);
+    const [ncmProfile, setNCMProfile] = useAtom(ncmProfileJotai);
     const [ncmAPI, setNcmAPI] = useAtom(ncmApiJotai);
     const barOpen = useAtomValue(nowPlayingBarJotai);
 
@@ -267,9 +269,16 @@ export default function Settings () {
                         <span className='grow-1'>
                             <FormattedMessage defaultMessage='163 Account' />
                         </span>
+                        {ncmProfile && (
+                            <div className='flex items-center gap-2'>
+                                <img src={ncmProfile.avatarUrl} draggable={false} className="w-6 h-6 aspect-square rounded-full" />
+                                <span className='font-size-sm'>{ncmProfile.nickname}</span>
+                            </div>
+                        )}
                         <Button onClick={() => {
                             if (ncmLoggedIn) {
                                 setNCMCookie(undefined);
+                                setNCMProfile(undefined);
                                 setNCMloggedIn(false);
                             } else {
                                 setNcmAuthModalOpen(true);
diff --git a/src/pages/song.tsx b/src/pages/song.tsx
index 0713a5c..e53334c 100644
--- a/src/pages/song.tsx
+++ b/src/pages/song.tsx
@@ -1,4 +1,4 @@
-import { useAtomValue } from 'jotai';
+import { useAtom, useAtomValue } from 'jotai';
 import { useState, useCallback, useEffect } from 'react';
 import { Virtuoso } from 'react-virtuoso';
 import Button from '../components/base/button';
@@ -11,8 +11,9 @@ import * as player from '../utils/player';
 import { scannedJotai } from '../jotais/storage';
 import type { Song } from '../jotais/storage';
 import { SortOptions, filterSongList, sortSongList } from '../utils/sort';
-import { libraryJotai } from '../jotais/library';
+import { libraryJotai, songlistsJotai } from '../jotais/library';
 import { FormattedMessage, useIntl } from 'react-intl';
+import { Menu, MenuItem, PredefinedMenuItem, Submenu } from '@tauri-apps/api/menu';
 
 const sortOptions = [
     { value: 'default', label: 'Default' } as const,
@@ -22,12 +23,15 @@ const sortOptions = [
     { value: 'time_asc', label: 'Time' } as const
 ];
 
-export default function Song () {
+export default function SongPage () {
     const _list = useAtomValue(libraryJotai);
     const [list, setList] = useState(_list);
     const barOpen = useAtomValue(nowPlayingBarJotai);
     const scanned = useAtomValue(scannedJotai);
+    const [songlists, setSonglists] = useAtom(songlistsJotai);
     const intl = useIntl();
+    const [multiselect, setMultiselect] = useState(false);
+    const [selected, setSelected] = useState<(number | string)[]>([]);
     const [keyword, setKeyword] = useState('');
     const [sortBy, setSortBy] = useState<SortOptions>('a-z');
     const handleClickSong = useCallback((song: Song<string>) => {
@@ -42,6 +46,53 @@ export default function Song () {
         player.addToPlaylist(...newList);
         player.setCurrentSong(newList[0]);
     }, [list]);
+    const handleSelect = useCallback((id: string | number, checked: boolean) => {
+        const newSelected = [...selected];
+        if (checked && !selected.includes(id)) newSelected.push(id);
+        else if (selected.includes(id)) {
+            newSelected.splice(selected.indexOf(id), 1);
+        }
+        setSelected(newSelected);
+    }, [selected]);
+    const handleMultiselectOperate = useCallback(async () => {
+        const menu = await Menu.new({
+            items: [
+                await MenuItem.new({
+                    text: 'Add to playlist',
+                    action: () => {
+                        const songs = selected.map(id => _list.find(song => song.id === id)!);
+                        player.clearPlaylist();
+                        player.addToPlaylist(...songs);
+                        player.setCurrentSong(songs[0]);
+                        setMultiselect(false);
+                    }
+                }),
+                await PredefinedMenuItem.new({
+                    item: 'Separator'
+                }),
+                await Submenu.new({
+                    text: 'Add to',
+                    items: await Promise.all(songlists.map((songlist, index) => (MenuItem.new({
+                        text: songlist.name,
+                        action: () => {
+                            const duplicatedSongs = songlist.songs.filter(song => selected.includes(song.id)).map(song => song.id);
+                            const pureSelected = selected.filter(id => !duplicatedSongs.includes(id));
+                            const newSonglist = {
+                                ...songlist,
+                                songs: [...songlist.songs, ...pureSelected.map(id => _list.find(song => song.id === id)!)]
+                            };
+                            const newSonglists = [...songlists];
+                            newSonglists[index] = newSonglist;
+                            setSonglists(newSonglists);
+                            setMultiselect(false);
+                        }
+                    }))))
+                })
+            ]
+        });
+        menu.popup();
+    }, [selected, _list, songlists]);
+
     useEffect(() => {
         let ir: Song<string>[] = _list;
         if (keyword.trim() !== '') {
@@ -56,40 +107,59 @@ export default function Song () {
                 <span className='color-text-pri font-size-3xl font-500'>
                     <FormattedMessage defaultMessage='Songs' />
                 </span>
-                <div className='flex flex-row items-center gap-4'>
-                    <Button onClick={handleRandomPlay} variant='primary' className='flex flex-row gap-2 items-center'><span className='i-fluent:arrow-shuffle-20-regular w-5 h-5' />
-                        <FormattedMessage defaultMessage='Random' />
-                    </Button>
-                    {!scanned && (
-                        <div className='flex items-center gap-2'>
-                            <Spinner size='size-4' />
-                            <span className='font-size-sm'>
-                                <FormattedMessage defaultMessage='Scanning...' />
-                            </span>
-                        </div>
-                    )}
-                    <Input placeholder={intl.formatMessage({ defaultMessage: 'Search'})} value={keyword} onChange={(e) => {
-                        setKeyword(e.target.value);
-                    }} after={<span className='i-fluent:search-20-regular' />} className='m-l-auto' />
-                    <span className='color-text-pri font-size-sm'>
-                        <FormattedMessage defaultMessage='Sort By:' />
-                    </span>
-                    <Select position='left' options={sortOptions} onChange={option => {
-                        setSortBy(option);
-                    }} value={sortBy} />
+                <div className='flex flex-row items-center flex-wrap gap-2'>
+                    <div className='flex items-center gap-4'>
+                        <Button onClick={handleRandomPlay} variant='primary' className='flex flex-row gap-2 items-center'><span className='i-fluent:arrow-shuffle-20-regular w-5 h-5' />
+                            <FormattedMessage defaultMessage='Random' />
+                        </Button>
+                        <Button onClick={() => {
+                            setMultiselect(!multiselect);
+                        }} className='flex flex-row gap-2 items-center'>
+                            {multiselect ? <><span className='i-fluent:dismiss-20-regular w-5 h-5' /><FormattedMessage defaultMessage='Cancel' /></> : <><span className='i-fluent:multiselect-20-regular w-5 h-5' /><FormattedMessage defaultMessage='Multiselect' /></>}
+                        </Button>
+                        {multiselect && (
+                            <>
+                                <span className='color-text-sec font-size-sm'>
+                                    <FormattedMessage defaultMessage='{total} Songs' values={{ total: selected.length }} />
+                                </span>
+                                <Button onClick={handleMultiselectOperate} disabled={selected.length < 1} className='flex items-center justify-center'>
+                                    <span className='i-fluent:wrench-20-regular w-5 h-5' />
+                                </Button>
+                            </>
+                        )}
+                        {!scanned && (
+                            <div className='flex items-center gap-2'>
+                                <Spinner size='size-4' />
+                                <span className='font-size-sm'>
+                                    <FormattedMessage defaultMessage='Scanning...' />
+                                </span>
+                            </div>
+                        )}
+                    </div>
+                    <div className='flex items-center gap-4 md:ml-auto'>
+                        <Input placeholder={intl.formatMessage({ defaultMessage: 'Search' })} value={keyword} onChange={(e) => {
+                            setKeyword(e.target.value);
+                        }} after={<span className='i-fluent:search-20-regular' />} />
+                        <span className='color-text-pri font-size-sm'>
+                            <FormattedMessage defaultMessage='Sort By:' />
+                        </span>
+                        <Select position='left' options={sortOptions} onChange={option => {
+                            setSortBy(option);
+                        }} value={sortBy} />
+                    </div>
                 </div>
             </div>
             {list.length > 0 ? (
-                <div className='h-[calc(100vh-204px)]'>
+                <div className='h-[calc(100vh-244px)] md:h-[calc(100vh-204px)]'>
                     <Virtuoso
-                        computeItemKey={(i) => `${sortBy}-${i}`}
+                        computeItemKey={(i) => `${sortBy}${i}`}
                         totalCount={barOpen ? list.length + 1 : list.length}
                         itemContent={(index) => {
                             if (index === list.length) {
                                 return <div className='h-20' />;
                             }
                             const song = list[index];
-                            return <SongItem song={song} onClick={handleClickSong} hideBg={!(index % 2)} />;
+                            return <SongItem song={song} selectMode={multiselect} select={selected.includes(song.id)} onSelect={(checked) => handleSelect(song.id, checked)} onClick={handleClickSong} hideBg={!(index % 2)} />;
                         }}
                     />
                 </div>
diff --git a/src/pages/songlist.tsx b/src/pages/songlist.tsx
index 95b481f..d66a8b1 100644
--- a/src/pages/songlist.tsx
+++ b/src/pages/songlist.tsx
@@ -3,7 +3,7 @@ import { scannedJotai, Song } from '../jotais/storage';
 import Spinner from '../components/base/spinner';
 import { Virtuoso } from 'react-virtuoso';
 import { Songlist, songlistsJotai } from '../jotais/library';
-import { useCallback, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import SongItem from '../components/song-item';
 import * as player from '../utils/player';
 import { FormattedMessage, useIntl } from 'react-intl';
@@ -11,13 +11,45 @@ import SonglistItem from '../components/songlist-item';
 import Button from '../components/base/button';
 import Tooltip from '../components/base/tooltip';
 import Input from '../components/base/input';
+import { SortOptions, sortSongList } from '../utils/sort';
+import Select from '../components/base/select';
+
+const sortOptions = [
+    { value: 'default', label: 'Default' } as const,
+    { value: 'a-z', label: 'A - Z' } as const,
+    { value: 'z-a', label: 'Z - A' } as const,
+    { value: 'time_desc', label: 'Time (Reversed)' } as const,
+    { value: 'time_asc', label: 'Time' } as const
+];
 
 export default function SonglistPage () {
     const scanned = useAtomValue(scannedJotai);
     const intl = useIntl();
     const [songlists, setSonglists] = useAtom(songlistsJotai);
     const [songlistName, setSonglistName] = useState('');
+    const [_currentSonglist, _setCurrentSonglist] = useState<Songlist | null>(null);
     const [currentSonglist, setCurrentSonglist] = useState<Songlist | null>(null);
+    const [sortBy, setSortBy] = useState<SortOptions>('a-z');
+    useEffect(() => {
+        if (_currentSonglist === null) {
+            setCurrentSonglist(null);
+            return;
+        }
+        let ir: Song<string>[] = _currentSonglist.songs;
+        ir = sortSongList(ir, sortBy);
+        setCurrentSonglist({
+            ..._currentSonglist,
+            ...{songs: ir}
+        });
+    }, [_currentSonglist, sortBy]);
+    const handleRandomPlay = useCallback(() => {
+        if (!currentSonglist) return;
+        const newList = [...currentSonglist.songs];
+        player.clearPlaylist();
+        player.shuffleNewSongs(newList, newList.length);
+        player.addToPlaylist(...newList);
+        player.setCurrentSong(newList[0]);
+    }, [currentSonglist]);
     const handleClickSong = useCallback((song: Song<string>) => {
         if (!currentSonglist) return;
         player.clearPlaylist();
@@ -96,7 +128,7 @@ export default function SonglistPage () {
                                         onDelete={handleDeleteSonglist}
                                         onPlayAll={handleClickSonglist}
                                         onClick={(i: number) => {
-                                            setCurrentSonglist(songlists[i]);
+                                            _setCurrentSonglist(songlists[i]);
                                         }}
                                     />
                                 );
@@ -106,16 +138,25 @@ export default function SonglistPage () {
                     <div className={`absolute inset-0 transition-all duration-300 ease-in-out ${currentSonglist ? 'translate-x-0' : 'translate-x-full'}`}>
                         {currentSonglist && (
                             <div className='flex flex-col h-full'>
-                                <div className='flex items-center gap-4 px-4'>
+                                <div className='flex items-center gap-4 px-4 py-2'>
                                     <Button
                                         size='sm'
                                         className='flex items-center'
-                                        onClick={() => setCurrentSonglist(null)}
+                                        onClick={() => _setCurrentSonglist(null)}
                                     >
                                         <span className='i-fluent:chevron-left-16-regular' />
                                         <FormattedMessage defaultMessage='Back' />
                                     </Button>
-                                    <h2 className='text-xl font-semibold'>{currentSonglist.name}</h2>
+                                    <span className='text-xl font-semibold'>{currentSonglist.name}</span>
+                                    <Button onClick={handleRandomPlay} variant='primary' className='mr-auto flex flex-row gap-2 items-center'><span className='i-fluent:arrow-shuffle-20-regular w-5 h-5' />
+                                        <FormattedMessage defaultMessage='Random' />
+                                    </Button>
+                                    <span className='color-text-pri font-size-sm'>
+                                        <FormattedMessage defaultMessage='Sort By:' />
+                                    </span>
+                                    <Select position='left' options={sortOptions} onChange={option => {
+                                        setSortBy(option);
+                                    }} value={sortBy} />
                                 </div>
                                 <Virtuoso
                                     className='flex-1'
diff --git a/src/storages/ncm.ts b/src/storages/ncm.ts
index d7dc90b..6d77deb 100644
--- a/src/storages/ncm.ts
+++ b/src/storages/ncm.ts
@@ -219,12 +219,53 @@ interface NCMSonglistTrack {
     publishTime: number;
 }
 
+interface NCMProfile {
+    userId: number;
+    userType: number;
+    nickname: string;
+    avatarImgId: number;
+    avatarUrl: string;
+    backgroundImgId: number;
+    backgroundUrl: string;
+    signature: string;
+    createTime: number;
+    userName: string;
+    accountType: number;
+    shortUserName: string;
+    birthday: number;
+    authority: number;
+    gender: number;
+    accountStatus: number;
+    province: number;
+    city: number;
+    authStatus: number;
+    description: string | null;
+    detailDescription: string | null;
+    defaultAvatar: boolean;
+    expertTags: string[] | null;
+    experts: Record<string, unknown> | null;
+    djStatus: number;
+    locationStatus: number;
+    vipType: number;
+    followed: boolean;
+    mutual: boolean;
+    authenticated: boolean;
+    lastLoginTime: number;
+    lastLoginIP: string;
+    remarkName: string | null;
+    viptypeVersion: number;
+    authenticationTypes: number;
+    avatarDetail: null;
+    anchor: boolean;
+}
+
 type NCMQuality = 'standard' | 'higher' | 'exhigh' | 'lossless' | 'hires' | 'jyeffect' | 'sky' | 'jymaster';
 
 export interface NCMConfig extends StorageConfig<'ncm'> {
     cookie?: string;
     loggedIn?: boolean;
     uid?: number;
+    profile?: NCMProfile,
     api: string;
     syncSonglist: boolean;
     defaultQuality: NCMQuality;
@@ -375,8 +416,12 @@ export class NCM implements AbstractStorage {
 
     async getProfile () {
         if (!this.config.loggedIn) throw 'not logged in';
+        if (this.config.profile) return this.config.profile;
+
         const res = await fetch(`${this.config.api}user/account?cookie=${this.config.cookie}`);
         const { profile } = await res.json();
+        const profileJotai = focusAtom(this.ncmStorageConfigJotai, (optic) => optic.prop('profile'));
+        sharedStore.set(profileJotai, profile);
         return profile;
     }