html,body{padding:0;margin:0}
body{--primary-color:#1BA585;--svg-icon-color:#1BA585;--header-height:46px;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:15px;font-weight:400;line-height:1.5;color:#212529;background:#f3f4fa;overflow-x:hidden}
.content-page{background:#F5F5FC}
[v-cloak]{visibility:hidden}
a{text-decoration:none}
a{color:var(--primary-color)}
a:hover{color:var(--primary-color);opacity:0.8}
.flex{display:flex}
.flex-item{flex:1}
.flex-middle{align-items:center}
.text-primary{color:var(--primary-color)!important}
.text-ell{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.text-ell-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.text-ell-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.header-top{background:#fff;height:var(--header-height);line-height:var(--header-height);color:#333;font-size:13px;padding-right:5px;position:fixed;top:0;width:100%;left:0;z-index:10;box-shadow:0 0 15px rgba(0,0,0,0.1)}
.header-top a{color:#333!important;font-size:13px}
.header-top a img{vertical-align:middle}
.header-top .flex > a+a{margin-left:15px}
.header-top .iconfont{font-size:14px;margin-right:1px;position:relative;top:0px;display:inline-block}
.left-side{position:fixed;left:0;width:180px;bottom:0;top:46px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.1)}
.left-side ul,.left-side li{list-style:none;padding:0;margin:0}
.left-side ul{padding:15px 0}
.left-side li a{display:flex;align-items:center;padding:10px 15px;color:#333;cursor:pointer}
.left-side li.active a{background:var(--primary-color);color:#fff;--svg-icon-color:#fff}
.left-side li .svg-icon{margin-right:12px;}
.chart-icon{content:'';width:20px;border-radius:50%;vertical-align:middle;margin-right:12px;position:relative;top:3px}
.chart-icon svg{width:100% !important;height:auto !important}
.main-side{flex:1;padding-top:var(--header-height);margin-left:180px}
.charts-row{display:flex;flex-wrap:wrap;gap:30px;padding:0 30px}
.charts-row-item{width:calc((100% - 40px - 3 * 30px) / 5 );display:block}
.charts-row-item-cover{width:100%;border-radius:8px;box-shadow:0 0 15px rgba(0,0,0,0.1);height:calc((100vw - 240px - 4 * 30px) / 7 );object-fit:cover;background:var(--primary-color);transition:0.2s}
.charts-row-item-cover:hover{transform:scale(1.04)}
.charts-row-item-title{padding:10px}
.group-panel{padding:10px 0}
.group-panel-header{padding:0 0px 10px 0px;margin:0 30px 20px 30px;font-size:18px;border-bottom:1px solid #ddd}
.chart-editor{padding-top:var(--header-height)}
.chart-preview{width:1000px}
.chart-editor .left-side{position:relative;top:0; border-right:1px solid #ddd}
.el-tabs__header{
    margin-bottom:0;
}
.el-tabs__item{
    padding:0 20px!important;
}
.el-tabs__item.is-active{font-weight:bold}
.el-tabs__item.is-active,.el-tabs__item:hover{color:var(--primary-color)!important}
.el-tabs__active-bar{background-color:var(--primary-color)!important}
#app-chart{min-width:1200px}
#chart{height:calc(100vh - 100px);background:#fff;margin:20px;border-radius:5px}
.chat-form{padding: 10px;}
.svg-icon{display:inline-block;width:20px;height:20px;background-color:var(--svg-icon-color);}
.svg-icon[name="wordcloud"]{mask:url(./icon/wordcloud.svg) no-repeat center;mask-size:100%}
.svg-icon[name="line"]{mask:url(./icon/line.svg) no-repeat center;mask-size:100%}
.svg-icon[name="bar"]{mask:url(./icon/bar.svg) no-repeat center;mask-size:100%}
.svg-icon[name="pie"]{mask:url(./icon/pie.svg) no-repeat center;mask-size:100%}
.svg-icon[name="scatter"]{mask:url(./icon/scatter.svg) no-repeat center;mask-size:100%}
.svg-icon[name="boxplot"]{mask:url(./icon/boxplot.svg) no-repeat center;mask-size:100%}
.svg-icon[name="heatmap"]{mask:url(./icon/heatmap.svg) no-repeat center;mask-size:100%}
.svg-icon[name="funnel"]{mask:url(./icon/funnel.svg) no-repeat center;mask-size:100%}
.svg-icon[name="sankey"]{mask:url(./icon/sankey.svg) no-repeat center;mask-size:100%}
.svg-icon[name="radar"]{mask:url(./icon/radar.svg) no-repeat center;mask-size:100%}
.svg-icon[name="gauge"]{mask:url(./icon/gauge.svg) no-repeat center;mask-size:100%}
.svg-icon[name="candlestick"]{mask:url(./icon/candlestick.svg) no-repeat center;mask-size:100%}

.input-tips{font-size:12px;color:#666}
.el-checkbox{
    margin-right:15px!important;
}
.el-checkbox__input{
    top:-1px;
}
.el-checkbox__label{
    padding-left:5px!important;
}