.closeBox{
    .closeIcon{
        width: 50px;
        height: 50px;
        cursor: pointer;
    }
}


.expandBox{
    .boxTop{
        display: flex;
        align-items: center;
        .closeIcon{
            width: 50px;
            height: 50px;
            cursor: pointer;
        }
        .titleText{
            font-family: PingFangSC, PingFang SC;
            font-weight: 500;
            font-size: 16px;
            color: rgba(255, 255, 255, 0.85);
            line-height: 26px;
            text-align: left;
            font-style: normal;
            margin-left: 4px;
        }
    }

    .dialogBox{
        padding: 12px;
        color: #fff;
        width: 90%;
        max-height: calc(100vh - 140px);
        white-space: pre-wrap;
        background: rgba(56, 56, 56, 0.51);
        border-radius: 8px;
        border: 1px solid #5F5F5F;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        .dialogContent{
            width: 100%;
            box-sizing: border-box;
            max-height: 100vh;
            padding: 12px;
            flex: 1;
            overflow-y: auto;
            .dialogueBoxItem{
                width: 100%;
                display: flex;
                align-items: flex-start;
                margin-top: 12px;
                .robotIcon{
                    width: 28px;
                    height: 28px;
                    margin-right: 8px;
                }
                .dialogueTextBox{
                    max-width: calc(100% - 36px);
                    min-width: 30px;
                    min-height: 22px;
                    background: rgba(27, 27, 27, 0.51);
                    border-radius: 4px;
                    padding: 8px 12px;

                    .deepseekContent{
                        div {
                            line-height: 1.6;
                            font-size: 16px;
                          }
                          
                          h2 {
                            color: #2c3e50;
                          }
                          
                          strong {
                            color: #333;
                          }
                          
                          ul {
                            padding-left: 20px;
                          }
                          
                          li {
                            margin-bottom: 5px;
                            strong{
                                color: #fff;
                            }
                          }
                    }

                    .firstClickTab{
                        width: 100%;
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        .clickItem{
                            display: inline-block;
                            margin-right: 8px;
                            cursor: pointer;
                            color: #1890ff;
                            text-decoration: none;
                        }
                        .selctClickItem{
                            box-sizing: border-box;
                            padding: 4px 6px;
                            background-color: #1890ff;
                            color: #fff;
                            border-radius: 8px;

                        }
                        .clearClick{
                            width: 15px;
                            height: 15px;
                            cursor: pointer;
                            margin-left: 12px;
                        }
                    }

                    .moreOption{
                        width: 100%;
                        display: flex;
                        align-items: center;
                        margin-top: 16px;
                        .optionItem{
                            color: #1890ff!important;
                            cursor: pointer;
                            margin-right: 16px;
                        }
                    }

                    .style1{
                        color: #6590f5!important;
                        font-weight: bold;
                    }
                    .style2{
                        color: #FE7628!important;
                        font-weight: bold;
                    }
                    .style3{
                        color: #98aac9!important;
                        font-weight: bold;
                    }
                    .style4{
                        display: block;
                        text-indent: 2rem;
                    }
                    .style5{
                        display: block;
                        text-indent: 4rem;
                    }
                    .operateBox{
                        width: 100%;
                        display: flex;
                        align-items: center;
                        flex-wrap: wrap;
                        .operateItem{
                            display: block;
                            width: 160px;
                            cursor: pointer;
                        }
                    }

                    .el-loading-mask{
                        background-color: transparent!important;
                        .el-loading-spinner{
                            transform: translateY(50%);
                            .circular{
                                width: 20px!important;
                                height: 20px!important;
                            }
                        }
                    }

                    .elTable{
                        background-color: transparent !important;
                        
                        .el-table__inner-wrapper{
                            .el-table__header-wrapper{
                                .el-table__header{
                                    thead{
                                        tr{
                                            background: transparent !important;
                                            th{
                                                background: transparent !important;
                                                .cell{
                                                    color: #fff!important;
                                                }
                                            }
                                        }
                                    }
                                }
                            }








                            .el-table__body-wrapper{
                                .el-scrollbar{
                                    .el-scrollbar__wrap{
                                        .el-scrollbar__view{
                                            .el-table__body{

                                                .el-table__row{
                                                    background: transparent !important;
                                                    color: #fff!important;
                                                }
                                                tr:hover>td.el-table__cell{
                                                    background: transparent !important;
                                                    color: #fff!important;

                                                }

                                                .el-table__row--level-0{
                                                    .el-table__cell{
                                                        .cell{
                                                            // display: flex;
                                                            // align-items: center;
                                                            .el-table__expand-icon{
                                                                .el-icon{
                                                                    color: #fff;
                                                                }
                                                            }
                                                        }
                                                    }
                                                }
                                                .el-table__row--level-1{
                                                    .el-table__cell{
                                                        .cell{
                                                            // display: flex;
                                                            // align-items: center;
                                                            .el-table__indent{
                                                                padding-left: 0!important;
                                                            }
                                                        }
                                                    }
                                                }
                                                .el-table__row--level-2{
                                                    .el-table__cell{
                                                        .cell{
                                                            // display: flex;
                                                            // align-items: center;
                                                            .el-table__indent{
                                                                padding-left: 0!important;
                                                            }
                                                        }
                                                    }
                                                }
                                                .el-table__row--level-3{
                                                    .el-table__cell{
                                                        .cell{
                                                            // display: flex;
                                                            // align-items: center;
                                                            .el-table__indent{
                                                                padding-left: 0!important;
                                                            }
                                                        }
                                                    }
                                                }
                                                .el-table__row--level-4{
                                                    .el-table__cell{
                                                        .cell{
                                                            // display: flex;
                                                            // align-items: center;
                                                            .el-table__indent{
                                                                padding-left: 0!important;
                                                            }
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
                .loadingBox{
                    width: 100%;
                    height: 50px;
                }
                .userIcon{
                    width: 28px;
                    height: 28px;
                    margin-left: 8px;
                }
            }
        }

        .dialogContent::-webkit-scrollbar {
            width: 0px; /* 隐藏水平滚动条 */
            height: 0px; /* 隐藏垂直滚动条 */
        }
        
        .inputBox{
            width: 100%;
            box-sizing: border-box;
            padding: 12px;
            display: flex;
            align-items: center;
            .searchText{
                width: calc(100% - 30px);
                .el-input__wrapper{
                    background-color: transparent!important;
                    .el-input__inner{
                        color: #fff !important;
                    }
                }
            }
            .searchIcon{
                width: 24px;
                height: 24px;
                margin-left: 6px;
                cursor: pointer;
            }
        }


        .moreSelect{
            width: 100%;
            .filterFixed{
                width: 100%;
                box-sizing: border-box;
                display: flex;
                justify-content: flex-end;
                .filterIcon{
                    width: 20px;
                    height: 20px;
                    cursor: pointer;
                }
            }
            .filterBox{
                width: 100%;
                display: flex;
                .filterList{
                    width: calc(100% - 28px);
                    box-sizing: border-box;
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    .filterItem{
                        cursor: pointer;
                        margin-right: 6px;
                        padding: 4px 8px;
                        border-radius: 14px;
                        border: 1px solid rgb(90, 90, 90);
                        font-family: PingFangSC, "PingFang SC";
                        font-weight: 400;
                        font-size: 14px;
                        color: rgba(255, 255, 255, 0.85);
                        line-height: 20px;
                        text-align: left;
                        font-style: normal;
                        margin-bottom: 8px;
                    }
                    .selectFilterItem{
                        color: #1890ff !important;   
                        border-color: #1890ff;
                    }
                   
                }
                .filterIcon{
                    width: 15px;
                    height: 15px;
                    cursor: pointer;
                    margin-left: 8px;
                }
            }
          
        }
    }
}