.comp-data-wrapper .conditions .condition-left .switch-btn .switch-btn-desc{font-size:12px}.comp-data-wrapper .table{margin-top:10px}.comp-data-wrapper .el-select--small .el-select__wrapper{font-size:11px}.comp-data-wrapper .matches .match-item{margin-right:10px}.comp-wrapper{cursor:pointer;background:#2e2e37;border-radius:3px 6px 6px 3px;border-left:4px solid var(--el-color-primary);display:flex;align-items:center;height:120px;width:100%;position:relative;box-sizing:border-box;flex-wrap:wrap}.comp-wrapper .comp-bg-wrapper{position:absolute;height:120px;z-index:1;overflow:hidden}.comp-wrapper .comp-bg-wrapper .comp-bg-img{height:120px;margin-left:-40px}.comp-wrapper .comp-bg-wrapper .header-mask{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#2e2e3766,#2e2e37b3,#2e2e37d9,#2e2e37)}.comp-wrapper .comp-details{z-index:2;margin-left:25px;width:170px}.comp-wrapper .comp-details .comp-title{color:var(--el-text-color-primary);margin-bottom:6px;font-weight:700;font-size:17px;text-shadow:#333 -1px 0 2px,#333 0 1px 2px,#333 1px 0 2px,#333 0 -1px 2px}.comp-wrapper .comp-details .comp-tags{display:flex;align-items:center}.comp-wrapper .comp-details .comp-tags .comp-tag{color:var(--el-text-color-secondary);font-size:12px;transform:scale(.84);transform-origin:left top;margin-right:-3px;background-color:#151515;padding:3px 8px;border-radius:4px;font-weight:700;white-space:nowrap}.comp-wrapper .comp-details .comp-tags .comp-difficult-1{color:var(--el-color-success);background-color:#1c2518}.comp-wrapper .comp-details .comp-tags .comp-difficult-2{color:var(--el-color-warning);background-color:#292218}.comp-wrapper .comp-details .comp-tags .comp-difficult-3{color:var(--el-color-danger);background-color:#422a2a}.comp-wrapper .comp-details .comp-tags-2 .comp-tag{margin-right:-7px}.comp-wrapper .comp-setting{position:absolute;right:10px;height:90%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:2}.comp-wrapper .comp-setting .comp-setting-expand{display:flex;flex-direction:column;align-items:center}.comp-wrapper .comp-setting .comp-setting-expand .copy-code{margin-top:8px;color:#ddd;transition:all .3s}.comp-wrapper .comp-setting .comp-setting-expand .copy-code:hover{color:#fff}.comp-wrapper .comp-setting .setting-img{width:13px;height:13px}.comp-wrapper .hero-trait-wrapper{z-index:2;margin-left:0;width:460px}.comp-wrapper .hero-trait-wrapper .trait-wrapper{margin-bottom:10px;color:var(--el-text-color-regular);display:flex;align-items:center}.comp-wrapper .hero-trait-wrapper .trait-wrapper .trait-item{display:flex;align-items:center;border-radius:4px;margin-right:-1px;font-size:12px;transform:scale(.75);transform-origin:left top;padding:1px 4px}.comp-wrapper .hero-trait-wrapper .trait-wrapper .trait-item .trait-level{margin-left:3px}.comp-wrapper .hero-trait-wrapper .trait-wrapper .trait-item-1{background:#a5644a16;border:1px solid #a5644a;color:#a5644a}.comp-wrapper .hero-trait-wrapper .trait-wrapper .trait-item-2{background:#a7a39926;border:1px solid #a7a399;color:#a7a399}.comp-wrapper .hero-trait-wrapper .trait-wrapper .trait-item-3{background:#ae8b4226;border:1px solid #ae8b42;color:#ae8b42}.comp-wrapper .hero-trait-wrapper .trait-wrapper .trait-item-unique{background:#fa6e3826;border:1px solid #bf6c4b;color:#bf6c4b}.comp-wrapper .hero-trait-wrapper .hero-wrapper{display:flex;align-items:center;z-index:2}.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper{margin-right:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px}.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper .hero-item{margin-right:0;position:relative}.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper .hero-item .equips-wrapper{position:absolute;bottom:-4px;display:flex;justify-content:center;width:100%}.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper .hero-item .map-item-stars-wrapper{position:absolute;top:-5px;left:0;width:100%;justify-content:center}.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper .hero-item .map-item-stars-wrapper .map-item-stars{margin:auto;width:fit-content;padding:1px 4px;display:flex;align-items:center;justify-content:center;background-color:#534c4cb0;border-radius:10px}.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper .hero-item .map-item-stars-wrapper .map-item-stars .map-item-star-icon{margin:0 -1px}.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper .hero-name{font-size:12px;transform:scale(.83);transform-origin:top;width:100%;display:flex;justify-content:center;color:var(--el-text-color-regular);white-space:nowrap;margin-top:6px}.comp-wrapper .statictics-data{display:flex;align-items:center;flex-direction:column;margin-left:34px;z-index:2}.comp-wrapper .statictics-data .statictics-line{display:flex;align-items:center}.comp-wrapper .statictics-data .statictics-line .statictics-item{display:flex;align-items:center;justify-content:center;flex-direction:column;width:50px;margin-right:20px}.comp-wrapper .statictics-data .statictics-line .statictics-item .statictics-item-label{white-space:nowrap;color:var(--el-text-color-secondary);font-size:11px;font-weight:300;margin-bottom:2px}.comp-wrapper .statictics-data .statictics-line .statictics-item .statictics-item-num{font-size:14px;font-weight:500}.comp-wrapper .statictics-data .statictics-line .statictics-item:last-child{margin-right:0}.comp-wrapper .statictics-data .statictics-line:first-child{margin-bottom:8px}.comp-wrapper .statictics-data-1{display:none}.comp-detail-wrapper{margin-top:-3px;transition:height .5s ease;height:0;overflow:hidden;border-radius:0 0 4px 4px;background:#2e2e37;width:100%}.comp-detail-wrapper-true{height:500px;padding:10px;box-sizing:border-box}.bottom-tabs{margin-top:6px;margin-bottom:15px;display:flex;width:100%;cursor:pointer;--simulator-bottom-tab-line: #555}.bottom-tabs .bottom-tab{color:var(--el-text-color-primary);padding:5px 12px;font-size:14px;white-space:nowrap;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:1px solid var(--simulator-bottom-tab-line)}.bottom-tabs .bottom-tab-active2{color:var(--el-color-primary);border:1px solid var(--simulator-bottom-tab-line);border-bottom-color:#2e2e37}.bottom-tabs .bottom-tab:hover{color:var(--el-color-primary)}.bottom-tabs .bottom-tab-space{border-bottom:1px solid var(--simulator-bottom-tab-line);width:100%}@media (max-width: 904px){.comp-wrapper .statictics-data{margin-left:10px}}@media (max-width: 880px){.comp-wrapper .comp-details{margin-left:10px;width:175px}}@media (max-width: 850px){.comp-wrapper{height:200px;flex-wrap:wrap}.comp-wrapper .comp-details{margin-left:20px}.comp-wrapper .comp-bg-wrapper{height:200px}.comp-wrapper .comp-bg-wrapper .comp-bg-img{height:200px;margin-left:-40px}.comp-wrapper .hero-trait-wrapper{margin-left:20px;margin-top:-26px!important}.comp-wrapper .statictics-data{margin-left:0;margin-right:50px}.comp-wrapper .statictics-data-1{display:flex}.comp-wrapper .statictics-data-2{display:none}}@media (max-width: 534px){.comp-wrapper .statictics-data{margin-right:0}.comp-wrapper .statictics-data .statictics-line .statictics-item{margin-right:10px}}@media (max-width: 468px){.comp-wrapper .comp-bg-wrapper{width:100%;overflow:hidden}}@media (max-width: 468px){.comp-wrapper .comp-details,.comp-wrapper .hero-trait-wrapper{margin-left:10px}}@media (max-width: 520px){.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper{width:28px}.comp-wrapper .hero-trait-wrapper .hero-wrapper .hero-item-wrapper .hero-name{margin-top:5px;font-size:12px;transform:scale(.67);transform-origin:top}.comp-wrapper .statictics-data{margin-right:10px;margin-left:10px;margin-bottom:16px}}@media (max-width: 442px){.comp-wrapper .statictics-data{margin-right:10px;margin-left:10px;margin-bottom:16px}}.comp-wrapper{height:155px}.comp-wrapper .statictics-data{margin-left:100px}.comp-wrapper .comp-bg-wrapper{height:155px}.comp-wrapper .comp-bg-wrapper .header-mask{background:linear-gradient(to right,#2e2e374d,#2e2e3799,#2e2e37b3,#2e2e37e6,#2e2e37)}.comp-wrapper .comp-bg-wrapper .comp-bg-img{height:155px}.comp-wrapper .comp-avatar{margin:0 40px 0 35px;z-index:1;transition:opacity .3s ease,transform .3s ease;cursor:pointer}.comp-wrapper .comp-avatar:hover{transform:translateY(-6px)}.comp-wrapper .comp-details{display:flex;margin-left:0;margin-bottom:3px}.comp-wrapper .comp-details .comp-title{white-space:nowrap;margin-right:22px;font-size:18px}.comp-wrapper .comp-details .comp-avatar{display:none}.comp-wrapper .comp-tag{border:1px solid rgba(255,255,255,.1)}.comp-wrapper .hero-trait-wrapper .trait-wrapper{margin-bottom:8px}.comp-wrapper .hero-trait-wrapper .hero-wrapper{gap:4px}@media (max-width: 520px){.comp-wrapper .hero-trait-wrapper .hero-wrapper{gap:0px}}@media (max-width: 920px){.comp-wrapper .statictics-data{margin-left:40px}.comp-wrapper .statictics-data-1{margin-left:300px;margin-bottom:-50px}}@media (max-width: 850px){.comp-wrapper .comp-avatar{display:none}}@media (max-width: 520px){.comp-wrapper{height:165px}.comp-wrapper .statictics-data{margin-left:100px}.comp-wrapper .comp-bg-wrapper,.comp-wrapper .comp-bg-wrapper .comp-bg-img{height:165px}.comp-wrapper .statictics-data-1{margin-bottom:12px;margin-left:5px}.comp-wrapper .comp-details{margin-bottom:16px}.comp-wrapper .comp-details .comp-avatar{display:block;scale:.6;transform-origin:left center;width:36px;height:0;margin:0}.comp-wrapper .comp-details .comp-title{margin-bottom:0}}