.hero-attr-wrapper-component{margin:10px 10px 12px;padding-bottom:2px;display:flex;flex-wrap:wrap;justify-content:space-between}.hero-attr-wrapper-component *{-webkit-user-select:text!important;user-select:text!important}.hero-attr-wrapper-component .hero-attr-item{font-size:13px;width:45%;margin-bottom:8px;display:flex;flex-direction:column;align-items:center}.hero-attr-wrapper-component .hero-attr-item .hero-attr-label{font-size:12px;color:var(--el-text-color-primary);margin-bottom:3px}.hero-attr-wrapper-component .hero-attr-item .hero-attr-value{font-size:13px;color:var(--el-text-color-regular);display:flex;align-items:center}.hero-attr-wrapper-component .hero-attr-item .hero-attr-value img.hero-attr-img{width:12px;margin-right:5px}.hero-popover-layout{display:flex;flex-wrap:wrap;gap:10px;padding:2px;align-content:flex-start}.hero-popover-card{flex:0 0 260px;box-sizing:border-box;border:1px solid var(--el-border-color-lighter);border-radius:10px;background:linear-gradient(180deg,var(--el-bg-color) 0%,var(--el-fill-color-light) 100%);box-shadow:0 10px 24px rgba(0,0,0,.12);overflow:hidden}.hero-popover-card .hero-cover-item{border:none;border-radius:0}.skill-popup-wrapper{color:var(--el-text-color-regular);padding:4px 10px 12px}.skill-popup-wrapper *{-webkit-user-select:text!important;user-select:text!important}.skill-popup-wrapper .skill-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.skill-popup-wrapper .skill-line .skill-line-left{display:flex;align-items:center}.skill-popup-wrapper .skill-line .skill-line-left .skill-img{width:28px;height:28px;border-radius:2px}.skill-popup-wrapper .skill-line .skill-line-left .skill-img .image-slot{font-size:12px;line-height:28px}.skill-popup-wrapper .skill-line .skill-line-left .skill-name-wrapper{display:flex;align-items:center;gap:6px;margin-left:4px;flex-wrap:wrap}.skill-popup-wrapper .skill-line .skill-line-left .skill-name{font-size:13px;word-break:break-word}.skill-popup-wrapper .skill-line .skill-line-left .special-skill-toggle{background:transparent;border:1px solid var(--el-border-color);color:var(--el-text-color-secondary);font-size:10px;padding:2px 6px;border-radius:3px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.skill-popup-wrapper .skill-line .skill-line-left .special-skill-toggle:hover{border-color:var(--el-color-primary);color:var(--el-color-primary)}.skill-popup-wrapper .skill-line .skill-line-left .special-skill-toggle.active{background:var(--el-color-primary);border-color:var(--el-color-primary);color:#fff}.skill-popup-wrapper .skill-line .skill-line-left .skill-name-wrapper-popover{align-items:flex-start}.skill-popup-wrapper .skill-line .skill-line-left .special-skill-badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 7px;font-size:10px;line-height:1.2;color:var(--el-color-primary);background:var(--el-color-primary-light-9);border:1px solid var(--el-color-primary-light-5)}.skill-popup-wrapper .skill-line .skill-line-right{display:flex;align-items:center}.skill-popup-wrapper .skill-line .skill-line-right img.magic-img{width:9px;margin-top:-1px}.skill-popup-wrapper .skill-line .skill-line-right .skill-magic{font-size:13px;margin-left:5px;letter-spacing:1px}.skill-popup-wrapper.skill-popup-wrapper-popover{padding-top:10px}.skill-popup-wrapper .skill-desc{line-height:20px;color:var(--el-text-color-secondary);font-size:12px}.skill-popup-wrapper .skill-desc .skill-rem{color:#999;font-style:italic;font-size:11px}.skill-popup-wrapper .skill-desc .skill-divider{width:100%;height:1px;background:var(--el-border-color);margin:6px 0}.skill-popup-wrapper .skill-desc .skill-flex{display:flex;justify-content:space-between;flex-wrap:wrap}.skill-popup-wrapper .skill-desc .skill-flex div:last-child{margin-left:auto}.skill-popup-wrapper .skill-desc .skill-text-white1{color:var(--el-text-color-regular)}.skill-popup-wrapper .skill-desc .skill-text-white2{color:var(--el-text-color-secondary)}.skill-popup-wrapper .skill-desc2{line-height:22px;font-size:13px;color:var(--el-text-color-regular)}.skill-popup-wrapper .unlock-info{margin-top:10px;line-height:18px;font-size:12px;color:var(--el-text-color-secondary);background:var(--el-fill-color-light);border:1px solid var(--el-color-primary-light-7);border-radius:6px;padding:7px 4px 7px 8px;box-shadow:0 2px 8px rgba(0,0,0,.1);position:relative}.skill-popup-wrapper .unlock-info .unlock-row{display:flex;align-items:flex-start;gap:6px;margin-top:1px}.skill-popup-wrapper .unlock-info .unlock-row .unlock-left{display:flex;align-items:center}.skill-popup-wrapper .unlock-info .unlock-row .unlock-left .unlock-img{width:16px;margin-right:6px}.skill-popup-wrapper .unlock-info .unlock-row .unlock-left .unlock-label{color:var(--el-text-color-primary);white-space:nowrap;font-weight:500}.skill-popup-wrapper .unlock-desc2{line-height:22px;font-size:13px;color:var(--el-text-color-primary)}@media (max-width: 450px){.hero-popover-card{flex-basis:220px}.skill-popup-wrapper .skill-line .skill-line-left .skill-name-wrapper{gap:4px}.skill-popup-wrapper .skill-line .skill-line-left .skill-name{font-size:11px}.skill-popup-wrapper .skill-line .skill-line-left .special-skill-toggle{font-size:9px;padding:1px 4px}.skill-popup-wrapper .skill-line .skill-line-right .skill-magic{font-size:11px}}