.dashboard{height:100%;background-color:#f5f7fa;background-image:radial-gradient(circle at 10% 20%,rgba(107,50,142,.03) 0,transparent 20%),radial-gradient(circle at 80% 60%,rgba(190,18,233,.03) 0,transparent 30%);background-attachment:fixed;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.dashboard .dashboard-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px;padding:0 12px}.dashboard .dashboard-header .dashboard-title h1{font-size:24px;font-weight:600;color:#333;margin:0 0 8px 0}.dashboard .dashboard-header .dashboard-title p{font-size:14px;color:#999;margin:0}.dashboard .dashboard-header .dashboard-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.dashboard .dashboard-header .dashboard-actions .action-btn{padding:6px 16px;border-radius:6px;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden;border:none}.dashboard .dashboard-header .dashboard-actions .action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:width .6s,height .6s;transition:width .6s,height .6s}.dashboard .dashboard-header .dashboard-actions .action-btn:hover:before{width:300px;height:300px}.dashboard .dashboard-header .dashboard-actions .action-btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15)}.dashboard .dashboard-header .dashboard-actions .action-btn i{margin-right:6px}.dashboard .dashboard-header .dashboard-actions .add-btn{background:#6b328e;color:#fff}.dashboard .dashboard-header .dashboard-actions .add-btn:hover{background:#a56bce;color:#fff}.dashboard .dashboard-header .dashboard-actions .edit-btn{background:#409eff;color:#fff}.dashboard .dashboard-header .dashboard-actions .edit-btn:hover{background:#66b1ff;color:#fff}.dashboard .dashboard-header .dashboard-actions .save-btn{background:#13ce66;color:#fff}.dashboard .dashboard-header .dashboard-actions .save-btn:hover{background:#36cf8c;color:#fff}.dashboard .dashboard-header .custom-dropdown{border-radius:6px;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.12);box-shadow:0 4px 20px 0 rgba(0,0,0,.12);border:none;padding:4px 0;-webkit-animation:dropdownFadeIn .3s ease-out;animation:dropdownFadeIn .3s ease-out}.dashboard .dashboard-content{height:calc(100vh - 150px);overflow:auto;padding:12px}.dashboard .dashboard-content::-webkit-scrollbar{width:6px;height:6px}.dashboard .dashboard-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dashboard .dashboard-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.dashboard .dashboard-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dashboard .dashboard-content .dashboard-grid{background:transparent;margin:0 -8px}.dashboard .dashboard-content .dashboard-grid-item{padding:8px;-webkit-transition:all .3s ease;transition:all .3s ease}.dashboard .dashboard-content .visualize-card{height:100%;border-radius:12px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.08);box-shadow:0 2px 12px 0 rgba(0,0,0,.08);border:none;overflow:hidden;background:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative}.dashboard .dashboard-content .visualize-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#6b328e),to(#be12e9));background:linear-gradient(90deg,#6b328e,#be12e9)}.dashboard .dashboard-content .visualize-card:hover{-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.12);box-shadow:0 4px 20px 0 rgba(0,0,0,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dashboard .dashboard-content .visualize-card.card-editing{-webkit-box-shadow:0 0 0 2px #a56bce;box-shadow:0 0 0 2px #a56bce}.dashboard .dashboard-content .visualize-card .el-card__header{padding:0;border-bottom:1px solid #e5e6eb}.dashboard .dashboard-content .visualize-card .el-card__header .operation-bar{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:44px;padding:0 20px;background-color:#fafafa;z-index:9}.dashboard .dashboard-content .visualize-card .el-card__header .operation-bar .card-title{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#333;font-weight:500}.dashboard .dashboard-content .visualize-card .el-card__header .operation-bar .card-title span{display:inline-block;max-width:80%}.dashboard .dashboard-content .visualize-card .el-card__header .operation-bar .card-actions i{color:#999;cursor:pointer;font-size:16px;-webkit-transition:all .2s ease;transition:all .2s ease}.dashboard .dashboard-content .visualize-card .el-card__header .operation-bar .card-actions i:hover{color:#ff4949;-webkit-transform:scale(1.1);transform:scale(1.1)}.dashboard .dashboard-content .visualize-card .el-card__body{padding:20px!important;height:calc(100% - 44px);overflow:hidden;color:#666}.dashboard .dashboard-content .dashboard-empty{height:100%;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;-webkit-animation:fadeIn .8s ease-out;animation:fadeIn .8s ease-out}.dashboard .dashboard-content .dashboard-empty .empty-content{text-align:center;color:#999}.dashboard .dashboard-content .dashboard-empty .empty-content .empty-icon{font-size:64px;margin-bottom:16px;opacity:.5;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.dashboard .dashboard-content .dashboard-empty .empty-content .empty-text{font-size:16px;margin:0}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5}50%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:.5}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.5}50%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:.5}}@-webkit-keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.vue-grid-layout{position:relative;-webkit-transition:height .3s ease;transition:height .3s ease}.vue-grid-item{-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}.vue-grid-item.resizing{opacity:.8;border-radius:12px}.vue-grid-item.dragging{z-index:1000;opacity:.9;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.15);box-shadow:0 8px 32px rgba(0,0,0,.15)}@media (max-width:768px){.dashboard{padding:12px}.dashboard .dashboard-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.dashboard .dashboard-header .dashboard-actions{width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.dashboard .dashboard-content{height:calc(100vh - 180px)}}.watermark-demo[data-v-4af2fdce]{padding:20px;max-width:800px;margin:0 auto}.demo-controls[data-v-4af2fdce]{margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.demo-info[data-v-4af2fdce]{background:#f5f5f5;padding:15px;border-radius:5px;margin:20px 0}.demo-info p[data-v-4af2fdce]{margin:5px 0}.demo-content[data-v-4af2fdce]{border:1px solid #ddd;padding:20px;border-radius:5px;background:#fafafa}.demo-content h3[data-v-4af2fdce]{margin-top:0}