:root[data-theme=dark]{--backgound-color: #000000;--text-color: #aaaaaa;--progress-bar: #383838;--progress-bar-buffered: #888888;--progress-bar-line: #dfdfdf;--progress-bar-input-range: #ffffff;--hover-color: #ffffff;--hover-bg-color: #404040;--high-light-color: #ffffff;--route-color: #323232;--menu-active: rgba(255, 255, 0);--loading-color: #ff5900;--loading-backgound: #333333;--box-shadow-color: rgba(0, 0, 0, .1);--msg-backgound-color: #eeeeee;--pop-box-shadow-color: rgba(165, 165, 165, .5);--border-color: #222222;--button-box-shadow-color: #fce2c1;--button-box-bg-color: #ffc477;--button-box-border-color: #eeb44f;--button-box-text-shadow-color: #cc9f52;--home-border-color: #5c5c5c;--playing-loader: #f7c205}:root[data-theme=dark] .popup-container{background-color:#000;color:#aaa}:root[data-theme=light]{--backgound-color: #ffffff;--text-color: #666666;--progress-bar: #ededed;--progress-bar-buffered: #8e8e8e;--progress-bar-line: #000000;--progress-bar-input-range: #000000;--hover-color: #000000;--hover-bg-color: #eeeeeecc;--high-light-color: #010101;--route-color: #eeeeeecc;--menu-active: #ff5900;--loading-color: #ff5900;--loading-backgound: #333333;--box-shadow-color: rgba(255,255,255, .1);--msg-backgound-color: #202020;--pop-box-shadow-color: rgba(165, 165, 165, .5);--border-color: #f1f1f1;--button-box-shadow-color: #fce2c1;--button-box-bg-color: #ffc477;--button-box-border-color: #eeb44f;--button-box-text-shadow-color: #cc9f52;--home-border-color: #5c5c5c;--error-text-color: #ff0000;--input-border-focus-color: #2fa148;--playing-loader: #f7c205}:root[data-theme=light] .popup-container{background-color:#fff;color:#666}:root[data-theme=darkred]{--backgound-color: rgb(86, 15, 37);--text-color: #aaaaaa;--progress-bar: #5f1930;--progress-bar-buffered: #804d4d;--progress-bar-line: #dfdfdf;--progress-bar-input-range: #ffffff;--hover-color: #ffffff;--hover-bg-color: rgb(95, 25, 48);--high-light-color: #ffffff;--route-color: #5f1930;--menu-active: rgba(255, 255, 0);--loading-color: #ff5900;--loading-backgound: #333333;--box-shadow-color: rgba(12, 2, 2, .1);--msg-backgound-color: #eeeeee;--pop-box-shadow-color: rgba(165, 165, 165, .5);--border-color: #5f1930;--button-box-shadow-color: #fce2c1;--button-box-bg-color: #ffc477;--button-box-border-color: #eeb44f;--button-box-text-shadow-color: #cc9f52;--home-border-color: #5c5c5c;--playing-loader: #f7c205}:root[data-theme=darkred] .popup-container{background-color:#560f25;color:#aaa}:root[data-theme=blue]{--backgound-color: #0a036a;--text-color: #aaaaaa;--progress-bar: #1b195f;--progress-bar-buffered: #5a5580;--progress-bar-line: #dfdfdf;--progress-bar-input-range: #ffffff;--hover-color: #ffffff;--hover-bg-color: #241e74;--high-light-color: #ffffff;--route-color: #19195f;--menu-active: rgba(255, 255, 0);--loading-color: #ff5900;--loading-backgound: #333333;--box-shadow-color: rgba(12, 2, 2, .1);--msg-backgound-color: #eeeeee;--pop-box-shadow-color: rgba(165, 165, 165, .5);--border-color: #191b5f;--button-box-shadow-color: #fce2c1;--button-box-bg-color: #ffc477;--button-box-border-color: #eeb44f;--button-box-text-shadow-color: #cc9f52;--home-border-color: #5c5c5c;--playing-loader: #f7c205}:root[data-theme=blue] .popup-container{background-color:#0b046b;color:#aaa}:root[data-theme=green]{--backgound-color: #09611f;--text-color: #aaaaaa;--progress-bar: #2e7547;--progress-bar-buffered: #2d7e34;--progress-bar-line: #00ff00;--progress-bar-input-range: #ffffff;--hover-color: #ffffff;--hover-bg-color: #246d14;--high-light-color: #ffffff;--route-color: #246d14;--menu-active: rgba(255, 255, 0);--loading-color: #ff5900;--loading-backgound: #333333;--box-shadow-color: rgba(12, 2, 2, .1);--msg-backgound-color: #eeeeee;--pop-box-shadow-color: rgba(165, 165, 165, .5);--border-color: #316a3d;--button-box-shadow-color: #fce2c1;--button-box-bg-color: #ffc477;--button-box-border-color: #eeb44f;--button-box-text-shadow-color: #cc9f52;--home-border-color: #5c5c5c;--playing-loader: #f7c205}:root[data-theme=green] .popup-container{background-color:#09611f;color:#aaa}:root[data-theme=gray]{--backgound-color: #6e6e6e;--text-color: #aaaaaa;--progress-bar: #676767;--progress-bar-buffered: #a9a9a9;--progress-bar-line: #ffffff;--progress-bar-input-range: #ffffff;--hover-color: #ffffff;--hover-bg-color: #959595;--high-light-color: #ffffff;--route-color: #959595;--menu-active: rgba(255, 255, 0);--loading-color: #ff5900;--loading-backgound: #333333;--box-shadow-color: rgba(12, 2, 2, .1);--msg-backgound-color: #eeeeee;--pop-box-shadow-color: rgba(165, 165, 165, .5);--border-color: #626262;--button-box-shadow-color: #fce2c1;--button-box-bg-color: #ffc477;--button-box-border-color: #eeb44f;--button-box-text-shadow-color: #cc9f52;--home-border-color: #5c5c5c;--playing-loader: #f7c205}:root[data-theme=gray] .popup-container{background-color:#6e6e6e;color:#aaa}:root[data-theme=orange]{--backgound-color: #ff9500;--text-color: #333333;--progress-bar: #f49e4e;--progress-bar-buffered: #f3bc88;--progress-bar-line: #ffffff;--progress-bar-input-range: #ffffff;--hover-color: #ffffff;--hover-bg-color: #ff9900;--high-light-color: #ffffff;--route-color: #ff9900;--menu-active: rgba(255, 255, 0);--loading-color: #ff9500;--loading-backgound: #333333;--box-shadow-color: rgba(12, 2, 2, .1);--msg-backgound-color: #eeeeee;--pop-box-shadow-color: rgba(165, 165, 165, .5);--border-color: #ed8829;--button-box-shadow-color: #fce2c1;--button-box-bg-color: #ffc477;--button-box-border-color: #eeb44f;--button-box-text-shadow-color: #cc9f52;--home-border-color: #5c5c5c;--playing-loader: #f7c205}:root[data-theme=orange] .popup-container{background-color:#ff9500;color:#333}:root[data-theme=red]{--backgound-color: #ff0000;--text-color: #000000;--progress-bar: #ff3b3b;--progress-bar-buffered: #ff7979;--progress-bar-line: #ffffff;--progress-bar-input-range: #ffffff;--hover-color: #ffffff;--hover-bg-color: #fa2727;--high-light-color: #ffffff;--route-color: #fa2727;--menu-active: rgba(255, 255, 0);--loading-color: #ff9500;--loading-backgound: #333333;--box-shadow-color: rgba(12, 2, 2, .1);--msg-backgound-color: #eeeeee;--pop-box-shadow-color: rgba(165, 165, 165, .5);--border-color: #ff3b3b;--button-box-shadow-color: #fce2c1;--button-box-bg-color: #ffc477;--button-box-border-color: #eeb44f;--button-box-text-shadow-color: #cc9f52;--home-border-color: #5c5c5c;--playing-loader: #f7c205}:root[data-theme=red] .popup-container{background-color:red;color:#000}:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:1px;height:0px}::-webkit-scrollbar-thumb{background:#838483;border-radius:1px}::-webkit-scrollbar-thumb:hover{background:#d8d8d8}::-webkit-scrollbar-track{background:#4a4a4a;border-radius:1px}::-webkit-scrollbar-track:hover{background:#303030}html,body{height:100%;width:100%;margin:0;padding:0}#app{height:100%;width:100%;margin:0;padding:0;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}.body[data-v-dc3b26ef]{width:100vw;height:100vh;margin:0;padding:0;position:fixed;left:0;top:0;box-sizing:border-box;z-index:1;background-color:#fff;color:#000}.main-view[data-v-dc3b26ef]{height:calc(100% - 61px);overflow-y:auto;overflow-x:hidden}.bottom-menu[data-v-dc3b26ef]{background-color:#eee;position:fixed;bottom:0;width:100%;height:60px;border-top:1px solid #ddd}.menu-space[data-v-dc3b26ef]{display:flex;justify-content:center;align-items:center}.menu-item[data-v-dc3b26ef]{margin:5px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center}.menu-item[data-v-dc3b26ef]:hover,.active[data-v-dc3b26ef]{color:var(--high-light-color)}.menu-title[data-v-dc3b26ef]{font-size:10px}.bottom-menu .menu-item .addnew[data-v-dc3b26ef]{width:24px;height:24px}.bottom-menu .menu-item .home[data-v-dc3b26ef]{width:22px;height:24px}.bottom-menu .menu-item .list[data-v-dc3b26ef]{width:20px;height:24px}.bottom-menu .menu-item .settings[data-v-dc3b26ef]{width:14px;height:20px}