body{margin:0;padding:0;min-height:100vh;width:100vw;position:relative}#root{min-height:100vh;width:100%;position:relative;display:flex;justify-content:center;align-items:center}#root .main{flex:1;min-height:100%;max-width:800px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#root .main .card{width:100%;height:auto;border:1px solid #cdcdcd;border-radius:5px}#root .main .card .title{height:40px;background-color:#ececec;border-bottom:1px solid #cdcdcd;display:flex;align-items:center;padding-left:10px;font-size:larger;letter-spacing:1px}#root .main .card .container{padding:10px;display:flex;flex-direction:column;gap:10px}#root .main .card .container .controller{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding-bottom:10px}#root .main .card .container .controller .target{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px}#root .main .card .container .controller .target .target-group,#root .main .card .container .controller .target .target-item{display:flex;gap:5px}#root .main .card .container .controller .target .target-item .target-name{display:flex;align-items:center;justify-content:flex-start;font-size:larger;margin-right:3px;text-wrap:nowrap}#root .main .card .container .controller .target .target-item .target-input{margin:0;height:auto;width:30px;padding:5px;border:1px solid #cdcdcd;border-radius:2px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;caret-color:#5eb19f;text-decoration-color:#93979b;color:#333639;text-align:center;font-size:1em}#root .main .card .container .controller .target .target-item .target-input:hover{border-color:#5eb19f}#root .main .card .container .controller .target .target-item .target-input:focus{border-color:#6dccb7;box-shadow:0 0 3px #5eb19f;outline:none}#root .main .card .container .controller .target .target-gap{width:5px}#root .main .card .container .controller .controller-btns{width:100%;display:flex;justify-content:center;gap:15px}#root .main .card .container .controller .controller-btns .controller-button{background-color:#fff;outline:none;border:1px solid #cdcdcd;padding:5px 10px;letter-spacing:3px;border-radius:2px;display:flex;justify-content:center;align-items:center;transition:border-color .2s ease-in-out;cursor:pointer;font-size:large}#root .main .card .container .controller .controller-btns .controller-button:hover{border-color:#5eb19f}#root .main .card .container .controller .controller-btns .controller-button:active{border-color:#6dccb7;outline:none}#root .main .card .container .result{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border-top:1px solid #cdcdcd;padding-top:10px}#root .main .card .container .result .result-title{font-size:larger;letter-spacing:2px;margin-bottom:10px}.echarts-container{width:100%;height:100%}.echarts-container .echarts{width:100%;height:500px}