.n-layout-scroll-container{display: flex; flex-flow: row; width: 100%;}
#md_xmind .md_container{width: 100%;height:100%;flex-direction: column;gap:25px;}
#md_xmind .md_container .md_title{font-size: 2rem;font-weight: bold;}
#md_xmind .md_container .md_box{width: 1020px;display: grid;grid-template-columns:81% 19%;justify-content: center;align-items: center;gap:20px;}
#md_xmind .md_container .md_box .sub_box{padding:30px;border-radius:15px;border:1px solid #ebedf280;gap:20px;box-shadow: 0 5px 15px #ebedf280;}
#md_xmind .md_container .md_box .t_box{padding:20px 58px;text-align: center;cursor: pointer;background-color: #ebedf230;border-radius: 15px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
#md_xmind .md_container .md_box .t_box .icon{padding:6px;border-radius: 100px;background-color:#ebedf250;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;}
#md_xmind .md_container .md_box .t_box .icon i{font-size:1.2rem;color: #fff;}
#md_xmind .md_container .md_box .t_box .label{margin-top:8px;}
#md_xmind .md_container .md_box .t_box.create_box{padding:20px 30px;background-color: transparent;}
#md_xmind .md_container .md_box .t_box.create_box .icon{background-color: var(--primary-color);}
#md_xmind .md_container .md_box .t_box.prompt_box .icon{background-color: #28c445;}
#md_xmind .md_container .md_box .t_box.text_box .icon{background-color: #7f63fb;}
#md_xmind .md_container .md_box .t_box.file_box .icon{background-color: #ec6370;}
#md_xmind .md_container .md_box .t_box.img_text_box .icon{background-color:#bfa428;}
#md_xmind .md_container .md_box .t_box:not(.create_box):hover{background-color: #ebedf250;}
#md_xmind .md_container .md_box .r_box:hover{background: linear-gradient(to bottom,#1980FA30, #fff);border-bottom: 1px solid #fff;}
#md_xmind .md_container .task_box{width: 1020px;margin-top:20px;}
#md_xmind .md_container .task_box .top_box{display: flex;justify-content: space-between;align-items: center;}
#md_xmind .md_container .task_box .top_box .label{font-size:16px;font-weight: bold;}
#md_xmind .md_container .task_box .top_box .history{color:#888;cursor:pointer;display: flex;justify-content: center;align-items: center;gap: 3px;}
#md_xmind .md_container .task_box .top_box .history i{font-size: 12px;margin-top:3px;}
#md_xmind .md_container .task_box .top_box .history:hover{color: var(--primary-color);}
#md_xmind .md_container .task_box .items_box{margin-top:10px;display: grid;grid-template-columns: repeat(6, 1fr);gap:12px;}
#md_xmind .md_container .task_box .item{position:relative;border-radius: 10px;border:1px solid #ebedf280;cursor: pointer;overflow: hidden;}
#md_xmind .md_container .task_box .item:hover{border:1px solid #1980FA80;}
#md_xmind .md_container .task_box .item:hover .title{color: var(--primary-color);}
#md_xmind .md_container .task_box .item:hover .snapshot img{transform: scale(1.16) perspective(1000px) rotate(0deg);}
#md_xmind .md_container .task_box .item .snapshot{overflow: hidden;}
#md_xmind .md_container .task_box .item .snapshot img{transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);border-radius: 10px 10px 0 0;height: 120px;width: 100%;object-fit: cover;}
#md_xmind .md_container .task_box .item .bottom{padding:8px 12px;}
#md_xmind .md_container .task_box .item .bottom .title{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
#md_xmind .md_container .task_box .item .bottom .sub_box{margin-top:5px;color:#aeabab;font-size: 12px;}
#md_xmind .md_container .task_box .item .operate_box{display:none;position: absolute;top:10px;right: 10px;z-index:99;background-color: #00000020;border-radius: 5px;}
#md_xmind .md_container .task_box .item .operate_box .btn_group{display: flex;justify-content: center;align-items: center;gap: 3px;}
#md_xmind .md_container .task_box .item .operate_box .btn_group .btn{display:flex;justify-content: center;align-items:center;color: #fff;width: 30px;height: 30px;border-radius: 5px;}
#md_xmind .md_container .task_box .item .operate_box .btn_group .btn:hover{background-color: #00000020;}
/*弹窗*/
.mask_box .generate_box{width:720px;position: relative;background-color: #fff;border-radius: 12px;padding:30px;box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.1);}
.mask_box .generate_box .header{padding:0;display: flex;justify-content: space-between;align-items: center;}
.mask_box .generate_box .header_l{display: flex;justify-content: center;align-items: center;gap:15px;}
.mask_box .generate_box .header_l .type_label{font-size:16px;font-weight: bold;color:#ccc;cursor: pointer;}
.mask_box .generate_box .header_l .type_label.active{color: #333;}
.mask_box .generate_box .close::before, .mask_box .generate_box .close::after{top:41px;right:25px;}
.mask_box .generate_box .content_box{position: relative;}
.mask_box .generate_box .content_box .sub_box{margin-top:15px;padding:15px 20px 50px 20px;border:1px solid #9e9e9e30;border-radius: 10px;}
.mask_box .generate_box .content_box .content{resize: none;position: relative;z-index: 1;width: 100%;height: 220px;overflow-y: auto;}
.mask_box .generate_box .content_box .upload_box{cursor:pointer;height: 215px;border-radius:10px;background-color:#ebedf250;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.mask_box .generate_box .content_box .upload_box:hover{border:1px solid var(--primary-color);}
.mask_box .generate_box .content_box .upload_box .icon{border:1px dashed #ccc;border-radius:100px;font-size: 19px;height: 30px;width: 30px;display: flex;justify-content: center;align-items: center;font-weight: bold;color: #ccc;}
.mask_box .generate_box .content_box .upload_box .tip{margin-top:10px;font-weight: bold;color: #666;}
.mask_box .generate_box .content_box .upload_box .tip span{color: var(--primary-color);}
.mask_box .generate_box .content_box .upload_box .sub_tip{color: #ccc;margin-top:10px;text-align: center;}
.mask_box .generate_box .content_box .files_box{margin-top:10px;}
.mask_box .generate_box .content_box .files_box .file_item{display: flex;justify-content: space-between;align-items: center;gap: 5px;padding: 6px 10px;border-radius: 5px;border: 1px solid #1980fa60;}
.mask_box .generate_box .content_box .files_box .file_item .item_l{display: flex;justify-content: center;align-items: center;gap:5px;}
.mask_box .generate_box .content_box .files_box .file_item .icon i{color: var(--primary-color);}
.mask_box .generate_box .content_box .files_box .file_item .name{margin-top:-2px;}
.mask_box .generate_box .content_box .files_box .file_item .del_btn{color: #ccc;cursor: pointer;}
.mask_box .generate_box .content_box .files_box .file_item .del_btn:hover{color: red;}
.mask_box .generate_box .bottom_box{position:absolute;left:20px;right: 20px;bottom:10px;z-index:1;display: flex;justify-content: space-between;align-items: center;}
.mask_box .generate_box .bottom_box .bottom_l{display: flex;gap:10px;}
.mask_box .generate_box .bottom_box .curr_select{min-width: 109px;display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-radius: 5px;border:1px solid #ebedf280;cursor: pointer;}
.mask_box .generate_box .bottom_box .curr_select:hover{background-color: #ebedf250;}
.mask_box .generate_box .bottom_box .s_box{position: relative;}
.mask_box .generate_box .bottom_box .items{display:none;flex-direction:column;gap:5px;width: 100%;position: absolute;top:37px;left:auto;background-color: #fff;box-shadow: 10px 20px 15px rgba(0, 0, 0, 0.1);padding:8px 0;border-radius: 5px;border:1px solid #ebedf280;cursor: pointer;}
.mask_box .generate_box .bottom_box .items .item{padding:6px 10px;font-weight: bold;text-align: center;}
.mask_box .generate_box .bottom_box .items .item:hover{background-color: #ebedf250;}
.mask_box .generate_box .bottom_box .items .item.active{background-color: #ebedf250;color:var(--primary-color);}
.mask_box .generate_box .bottom_box .items .item.active::before {content: "";position: absolute;margin-top: 3px;margin-left: -18px;width: 6px;height: 12px;border: solid var(--primary-color);border-width: 0 2px 2px 0;transform: rotate(35deg);}
.mask_box .generate_box .bottom_box .s_box.type_box .items{width: 140px;}
.mask_box .generate_box .bottom_box .generate_btn{border-radius: 5px;background-color: var(--primary-color);color: #fff;padding:5px 15px;cursor: pointer;}
.mask_box .generate_box .bottom_box .generate_btn i{color: #fff;}