.main{width:100%;height:100%;position:relative}.header{position:fixed;top:0;left:0;width:100%;z-index:99;background-color:#fff;padding:10px 30px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-wrapper{width:100%;max-width:1200px;margin:auto;display:flex;justify-content:flex-start;align-items:center}.brand a{display:block;display:flex;align-items:center}.brand img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.brand h1{margin:0 0 0 10px;font-size:24px}.nav{display:flex;list-style:none;margin-left:50px}.nav li{margin-left:20px}.nav li a{text-decoration:none;color:#333;font-size:16px;transition:color .3s ease}.nav li a:hover{color:#007bff}.content{margin-top:80px;padding:0 30px;height:calc(100vh - 80px);overflow-y:scroll}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}@media screen and (max-width:768px){.header{padding:5px 15px}.header-wrapper{justify-content:space-between}.brand img{width:40px;height:40px}.brand h1{display:none}.nav{margin:0}.nav li{margin:0 10px 0 0}.nav li a{font-size:14px}.content{margin-top:50px;height:calc(100vh - 50px);padding:0}}.home[data-v-307c751e]{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#777;line-height:68px;white-space:nowrap}@media only screen and (max-width:768px){.home[data-v-307c751e]{font-size:14px;line-height:32px}}.comparison[data-v-7a254033]{padding:20px 0 0}.filter[data-v-7a254033]{width:100%;max-width:1200px;margin:auto;padding-bottom:20px}.form-group[data-v-7a254033]{margin-right:20px}.btn[data-v-7a254033]{margin-bottom:0!important}.chart[data-v-7a254033]{width:100%;height:calc(100vh - 160px);background:#f2f2f2;position:relative}.chart[data-v-7a254033]:before{content:"数据对比图表展示区域";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#999;font-size:36px}.chart .chart-box[data-v-7a254033]{width:100%;height:100%}@media screen and (max-width:768px){.comparison[data-v-7a254033]{padding:10px 0 0}.select-file[data-v-7a254033]{margin:0 0 10px}.select-text[data-v-7a254033]{display:none}.select-filter[data-v-7a254033]{margin:0 10px 0 8px}.filter[data-v-7a254033]{padding-bottom:10px}.chart[data-v-7a254033]{height:calc(100vh - 142px)}.chart[data-v-7a254033]:before{font-size:18px}}.parse[data-v-47cf3a4c]{padding:20px 0 0;width:100%}.filter[data-v-47cf3a4c]{width:100%;max-width:1200px;margin:auto;padding-bottom:20px;display:flex;justify-content:space-between}.form-group[data-v-47cf3a4c]{margin-right:20px}.parse-result[data-v-47cf3a4c]{width:100%}.table-box[data-v-47cf3a4c]{height:calc(100vh - 150px);position:relative;overflow-y:scroll}.chart-box[data-v-47cf3a4c]{height:auto;overflow:visible}.echart-container[data-v-47cf3a4c]{width:100%;height:100%}.chart-section[data-v-47cf3a4c]{width:100%}.chart-item[data-v-47cf3a4c]{width:100%;height:300px;margin-bottom:30px}@media screen and (max-width:768px){.parse[data-v-47cf3a4c]{padding:10px 0 0}.select-file[data-v-47cf3a4c]{margin:0 0 10px}.select-text[data-v-47cf3a4c]{display:none}.select-filter[data-v-47cf3a4c]{margin:0 10px 0 8px}.filter[data-v-47cf3a4c]{padding-bottom:10px}}.logs[data-v-cf86cd3a]{padding:20px 0;width:100%;max-width:1200px;margin:auto;display:flex;justify-content:space-between}.item.first .datetime[data-v-cf86cd3a]{color:#007bff}.item.first .datetime[data-v-cf86cd3a]:before{background-color:#007bff}.item.first .introduce[data-v-cf86cd3a]{color:#444}.datetime[data-v-cf86cd3a]{line-height:40px;font-size:20px;color:#777;position:relative;padding-left:20px;z-index:2}.datetime sup[data-v-cf86cd3a]{font-size:12px;color:red;margin-left:5px;font-style:italic;font-weight:700}.datetime[data-v-cf86cd3a]:before{content:"";display:block;width:11px;height:11px;border-radius:50%;background-color:#999;margin-right:10px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.introduce[data-v-cf86cd3a]{color:#999;line-height:36px;position:relative;padding-left:70px;z-index:1}.introduce[data-v-cf86cd3a]:before{content:"";display:block;width:1px;height:calc(100% + 30px);position:absolute;top:50%;left:5px;transform:translateY(-50%);background-color:#ddd}.introduce ol[data-v-cf86cd3a]{margin:0;padding:0}.todo-title[data-v-cf86cd3a]{font-size:24px;color:#007bff;margin-bottom:10px}.todo-list[data-v-cf86cd3a]{padding-left:60px;line-height:36px}.todo-list .done[data-v-cf86cd3a]{text-decoration:line-through;color:#999}@media only screen and (max-width:768px){.logs[data-v-cf86cd3a]{padding:15px;flex-wrap:wrap}.datetime[data-v-cf86cd3a]{font-size:18px}.introduce[data-v-cf86cd3a]{padding-left:50px;line-height:28px;font-size:14px}.logs-container[data-v-cf86cd3a]{margin-bottom:30px}.todo-title[data-v-cf86cd3a]{font-size:18px;margin-bottom:5px}.todo-list[data-v-cf86cd3a]{padding-left:50px;line-height:28px;font-size:14px}}