#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center}#app,#nav a{color:#2c3e50}#nav a{font-weight:700}#nav a.router-link-exact-active{color:#42b983}.base-chart[data-v-2dd0d935]{width:100%;height:300px;border-radius:4px;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}.data-dashboard{width:100vw;display:flex;flex-direction:column;height:100vh;background:#000d4a url(../img/bg.e4ed6ac6.jpg) top;color:#e6f7ff;font-family:Arial,sans-serif;overflow:hidden;position:relative}.data-dashboard:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 10% 20%,rgba(0,170,255,.1) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,255,200,.1) 0,transparent 20%);z-index:-1}.dashboard-header{height:80px;display:flex;justify-content:center;align-items:center;padding:0 40px;border-bottom:1px solid rgba(0,170,255,.5);position:relative}.dashboard-header h1{font-size:28px;background:linear-gradient(90deg,#0af,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 10px rgba(0,170,255,.5)}.dashboard-header .time{font-size:18px;color:#0ef;font-weight:700;position:absolute;right:1rem}.dashboard-header .p-left{position:absolute;left:1rem}.dashboard-body{flex:1;min-height:0;display:grid;grid-template-columns:3fr 4fr 3fr;height:calc(100vh - 80px);padding:20px;gap:20px}.dashboard-column{display:grid;grid-template-rows:1fr 1.5fr 1.5fr;gap:15px}.panel{border:1px solid rgba(0,170,255,.5);padding:15px;position:relative;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.panel,.panel .content{min-height:0;height:100%}.panel .content{flex:1;width:100%}.panel1{border:1px solid rgba(0,170,255,.5);padding:15px;position:relative;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;min-height:0;height:100%}.panel1 .content{flex:1;min-height:0}.panel:after,.panel:before{content:"";position:absolute;width:16px;height:16px;border-style:solid;border-color:#02a6b5;z-index:1}.panel:before{top:0;left:0;border-width:2px 0 0 2px}.panel:after{bottom:0;right:0;border-width:0 2px 2px 0}.chart-panel{display:flex;align-items:center;justify-content:center;font-size:20px;color:#4da8da}.main-chart{grid-row:span 2;grid-template-rows:repeat(2,1fr);row-gap:15px}.main-chart,.main-chart-bottom{display:grid;font-size:24px;color:#0ff}.main-chart-bottom{grid-template-columns:repeat(2,1fr);-moz-column-gap:10px;column-gap:10px}.metric-card{color:#84d2ff}.data-card{grid-row:span var(--row-span,1);font-size:16px;justify-content:center}.data-card,.data-display{display:flex;align-items:center}.data-display{flex-direction:column;justify-content:space-around;color:#fff;height:100%}.section{display:flex;align-items:center}.label{font-size:1.5rem;margin-right:.3rem}.number-group{display:flex;gap:.5rem}.digit{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background-color:#1a1a5f;border-radius:.3rem;box-shadow:0 .1rem .3rem rgba(0,0,0,.5);transition:transform .5s ease-in-out}.animate{animation:flip .5s forwards}.title-box{width:100%;height:2.5rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.data-title{width:8rem;height:2.5rem;line-height:2.375rem;background:linear-gradient(135deg,#005a9c,#007bff);border:.125rem solid #003d6f;border-radius:.25rem;color:#fff;font-family:Microsoft YaHei,Arial,sans-serif;font-size:1rem;font-weight:700;text-align:center;box-shadow:0 .125rem .5rem rgba(0,0,0,.3),inset 0 .0625rem .125rem hsla(0,0%,100%,.1);transition:all .3s ease}.check-more{font-size:.8rem;color:#84d2ff}.data-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);border-radius:8px;gap:.5rem;margin-top:.5rem}.data-item{flex:1;text-align:center;position:relative}.label{font-size:.875rem;color:#fff;opacity:.8;margin-bottom:.25rem}.label,.value{font-family:Microsoft YaHei,Arial,sans-serif}.value{font-size:1.5rem;font-weight:700;color:#e6dd09;letter-spacing:.5px}@keyframes flip{0%{transform:rotateX(0deg)}50%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0deg);opacity:1}}@keyframes borderShine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}