.time[data-v-7f3a0fa2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.time .time-text[data-v-7f3a0fa2]{height:18px;margin-right:10px}.time .weather-text[data-v-7f3a0fa2]{height:24px}.chart-container[data-v-8739cea4]{position:relative}.circle[data-v-92351432]{margin-right:4px;display:inline-block;width:10px;height:10px;border-radius:10px;background-color:#eee}.online[data-v-92351432]{margin:8px auto;width:152px;height:42px;line-height:42px;background:radial-gradient(122.34% 122.34% at 0 -10.21%,#07e7ff 0,#174aff 100%),#047bed;border-radius:36px;color:#fff;font-size:18px;font-weight:700;text-align:center;cursor:pointer}.logo[data-v-4db368c6]{width:64px;height:64px}.upload[data-v-4db368c6]{margin-bottom:8px;font-weight:500;font-size:16px;color:rgba(31,42,62,.87)}.p-c[data-v-2dd0ea7e]{min-width:1600px;position:fixed;top:0;padding:0 32px 0 32px;height:66px;width:100vw;background:url(../img/header-bg-dark.d84babf3.png) no-repeat 50%;background-size:contain;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:999}.p-c .time[data-v-2dd0ea7e]{color:#a5cde1;font-weight:700}.p-c .head-right[data-v-2dd0ea7e]{width:244px;margin-top:16px;margin-right:32px;color:#a5cde1;text-align:right}.p-c .header-decoration-left[data-v-2dd0ea7e]{position:absolute;left:3%;top:30px;width:26%;height:34px}.p-c .header-decoration-right[data-v-2dd0ea7e]{position:absolute;right:3%;top:30px;width:26%;height:34px}.h-middle[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.h-middle .logo[data-v-2dd0ea7e]{margin-top:4px;margin-right:16px;width:50px;height:50px;background-size:cover;background-repeat:no-repeat;border-radius:4px}.title[data-v-2dd0ea7e]{font-weight:700;font-size:40px;color:rgba(175,231,255,.95);letter-spacing:4px}.visualization-container[data-v-2dd0ea7e]{width:100%;height:100%;background-color:#001824;font-size:16px;color:hsla(0,0%,100%,.95)}.dark-card[data-v-2dd0ea7e]{margin-bottom:8px;padding:12px 16px;background:#0a406b;-webkit-box-shadow:inset 0 5px 20px 0 rgba(43,46,52,.56);box-shadow:inset 0 5px 20px 0 rgba(43,46,52,.56);border-radius:16px 16px 16px 16px;border:2px solid #009cfd}.dark-card.dark-card-thin[data-v-2dd0ea7e]{border:1px solid #009cfd;height:49.4%}.dark-card.famous-card[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.dark-card .card-title[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:12px;font-weight:700;font-size:18px;color:rgba(93,231,255,.95)}.dark-card .card-title .video-tag[data-v-2dd0ea7e]{cursor:pointer}.dark-card .card-tab[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;position:relative;z-index:1}.dark-card .card-tab .tab-item[data-v-2dd0ea7e]{padding:4px 8px;font-weight:700;font-size:16px;color:rgba(94,157,168,.95);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dark-card .card-tab .tab-item.active[data-v-2dd0ea7e]{font-weight:700;font-size:18px;color:rgba(93,231,255,.95)}.panel-left[data-v-2dd0ea7e]{position:fixed;top:82px;left:32px;width:372px;-webkit-box-shadow:inset 0 5px 20px 0 rgba(43,46,52,.56);box-shadow:inset 0 5px 20px 0 rgba(43,46,52,.56);border-radius:16px 16px 16px 16px;z-index:999}.panel-left.hide[data-v-2dd0ea7e]{-webkit-transform:translateX(-404px);transform:translateX(-404px)}.panel-right[data-v-2dd0ea7e]{position:fixed;top:82px;right:32px;width:390px;-webkit-box-shadow:inset 0 5px 20px 0 rgba(43,46,52,.56);box-shadow:inset 0 5px 20px 0 rgba(43,46,52,.56);border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:999}.panel-right.hide[data-v-2dd0ea7e]{-webkit-transform:translateX(404px);transform:translateX(404px)}.panel-right .dark-card[data-v-2dd0ea7e]{margin-bottom:8px;padding:12px 16px;background:#0a406b;border-radius:16px;border:2px solid #009cfd;color:#fff}.panel-right .card-content[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.panel-right .card-content .content-left[data-v-2dd0ea7e]{width:50%}.panel-right .online-card .online-count[data-v-2dd0ea7e],.panel-right .online-card[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.panel-right .online-card .online-count[data-v-2dd0ea7e]{width:100%}.panel-right .online-card .online-count .count-box[data-v-2dd0ea7e]{width:100px;height:100px;border:2px solid #19e7e7;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.panel-right .online-card .online-count .count-box .count[data-v-2dd0ea7e]{width:85px;height:85px;text-align:center;line-height:85px;display:inline-block;font-size:28px;border:2px solid #19e7e7;color:#00eaff;border-radius:50%;-webkit-box-shadow:inset 0 0 24px 0 rgba(0,238,255,.5);box-shadow:inset 0 0 24px 0 rgba(0,238,255,.5)}.panel-right .online-card .detail-link[data-v-2dd0ea7e]{color:#00eaff;cursor:pointer}.panel-right .activity-tabs[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.panel-right .activity-tabs .tab[data-v-2dd0ea7e]{width:164px;padding:6px 8px;text-align:center;font-weight:700;font-size:16px;background-color:#cccfcf;color:#939393;cursor:pointer;border-radius:4px}.panel-right .activity-tabs .tab.active[data-v-2dd0ea7e]{background-color:#21aa9b;color:#fff}.panel-right .progress-circles[data-v-2dd0ea7e]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.panel-right .progress-circles .gauge-text[data-v-2dd0ea7e]{position:relative;top:-32px;text-align:center;font-size:14px}.outdoor-tabs-box[data-v-2dd0ea7e]{padding:8px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.outdoor-tabs-box .outdoor-tabs[data-v-2dd0ea7e]{width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.outdoor-tabs-box .outdoor-tabs .outdoor-tab[data-v-2dd0ea7e]{position:relative;padding:4px 8px;font-weight:700;font-size:15px;color:hsla(0,0%,100%,.8);cursor:pointer}.outdoor-tabs-box .outdoor-tabs .outdoor-tab.active[data-v-2dd0ea7e]{color:#fff}.outdoor-tabs-box .outdoor-tabs .outdoor-tab.active[data-v-2dd0ea7e]:before{content:"";position:absolute;top:0;left:0;display:block;width:8px;height:8px;background-color:#5fa0ff;border-radius:50%;margin-right:4px;-webkit-box-shadow:3px -3px 0 0 rgba(95,160,255,.5);box-shadow:3px -3px 0 0 rgba(95,160,255,.5)}.outdoor-tabs-box .range-tabs[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;background-color:#8da6b5;border-radius:16px}.outdoor-tabs-box .range-tabs .range-tab[data-v-2dd0ea7e]{padding:4px 12px;font-weight:700;font-size:14px;color:hsla(0,0%,100%,.8);cursor:pointer;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.outdoor-tabs-box .range-tabs .range-tab.active[data-v-2dd0ea7e]{color:#fff;background-color:#5fa0ff}.help-item[data-v-2dd0ea7e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:8px 8px;border-radius:8px;font-size:14px}.help-item[data-v-2dd0ea7e]:nth-child(2n-1){background:rgba(83,198,222,.11)}.help-item .help-item-name[data-v-2dd0ea7e]{width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-link[data-v-2dd0ea7e]{color:#00eaff;cursor:pointer}.toggle-side[data-v-2dd0ea7e]{position:absolute;top:46vh;width:24px;height:56px;line-height:56px;text-align:center;background-color:#0275b8;border-width:2px;border-style:solid;border-color:rgba(60,60,67,.1);cursor:pointer}.toggle-side.toggle-left[data-v-2dd0ea7e]{right:-24px;border-radius:0 8px 8px 0}.toggle-side.toggle-right[data-v-2dd0ea7e]{left:-24px;border-radius:8px 0 0 8px}.orange-tag[data-v-2dd0ea7e]{display:inline-block;padding:0 12px;height:24px;line-height:24px;border-radius:12px;background-color:#ef7d3d;color:#fff;font-size:14px}.parallelogram[data-v-2dd0ea7e]{width:48px;height:28px;background:linear-gradient(205deg,#0275b8,#22c6d4);-webkit-transform:skewX(-30deg);transform:skewX(-30deg);border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.parallelogram-content[data-v-2dd0ea7e]{-webkit-transform:skewX(30deg);transform:skewX(30deg);color:#fff;font-weight:700;text-align:center}.back-home[data-v-2dd0ea7e]{cursor:pointer}.weather-info[data-v-2dd0ea7e]{font-size:14px;color:hsla(0,0%,100%,.8)}