{"remainingRequest":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\SysIndex.vue?vue&type=style&index=1&id=13a4a56b&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\cssc-fvue\\src\\views\\SysIndex.vue","mtime":1681441192473},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\cssc-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\n@import '@/assets/css/element-variables.scss';\r\n\r\n.editScroll {\r\n    margin-top: 10px;\r\n    height: 100% !important;\r\n    overflow-x: hidden;\r\n\r\n    /deep/ .el-scrollbar__wrap {\r\n        overflow-x: hidden;\r\n    }\r\n}\r\n\r\n.scroll_list {\r\n    width: 100%;\r\n}\r\n\r\n.index-container {\r\n    overflow-y: auto;\r\n    height: 100%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n    display: flex;\r\n    color: $--color-text;\r\n\r\n    // 排行\r\n    .section-rank {\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n    }\r\n\r\n    .top-type {\r\n        flex: none;\r\n        width: calc(25% - 8px);\r\n        height: 100%;\r\n        margin-right: 10px;\r\n        border: 1px solid $--light-border;\r\n        background: rgba($--background-color-secondary, 0.8);\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .top-type:last-child {\r\n        margin-right: 0;\r\n    }\r\n\r\n    .top-type-title {\r\n        text-align: center;\r\n        font-weight: 700;\r\n        height: 26px;\r\n        position: relative;\r\n    }\r\n\r\n    .change-icon {\r\n        position: absolute;\r\n        right: 10px;\r\n        top: 3px;\r\n        color: #ff9c00;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .top5-list {\r\n        height: calc(100% - 26px);\r\n        width: 100%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-evenly;\r\n        align-items: center;\r\n    }\r\n\r\n    .top5-item {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        padding: 6px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .top5-item:nth-child(2n + 1) {\r\n        background: rgba(#196a97, 0.5);\r\n    }\r\n\r\n    .top5-item-left {\r\n        width: 40%;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n    }\r\n\r\n    .top5-item-center {\r\n        width: 50%;\r\n        height: 100%;\r\n        border: 1px solid #006ced;\r\n        background: rgba(0, 132, 251, 0.1);\r\n        text-align: left;\r\n        position: relative;\r\n\r\n        .top5-item-bar {\r\n            display: inline-block;\r\n            background: #006ced;\r\n            height: calc(100% - 4px);\r\n            box-sizing: border-box;\r\n            position: absolute;\r\n            left: 2px;\r\n            top: 2px;\r\n        }\r\n    }\r\n\r\n    .inner3.top5-item-center {\r\n        border: 1px solid #ff9c00;\r\n        background: rgba(255, 154, 0, 0.1);\r\n\r\n        .top5-item-bar {\r\n            background: #ff9c00;\r\n        }\r\n    }\r\n\r\n    .top5-item-num {\r\n        width: 18px;\r\n        height: 18px;\r\n        line-height: 18px;\r\n        border-radius: 18px;\r\n        background: #006ced;\r\n        display: inline-block;\r\n        text-align: center;\r\n        margin-right: 6px;\r\n        font-weight: 700;\r\n    }\r\n\r\n    //#20b4be #ff9c00\r\n    .top5-item-num.inner3 {\r\n        background: #ff9c00;\r\n    }\r\n\r\n    .top5-item-right {\r\n        width: 30%;\r\n        text-align: right;\r\n        white-space: nowrap;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n\r\n        span {\r\n            margin-right: 4px;\r\n        }\r\n    }\r\n\r\n    // 排行\r\n    .section-left {\r\n        width: calc(100% - 400px);\r\n        box-sizing: border-box;\r\n        margin-right: 10px;\r\n    }\r\n\r\n    .section-left-top {\r\n        height: calc(100% - 240px);\r\n        display: flex;\r\n        margin-bottom: 10px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .section-left-bottom {\r\n        width: 100%;\r\n        height: 230px;\r\n        box-sizing: border-box;\r\n        display: flex;\r\n    }\r\n\r\n    .section-energy {\r\n        width: 360px;\r\n        height: 100%;\r\n        margin-right: 8px;\r\n    }\r\n\r\n    .section-leto-left {\r\n        padding: 24px 30px 20px 28px;\r\n        width: calc(100% - 400px);\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n        background: url('../assets/img/mokuai2.png') center / 100% 100% no-repeat;\r\n    }\r\n\r\n    .section-leto-right {\r\n        flex: none;\r\n        width: 400px;\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n        color: $--color-text;\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        overflow-y: hidden;\r\n\r\n        .section-container {\r\n            position: relative;\r\n            width: calc(50% - 12px);\r\n            height: auto;\r\n            box-sizing: border-box;\r\n            border-radius: 4px;\r\n            // background: #fff;\r\n            display: flex;\r\n            padding: 0px 6px;\r\n            margin: 0px 6px;\r\n            justify-content: center;\r\n            align-items: center;\r\n            color: #fff;\r\n            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .section-icon {\r\n            font-size: 22px;\r\n            color: $--color-text;\r\n        }\r\n\r\n        .section-icon.icon--blue {\r\n            color: $--theme-color-active;\r\n        }\r\n\r\n        .section-icon.icon--green {\r\n            color: $--color-success;\r\n        }\r\n\r\n        .section-icon.icon--yellow {\r\n            color: $--color-warning;\r\n        }\r\n\r\n        .section-icon.icon--gray {\r\n            color: $--color-text-dark;\r\n        }\r\n\r\n        .section-icon.icon--red {\r\n            color: $--color-danger;\r\n        }\r\n\r\n        .section-describ {\r\n            width: 100%;\r\n            height: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .section-title {\r\n            display: flex;\r\n            padding: 10px 12px 0 12px;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n        }\r\n\r\n        .section-num {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            height: 100%;\r\n            width: 100%;\r\n            padding: 0 12px;\r\n            text-align: center;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .section-num .item-num {\r\n            font-size: 24px;\r\n            font-weight: bold;\r\n            color: $--color-primary;\r\n            color: $--color-warning;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .section-unit {\r\n            position: absolute;\r\n            right: 20px;\r\n            bottom: 10px;\r\n            color: $--color-text-dark;\r\n            color: $--color-primary;\r\n        }\r\n\r\n        .item-unit {\r\n            color: $--color-text-dark;\r\n        }\r\n\r\n        .section-title-name {\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            color: $--color-text;\r\n        }\r\n\r\n        .avatar-container {\r\n            position: relative;\r\n            width: 50px;\r\n            height: 50px;\r\n            margin-right: 10px;\r\n            border-radius: 50%;\r\n            overflow: hidden;\r\n            box-sizing: border-box;\r\n            background-color: #fff;\r\n            // img {\r\n            //   width: 100%;\r\n            //   height: 100%;\r\n            // }\r\n        }\r\n\r\n        .personal-section {\r\n            position: relative;\r\n\r\n            .personal-popup {\r\n                position: absolute;\r\n                top: calc(100% + 2px);\r\n                left: 0;\r\n                width: 100%;\r\n                background: burlywood;\r\n                z-index: 99;\r\n            }\r\n        }\r\n    }\r\n\r\n    .section-right {\r\n        width: 400px;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .section-right-chart {\r\n        height: calc((100% - 180px) / 2);\r\n        box-sizing: border-box;\r\n        margin-bottom: 10px;\r\n    }\r\n\r\n    .section-right-bottom {\r\n        width: calc(100% - 4px);\r\n        height: 160px;\r\n        box-sizing: border-box;\r\n        background-color: transparent; //rgba($--background-color-secondary, 0.7);\r\n        border: none;\r\n        position: relative;\r\n    }\r\n\r\n    .dv-border-svg-container {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        left: 0;\r\n        right: 0;\r\n        z-index: 0;\r\n    }\r\n\r\n    .entry-content {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        display: flex;\r\n        justify-content: space-evenly;\r\n        align-items: center;\r\n        flex-wrap: wrap;\r\n        color: $--color-text;\r\n        background-color: transparent;\r\n        z-index: 1;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .entry-title {\r\n        width: 20px;\r\n        line-height: 12px;\r\n        color: $--color-primary;\r\n    }\r\n\r\n    .sys-container {\r\n        height: 40%;\r\n        cursor: pointer;\r\n        margin: 0 30px;\r\n        // display: flex;\r\n        // justify-content: center;\r\n        // align-items: center;\r\n        // flex-flow: column;\r\n        // flex-wrap: wrap;\r\n        // margin-top: 20px;\r\n\r\n        .sys-icon-container {\r\n            height: 40px;\r\n            width: 40px;\r\n            border-radius: 50%;\r\n            margin: 0 auto;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .sys-icon {\r\n            font-size: 22px;\r\n            color: #fff;\r\n        }\r\n\r\n        .sys-name {\r\n            font-weight: bold;\r\n            margin-top: 4px;\r\n        }\r\n    }\r\n\r\n    .sys-container:nth-of-type(4),\r\n    .sys-container:nth-of-type(5) {\r\n        margin-top: 0;\r\n    }\r\n\r\n    .table-header {\r\n        position: relative;\r\n        height: 29px;\r\n        line-height: 30px;\r\n        width: calc(100% - 4px);\r\n        color: $--color-text;\r\n        padding-left: 20px;\r\n        box-sizing: border-box;\r\n        margin-bottom: 10px;\r\n        background-image: linear-gradient(90deg,\r\n                $--background-color-secondary-light,\r\n                $--background-color-secondary );\r\n\r\n        div {\r\n            position: absolute;\r\n            font-size: 14px;\r\n            z-index: 2;\r\n\r\n            span {\r\n                font-size: 12px;\r\n                margin-left: 10px;\r\n                color: $--color-text-dark;\r\n            }\r\n        }\r\n    }\r\n\r\n    .table-header::before {\r\n        content: attr(alt);\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n        // animation: myfirst2 5s infinite ease-out;\r\n        border-bottom: 2px solid $--light-border-dark;\r\n        z-index: 1;\r\n    }\r\n\r\n    .table-header::after {\r\n        content: '';\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        box-sizing: border-box;\r\n        // animation: myfirst1 3s infinite ease-out alternate;\r\n        background: $--light-border;\r\n        z-index: 0;\r\n        opacity: 0.4;\r\n    }\r\n\r\n    #container1,\r\n    #container2,\r\n    #container3,\r\n    #container4 {\r\n        width: calc(100% - 4px);\r\n        height: calc(100% - 40px);\r\n        padding: 10px;\r\n        box-sizing: border-box;\r\n        border: 1px solid rgba($--light-border, 0.3);\r\n        background: rgba($--background-color-secondary, 0.5);\r\n    }\r\n\r\n    #liquid {\r\n        width: 100%;\r\n        height: calc(100% - 20px);\r\n    }\r\n\r\n    #liquid-text {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: space-between;\r\n\r\n        span {\r\n            display: inline-block;\r\n            font-size: 12px;\r\n        }\r\n    }\r\n\r\n    .animation2 {\r\n        animation: myfirst2 2s infinite;\r\n    }\r\n\r\n    @keyframes myfirst1 {\r\n        0% {\r\n            opacity: 0;\r\n        }\r\n\r\n        100% {\r\n            opacity: 0.4;\r\n        }\r\n    }\r\n\r\n    @keyframes myfirst2 {\r\n        0% {\r\n            width: 0;\r\n        }\r\n\r\n        70% {\r\n            width: 80%;\r\n        }\r\n\r\n        100% {\r\n            width: 90%;\r\n        }\r\n    }\r\n\r\n    .spinner {\r\n        width: 26px;\r\n        height: 26px;\r\n        position: relative;\r\n        margin-right: 10px;\r\n    }\r\n\r\n    .double-bounce1,\r\n    .double-bounce2 {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 50%;\r\n        background-color: #67cf22;\r\n        opacity: 0.6;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n\r\n        -webkit-animation: bounce 3s infinite ease-in-out;\r\n        animation: bounce 3s infinite ease-in-out;\r\n    }\r\n\r\n    .double-bounce2 {\r\n        -webkit-animation-delay: -1.5s;\r\n        animation-delay: -1.5s;\r\n    }\r\n\r\n    @-webkit-keyframes bounce {\r\n\r\n        0%,\r\n        100% {\r\n            -webkit-transform: scale(0);\r\n        }\r\n\r\n        50% {\r\n            -webkit-transform: scale(1);\r\n        }\r\n    }\r\n\r\n    @keyframes bounce {\r\n\r\n        0%,\r\n        100% {\r\n            transform: scale(0);\r\n            -webkit-transform: scale(0);\r\n        }\r\n\r\n        50% {\r\n            transform: scale(1);\r\n            -webkit-transform: scale(1);\r\n        }\r\n    }\r\n}\r\n\r\n.bg-url {\r\n    width: calc(100% - 2px);\r\n    padding: 15px 20px 5px 20px;\r\n    background: url('../assets/img/mokuai5.png') center / 100% 100% no-repeat;\r\n}\r\n",null]}