*{-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset form,figcaption,figure,footer header,h1,h2,h3,h4,h5,h6,hgroup,html,i,iframe,img ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}*{outline:none}.App{position:relative;max-width:700px;margin:0 auto;font-size:1rem;line-height:1.4}.hide{position:absolute;width:1px;height:1px;overflow:hidden}a,a:active,a:hover,a:visited{text-decoration:none;color:#222}button{border:0;cursor:pointer;background-color:transparent}button,li,ul{padding:0;margin:0}li,ul{list-style:none}em,i{font-style:normal}img{width:100%;max-width:100%}body{background-color:#eff0f5;background-color:var(--bodyColor)}body,button,h2,h3{color:#222;color:var(--titleColor)}.webgl{position:fixed;top:95px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#eff0f5;background-color:var(--bodyColor);-webkit-transition:.2s;transition:.2s}.top-area,.webgl{width:100%;max-width:700px}.top-area{display:block;position:relative;z-index:10}.profile{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:374px){.profile{padding:12px}}.profile h2{display:block;font-size:1.2rem;font-weight:600;line-height:1.1;color:#888;color:var(--descColor2);margin-bottom:5px;word-break:keep-all}.profile h2 strong{font-size:1.4rem;font-weight:700;margin-bottom:3px;display:inline-block;padding-right:6px;color:#222;color:var(--titleColor);max-width:calc(100% - 60px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (max-width:374px){.profile h2 strong{font-size:1.2rem;margin-bottom:0}}.profile h2 .subt{font-size:1.2rem}.profile h2 .txt{white-space:nowrap;font-size:1rem}@media (max-width:374px){.profile h2 .txt{font-size:.9rem}}.profile h2 .user{display:block;margin-bottom:2px}.profile .img{position:relative;display:inline-block;width:60px;height:60px;border-radius:50%;-webkit-box-shadow:3px 5px 10px rgba(0,0,0,.2);box-shadow:3px 5px 10px rgba(0,0,0,.2);overflow:hidden}.profile .img svg{color:#ced0d8;color:var(--descColor4);font-size:69px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}@media (max-width:374px){.profile .img{width:50px;height:50px}}.profile .img .react-loading-skeleton{-webkit-transform:translate(-5px,-5px);transform:translate(-5px,-5px)}.profile .img+.profile-desc{margin-left:15px}@media (max-width:374px){.profile .img+.profile-desc{margin-left:10px}}.profile .img img{width:100%}.peo-list{position:absolute;display:-ms-flexbox;display:flex;top:60px;right:100px}.peo-list li+li{margin-left:10px}.peo-list li span{font-size:0}.ipt{position:relative;max-width:51vw;height:28px}.ipt:after{content:"";clear:both;display:block}.ipt strong{position:relative;height:100%;display:inline-block;z-index:1}.ipt strong span{opacity:.2}.ipt input:focus+strong:after{content:"";position:absolute;right:0;top:2px;width:3px;height:23px;border-radius:2px;background-color:#888;background-color:var(--descColor2);-webkit-animation:cursorMotion .9s infinite;animation:cursorMotion .9s infinite}@-webkit-keyframes cursorMotion{0%{opacity:0}50%{opacity:.8}to{opacity:0}}@keyframes cursorMotion{0%{opacity:0}50%{opacity:.8}to{opacity:0}}.ipt input:focus+strong.empty:after{left:0;right:inherit}.ipt input:focus+strong+button+.btn-del{opacity:.15}.ipt input{z-index:2;position:absolute;top:0;left:0;opacity:0;border:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;color:#000;color:var(--black);background:none;font-size:1.3rem;font-weight:600}.ipt input::-webkit-input-placeholder{color:#aaa;color:var(--descColor3)}.ipt .btn-del{position:absolute;top:3px;right:25px;z-index:3;opacity:0;font-size:20px}.ipt .btn-searchs{position:absolute;top:1px;right:0;z-index:3;border-radius:50%;font-size:22px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#888;color:var(--descColor2);opacity:1}.ipt .btn-searchs.on{opacity:1}.ipt .btn-searchs:disabled{opacity:.4}.btn-refresh{font-size:1.2rem;width:36px;height:36px;line-height:1;margin-top:10px;border-radius:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#888;background-color:var(--descColor2);color:#000;color:var(--black)}.card{padding:15px;background-color:#eff0f5;background-color:var(--bodyColor);border-radius:8px;min-height:80px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.card .tit{position:relative;font-size:.9rem;max-width:50%;word-break:keep-all;font-weight:600;line-height:1.3}@media (max-width:374px){.card .tit{font-size:.8rem}}.card .tit .emo{display:inline-block;margin-left:3px;-webkit-transform-origin:bottom center;transform-origin:bottom center;-webkit-animation:emoMotion .7s infinite alternate;animation:emoMotion .7s infinite alternate}@-webkit-keyframes emoMotion{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes emoMotion{0%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1);transform:scale(1)}}.card em{text-align:right;font-size:14px;font-weight:600;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:end;align-items:flex-end}.card em .sub-t{display:inline-block;opacity:.3;margin:0 5px;font-weight:400}.card .per{margin-left:3px;color:#777;color:var(--descColor);font-size:.8rem}.daily-info{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:justify;justify-content:space-between}.daily-info .ico{font-size:14px;margin-top:3px;margin-right:-3px}.daily-info .ico span+span{margin-left:-3px}.daily-info.half .card{width:calc(50% - 3px);min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}.daily-info.half .card em{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.daily-info.wide{-ms-flex-direction:column;flex-direction:column}.daily-info.wide .card{width:100%;min-height:inherit;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.daily-info.wide .card+.card{margin-top:10px}.daily-info .card{width:calc(33.33% - 4px);padding-bottom:10px}.daily-info.medal .card{-ms-flex-direction:column;flex-direction:column}.daily-info.medal .card .tit{display:-ms-flexbox;display:flex;max-width:100%;-ms-flex-pack:justify;justify-content:space-between}.daily-info.medal .card em{text-align:right;-ms-flex-pack:end;justify-content:flex-end}.error{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-top:2rem;height:calc(100vh - 16rem);padding:3rem 0}.error i{margin-bottom:10px;display:block;font-size:2rem;font-style:normal}.error p{text-align:center;color:#777;color:var(--descColor)}.contribute-desc{position:relative;font-size:14px}@media (max-width:374px){.contribute-desc{font-size:13px}}.contribute-desc strong{color:#7bc96f;margin-right:5px}.contribute-desc .desc{color:#888;color:var(--descColor2)}.contribute-desc .desc em{font-weight:500;color:#777;color:var(--descColor)}.contribute-desc .emoji,.contribute-desc i{position:relative;display:inline-block}.contribute-desc i{font-style:normal;margin-left:2px;font-size:1rem;-webkit-animation:motion .6s infinite alternate;animation:motion .6s infinite alternate}.contribute-desc .star{display:inline-block;position:absolute;top:1px;right:-15px;font-size:.8rem;-webkit-animation:opa .6s infinite alternate;animation:opa .6s infinite alternate}@-webkit-keyframes opa{0%{opacity:1;-webkit-transform:rotate(-10deg) scale(1);transform:rotate(-10deg) scale(1)}to{opacity:.5;-webkit-transform:rotate(-10deg) scale(.9);transform:rotate(-10deg) scale(.9)}}@keyframes opa{0%{opacity:1;-webkit-transform:rotate(-10deg) scale(1);transform:rotate(-10deg) scale(1)}to{opacity:.5;-webkit-transform:rotate(-10deg) scale(.9);transform:rotate(-10deg) scale(.9)}}.skel{position:absolute;width:100%;top:0}.skel .img{-webkit-box-shadow:none;box-shadow:none}.arc,.chartbox,.tab-wrap{padding:0 20px}.arc{margin:25px 0 20px}.arc.full{padding:0}.arc.full h2{padding:0 20px}.introduce{padding:20px 20px 10px}.introduce h2{margin-bottom:5px}.introduce h3{margin:20px 0 5px;font-size:1rem}.introduce p{color:#888;color:var(--descColor2);font-size:15px;line-height:1.3}.introduce div{margin:20px 0}.introduce div h3{margin-bottom:3px}.introduce div h3 span{font-size:1.3rem;margin-right:5px}.introduce div p{margin-left:28px}header{position:fixed;top:0;width:100%;max-width:700px;z-index:3;background-color:#eff0f5;background-color:var(--bodyColor);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.bottom-content{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;margin-top:540px;padding-top:20px;background-color:#fff;background-color:var(--bodyColor2);border-radius:20px 20px 0 0;-webkit-box-shadow:0 -10px 10px rgba(0,0,0,.03);box-shadow:0 -10px 10px rgba(0,0,0,.03);-webkit-box-shadow:var(--shadow1);box-shadow:var(--shadow1);z-index:10}.bottom-content:after{content:"";display:inline-block;width:40px;height:6px;border-radius:5px;position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#eaeaea}.dark .bottom-content:after{background-color:#353535}.contribute{position:relative;display:-ms-flexbox;display:flex;margin:15px auto 0;max-width:calc(100% - 40px);-ms-flex-pack:justify;justify-content:space-between}@media (max-width:374px){.contribute{margin-top:10px;max-width:calc(100% - 30px)}}.contribute .month-divide{position:relative;line-height:1;display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:upMotion .2s ease-out forwards;animation:upMotion .2s ease-out forwards}@-webkit-keyframes upMotion{0%{opacity:0;-webkit-transform:translateY(20px) scaleY(.8);transform:translateY(20px) scaleY(.8)}to{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}}@keyframes upMotion{0%{opacity:0;-webkit-transform:translateY(20px) scaleY(.8);transform:translateY(20px) scaleY(.8)}to{opacity:1;-webkit-transform:translateY(0) scaleY(1);transform:translateY(0) scaleY(1)}}.contribute .month-divide h3{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:20px;white-space:nowrap;margin-bottom:15px;font-size:14px;font-weight:700}.contribute .month-divide h3 strong{color:#7bc96f}.contribute .month-divide h3>span{display:block;margin-top:8px;color:#7bc96f;font-size:.7rem}@media (max-width:374px){.contribute .month-divide h3>span{font-size:10px}}.contribute .month-divide .cm-box{line-height:1;display:-ms-flexbox;display:flex;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap}.contribute .month-divide .cm{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:10px;height:8px}.contribute .month-divide .cm:first-child{border-radius:7px 7px 0 0}.contribute .month-divide .cm:last-child{border-radius:0 0 7px 7px}@media (max-width:374px){.contribute .month-divide .cm{width:9px;height:7px}}@-webkit-keyframes motion{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}@keyframes motion{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(5deg);transform:rotate(5deg)}}.today-emo{font-size:1.1rem;display:inline-block;margin-top:4px;-webkit-animation:motion .6s infinite alternate;animation:motion .6s infinite alternate;white-space:nowrap}article h2{font-size:1rem;font-weight:700;margin-bottom:10px}article .count{display:-ms-inline-flexbox;display:inline-flex;background-color:#777;background-color:var(--descColor);width:20px;height:20px;border-radius:50%;font-size:.9rem;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;color:var(--white)}.dash-board ul li{position:relative;display:-ms-flexbox;display:flex;background-color:#fff;background-color:var(--bgColor);margin-bottom:10px;padding:12px 15px;border-radius:5px;-ms-flex-pack:justify;justify-content:space-between;font-size:.9rem}.dash-board ul li span{position:relative;z-index:10}.dash-board ul li em span{margin:0 2px 0 4px}.percentage{position:relative}.percentage .per{content:"";border-radius:5px 0 0 5px;position:absolute;display:inline-block;bottom:0;left:-3px;width:70px;height:100%;opacity:.3;z-index:0}.percentage .goal{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:absolute;top:50%;right:1px;height:calc(100% - 20px);-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11px;color:#777;color:var(--descColor)}.percentage .goal:after,.percentage .goal:before{content:"";display:inline-block}.percentage .goal:before{position:absolute;top:-10px;right:-5px;width:0;height:0;opacity:.5;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #888;border-top:5px solid var(--descColor2)}.percentage .goal.good{right:30%}.chartbox{position:relative;width:calc(100% - 40px);margin:15px auto 0;padding:15px 20px 5px;background-color:#fff;background-color:var(--bgColor);border-radius:10px;-webkit-box-shadow:3px 5px 10px rgba(0,0,0,.1);box-shadow:3px 5px 10px rgba(0,0,0,.1)}.btn-utils{position:absolute;top:15px;right:15px;z-index:20}.btn-utils button{font-weight:600;font-size:22px;color:#888;color:var(--descColor2)}.btn-utils button.on{color:#000;color:var(--black)}.btn-utils button+button{margin-left:8px}.color-set{padding:5px 0;position:absolute;top:50px;right:20px;z-index:20;display:-ms-flexbox;display:flex;overflow-y:auto;-ms-flex-direction:column;flex-direction:column;background-color:#fff;background-color:var(--bgColor);border-radius:5px;-webkit-box-shadow:2px 2px 4px 3px rgba(0,0,0,.07);box-shadow:2px 2px 4px 3px rgba(0,0,0,.07)}.color-set button{font-size:1rem;padding:4px 10px;font-size:.7rem;text-transform:uppercase;font-weight:600;color:#777;color:var(--descColor)}.color-set button.isActive{background-color:#eff0f5;background-color:var(--bodyColor)}.color-set .theme-close{position:absolute;top:0;right:0;font-size:1rem}.tab-wrap .head button{position:relative;padding:8px 0;font-size:1rem;font-weight:500}.tab-wrap .head button.on{font-weight:700}.tab-wrap .head button.on:after{content:"";position:absolute;width:100%;height:3px;bottom:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#000;background-color:var(--black);border-radius:3px}.tab-wrap .head button+button{margin-left:15px}.tab-wrap .cont{position:relative;display:none}.tab-wrap .cont.on{display:block}:root,:root body{--white:#fff;--black:#000;--bodyColor:#eff0f5;--bodyColor2:#fff;--bgColor:#fff;--bgColor1:#e3e5ef;--bgColor2:#313131;--titleColor:#222;--descColor:#777;--descColor2:#888;--descColor3:#aaa;--descColor4:#ced0d8;--shadow1:0 -10px 10px rgba(0,0,0,0.03)}:root body.dark{--white:#000;--black:#fff;--bodyColor:#222;--bodyColor2:#292929;--bgColor:#313131;--bgColor1:#2a2a2a;--bgColor2:#eff0f5;--titleColor:#fff;--descColor:#888;--descColor2:#777;--descColor3:#454545;--descColor4:#333;--shadow1:0 -10px 10px rgba(0,0,0,0.2)}@media (prefers-color-scheme:dark){:root{--white:#000;--black:#fff;--bodyColor:#222;--bodyColor2:#292929;--bgColor:#313131;--bgColor1:#2a2a2a;--bgColor2:#eff0f5;--titleColor:#fff;--descColor:#888;--descColor2:#777;--descColor3:#454545;--descColor4:#333;--shadow1:0 -10px 10px rgba(0,0,0,0.2)}}.btn-wrap{position:absolute;top:0;right:0;width:100%;padding:0 10px;text-align:right;z-index:99;-ms-flex-pack:justify;justify-content:space-between}.btn-wrap,.btn-wrap .cta{display:-ms-flexbox;display:flex}.btn-wrap .cta{-ms-flex-direction:column;flex-direction:column}.btn-wrap .thumb{display:inline-block;width:100px;height:100px;border-radius:50%;-webkit-box-shadow:2px 2px 10px 5px rgba(0,0,0,.2);box-shadow:2px 2px 10px 5px rgba(0,0,0,.2);opacity:0;-webkit-transition:.2s;transition:.2s;-webkit-transform:scale(0);transform:scale(0)}.btn-wrap .thumb.on{opacity:1;scale:1;-webkit-transform:scale(1);transform:scale(1)}.btn-wrap .btn{border:1px solid #777;border:1px solid var(--descColor);padding:7px 12px;border-radius:20px;font-size:13px}.btn-wrap .btn+.btn{margin-top:10px}.btn-wrap .btn.download{visibility:hidden}.btn-wrap .btn.active{visibility:visible;background-color:#313131;background-color:var(--bgColor2);border-color:#313131;border-color:var(--bgColor2);color:#fff;color:var(--white)}.canvas-lion canvas{width:100%;height:450px;max-height:450px}#capture{position:fixed;left:9999px}.loading{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.load-icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(2);transform:translate(-50%,-50%) scale(2);z-index:20}.load-icon,.load-icon .load,.load-icon .pen{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.load-icon .load{font-size:45px;-webkit-animation:load 1s infinite forwards;animation:load 1s infinite forwards}.load-icon .load,.load-icon .pen{color:#313131;color:var(--bgColor2)}.load-icon .pen{font-size:15px;position:absolute}@-webkit-keyframes load{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.share-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding-bottom:20px}.share-link button{opacity:.3;margin:0 5px;font-size:30px}
/*# sourceMappingURL=main.173bc797.chunk.css.map */