:root{--primary: #8672ED;--default: #9F8EF4;--hover: #B8AAFC;--secondary-disabled: #C9C1F0;--black: #000000;--background: #151922;--surface: #252C3D;--shadow: #4B597B;--white: #FFFFFF;--high-white: rgba(255, 255, 255, .87);--medium-white: rgba(255, 255, 255, .6);--disabled: rgba(255, 255, 255, .38);--apple-300: #EB0000;--apple-200: #F55376;--apple-100: #FAC8D5;--orange-300: #EB7900;--orange-200: #F5BC00;--orange-100: #FFDA59;--avocado-300: #00B569;--avocado-200: #3DDAB4;--avocado-100: #C1F5EA;--berry-300: #2100C4;--berry-200: #6C19FF;--berry-100: #90A6F2}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}html,body{height:100%;margin:0;padding:0;background:var(--background)}body{display:flex;justify-content:center}*,*:before,*:after{box-sizing:border-box;font-family:Noto Sans TC,sans-serif}#root{position:relative;width:100%;max-width:768px;height:812px}ol,ul{list-style:none}blockquote,q{quotes:none}button{background:none;border:none;padding:0;cursor:pointer}