#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}body{margin:0}.compass[data-v-4e2a8e40]{position:absolute;top:20px;left:20px;font-size:0;border-radius:50%;overflow:hidden}.icon[data-v-4e2a8e40]{width:80px;height:80px}.canvas-view[data-v-4e2a8e40]{position:absolute;top:0;left:0;width:100vw;height:100vh}.canvas-view .bottom-card[data-v-4e2a8e40]{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);width:90vw;max-width:600px;background:hsla(0,0%,100%,.8);border-radius:6px;padding:0 10px 4px}.canvas-view .bottom-card .top[data-v-4e2a8e40]{display:flex;justify-content:center;line-height:45px}.canvas-view .bottom-card .top .date .text[data-v-4e2a8e40]{margin-right:4px}.canvas-view .bottom-card .time-wrapper[data-v-4e2a8e40]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;margin:10px 0;line-height:20px}.canvas-view .bottom-card .time-wrapper .time-slider[data-v-4e2a8e40]{flex:1;display:flex;align-items:center}.canvas-view .bottom-card .time-wrapper .time-slider .time[data-v-4e2a8e40]{font-size:14px;margin:0 10px}.canvas-view .bottom-card .time-wrapper .time-slider .current-time[data-v-4e2a8e40]{padding:1px 4px 0;font-size:14px;background:rgba(0,0,0,.08)}.canvas-view .bottom-card .time-wrapper .play[data-v-4e2a8e40]{margin:0 20px}.canvas-view .bottom-card .times[data-v-4e2a8e40]{display:flex;flex-flow:row nowrap;justify-content:space-between;font-size:14px;margin:0 10px}.canvas-view .bottom-card .times .value[data-v-4e2a8e40]{margin-left:4px;color:#ff3a3a}.canvas-view .bottom-card .solar-terms[data-v-4e2a8e40]{display:flex;flex-wrap:wrap;justify-content:space-around}.canvas-view .bottom-card .solar-terms .btn[data-v-4e2a8e40]{font-size:14px;flex:1 1 20%;margin:5px}.canvas-view .bottom-card .solar-terms .active[data-v-4e2a8e40]{border:none;color:#fff;background:linear-gradient(90deg,#faaa46,#fa6411)}.canvas-view .compass[data-v-4e2a8e40]{position:absolute;top:20px;left:20px;font-size:0;border-radius:50%;overflow:hidden}.canvas-view .compass .icon[data-v-4e2a8e40]{width:80px;height:80px}.canvas-view[data-v-97242b58]{position:absolute;top:0;left:0;width:100%;height:100%}.canvas-view .bottom-card[data-v-97242b58]{position:absolute;bottom:2%;left:0;right:0;margin-left:5%;margin-right:5%;opacity:.6;background:hsla(0,0%,100%,.8);border-radius:6px;padding:0 10px 4px}.canvas-view .bottom-card .top[data-v-97242b58]{display:flex;justify-content:center;line-height:45px}.canvas-view .bottom-card .top .date .text[data-v-97242b58]{margin-right:4px}.canvas-view .bottom-card .time-wrapper[data-v-97242b58]{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;margin:1px 0;line-height:20px}.canvas-view .bottom-card .time-wrapper .time-slider[data-v-97242b58]{flex:1;display:flex;align-items:center}.canvas-view .bottom-card .time-wrapper .time-slider .time[data-v-97242b58]{font-size:14px;margin:0 10px}.canvas-view .bottom-card .time-wrapper .time-slider .current-time[data-v-97242b58]{padding:1px 4px 0;font-size:14px;background:rgba(0,0,0,.08)}.canvas-view .bottom-card .time-wrapper .play[data-v-97242b58]{margin:0 20px}.canvas-view .bottom-card .times[data-v-97242b58]{display:flex;flex-flow:row nowrap;justify-content:space-between;font-size:14px;margin:0 10px}.canvas-view .bottom-card .times .value[data-v-97242b58]{margin-left:4px;color:#ff3a3a}.canvas-view .bottom-card .solar-terms[data-v-97242b58]{display:flex;flex-wrap:wrap;justify-content:space-around}.canvas-view .bottom-card .solar-terms .btn[data-v-97242b58]{font-size:14px;flex:1 1 20%;margin:5px}.canvas-view .bottom-card .solar-terms .active[data-v-97242b58]{border:none;color:#fff;background:linear-gradient(90deg,#faaa46,#fa6411)}.window-shadow-container[data-v-4615608b]{background-color:#efefef}.title-bar[data-v-4615608b]{height:5vh;min-height:20px;line-height:5vh;position:relative;text-align:center;margin:3vw 0 1vw 0;padding:0 0 1vw 0;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.chart-list[data-v-4615608b]{width:100vw;background-color:#efefef;display:flex;flex-direction:column;align-items:center;justify-content:center}.chart-high[data-v-4615608b]{height:60vh}.chart-high[data-v-4615608b],.chart-middle[data-v-4615608b]{width:94vw;margin-top:10px;background-color:#fff;flex-direction:column;align-items:center;justify-content:center}.chart-middle[data-v-4615608b]{height:50vh;border-radius:25px;padding:5vw 1vw}.chart-short[data-v-4615608b]{width:94vw;height:40vh;margin-top:10px;border-radius:25px;padding:5vw 1vw;background-color:#fff;flex-direction:column;align-items:center;justify-content:center}.bar-item[data-v-4615608b]{height:100%}.bar-item[data-v-4615608b],.line-item[data-v-4615608b]{width:100%;display:flex;align-items:center;justify-content:center}.line-item[data-v-4615608b]{height:75%}.line-area[data-v-4615608b]{height:66%}.date-picker-set[data-v-4615608b],.line-area[data-v-4615608b]{width:100%;display:flex;align-items:center;justify-content:center}.date-picker-set[data-v-4615608b]{height:15%}input[type=date][data-v-4615608b]{width:36vw;padding:1px;border-radius:5px;border:1px solid #faaa46;background-color:rgba(250,170,71,.1)}.solar-terms[data-v-4615608b]{display:flex;flex-wrap:wrap;justify-content:space-around}.solar-terms .btn[data-v-4615608b]{font-size:14px;flex:1 1 20%;margin:5px}.solar-terms .active[data-v-4615608b]{border:none;color:#fff;background:linear-gradient(90deg,#faaa46,#fa6411)}.submit-btn[data-v-4615608b]{margin:2vw 0 5vw}.w-btn[data-v-4615608b]{width:50vw;height:10vw;display:inline-block;padding:10px 15px;border-radius:5px;border:none;cursor:pointer;font-size:17px;font-weight:700;color:#fff;background-color:#07c160;transition:background-color .3s ease;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.loading{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background-color:#313538}.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;width:1rem;height:1rem;color:#fff;border-radius:50%;text-indent:-9999em;animation:load-effect 1s linear infinite}@keyframes load-effect{0%{box-shadow:0 -3em 0 .2em #fff,2em -2em 0 0 #fff,3em 0 0 -.5em #fff,2em 2em 0 -.5em #fff,0 3em 0 -.5em #fff,-2em 2em 0 -.5em #fff,-3em 0 0 -.5em #fff,-2em -2em 0 0 #fff}12.5%{box-shadow:0 -3em 0 0 #fff,2em -2em 0 .2em #fff,3em 0 0 0 #fff,2em 2em 0 -.5em #fff,0 3em 0 -.5em #fff,-2em 2em 0 -.5em #fff,-3em 0 0 -.5em #fff,-2em -2em 0 -.5em #fff}25%{box-shadow:0 -3em 0 -.5em #fff,2em -2em 0 0 #fff,3em 0 0 .2em #fff,2em 2em 0 0 #fff,0 3em 0 -.5em #fff,-2em 2em 0 -.5em #fff,-3em 0 0 -.5em #fff,-2em -2em 0 -.5em #fff}37.5%{box-shadow:0 -3em 0 -.5em #fff,2em -2em 0 -.5em #fff,3em 0 0 0 #fff,2em 2em 0 .2em #fff,0 3em 0 0 #fff,-2em 2em 0 -.5em #fff,-3em 0 0 -.5em #fff,-2em -2em 0 -.5em #fff}50%{box-shadow:0 -3em 0 -.5em #fff,2em -2em 0 -.5em #fff,3em 0 0 -.5em #fff,2em 2em 0 0 #fff,0 3em 0 .2em #fff,-2em 2em 0 0 #fff,-3em 0 0 -.5em #fff,-2em -2em 0 -.5em #fff}62.5%{box-shadow:0 -3em 0 -.5em #fff,2em -2em 0 -.5em #fff,3em 0 0 -.5em #fff,2em 2em 0 -.5em #fff,0 3em 0 0 #fff,-2em 2em 0 .2em #fff,-3em 0 0 0 #fff,-2em -2em 0 -.5em #fff}75%{box-shadow:0 -3em 0 -.5em #fff,2em -2em 0 -.5em #fff,3em 0 0 -.5em #fff,2em 2em 0 -.5em #fff,0 3em 0 -.5em #fff,-2em 2em 0 0 #fff,-3em 0 0 .2em #fff,-2em -2em 0 0 #fff}87.5%{box-shadow:0 -3em 0 0 #fff,2em -2em 0 -.5em #fff,3em 0 0 -.5em #fff,2em 2em 0 -.5em #fff,0 3em 0 -.5em #fff,-2em 2em 0 0 #fff,-3em 0 0 0 #fff,-2em -2em 0 .2em #fff}to{box-shadow:0 -3em 0 .2em #fff,2em -2em 0 0 #fff,3em 0 0 -.5em #fff,2em 2em 0 -.5em #fff,0 3em 0 -.5em #fff,-2em 2em 0 -.5em #fff,-3em 0 0 -.5em #fff,-2em -2em 0 0 #fff}}