.tft-popover-content .entity-popover-shell{display:flex;align-items:stretch;gap:12px}.tft-popover-content .entity-popover-main{flex:0 0 auto;width:260px;max-width:100%}.tft-popover-content.detail-poper-class-with-change .el-popper__arrow{display:none}.tft-popover-content.detail-poper-class-scale{transform:scale(.7);transform-origin:top left}.tft-popover-content .recent-change-card{width:340px;min-height:210px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;align-self:stretch}.tft-popover-content .recent-change-card .el-card__body{display:flex;flex-direction:column;flex:1;box-sizing:border-box}.tft-popover-content .card-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--el-border-color)}.tft-popover-content .card-item-info{display:flex;align-items:center}.tft-popover-content .item-name{margin-left:10px;font-weight:700;font-size:16px}.tft-popover-content .changes-list{display:flex;flex-direction:column;gap:10px;margin-top:5px;flex:1}.tft-popover-content .change-item{display:flex;align-items:center;flex-wrap:wrap;font-size:15px}.tft-popover-content .change-key{font-weight:700;margin-right:14px;min-width:84px}.tft-popover-content .change-old{color:#f56c6c;text-decoration:line-through}.tft-popover-content .change-arrow{margin:0 8px;color:#909399}.tft-popover-content .change-new{color:#67c23a}.tft-popover-content .change-status-row{padding-top:4px}.tft-popover-content .status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:28px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:600}.tft-popover-content .status-added{color:#67c23a;background:rgba(103,194,58,.12)}.tft-popover-content .status-reenabled{color:#409eff;background:rgba(64,158,255,.12)}.tft-popover-content .status-disabled{color:#f56c6c;background:rgba(245,108,108,.12)}.tft-popover-content .version-tag{--tag-left: #f56c6c;--tag-right: #d84a4a;position:relative;display:inline-flex;align-items:center;height:20px;padding:0 12px 0 14px;font-size:12px;font-weight:700;line-height:20px;color:#fff;white-space:nowrap;background:linear-gradient(90deg,var(--tag-left),var(--tag-right));border-radius:2px;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.28));transform-origin:right center;transform:scale(.8);margin-right:-2px}.tft-popover-content .version-tag:after{content:"";position:absolute;top:0;left:-12px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid var(--tag-right)}.tft-popover-content .level-item{display:flex;align-items:flex-start;gap:8px;padding:5px 0;border-radius:4px}.tft-popover-content .level-item .skill-desc{margin-top:0}.tft-popover-content .trait-level-num{width:15px;height:15px;line-height:15px;text-align:center;color:#fff;font-size:10px;margin-right:7px;margin-top:2px;flex-shrink:0}.tft-popover-content .trait-level-num-1{border:1px solid #a5644a;background-color:#7f4f3e}.tft-popover-content .trait-level-num-2{border:1px solid #a7a399;background-color:#818181}.tft-popover-content .trait-level-num-3{border:1px solid #ae8b42;background-color:#ae8b42}.tft-popover-content .trait-level-num-4{border:1px solid #60dace;background-color:#d4f6f1;color:#1c1c1c}.tft-popover-content .skill-desc{line-height:20px;color:var(--el-text-color-secondary);font-size:12px;margin-top:6px;width:100%}.tft-popover-content .skill-desc .skill-divider{width:100%;height:1px;background:var(--el-border-color);margin:6px 0}.tft-popover-content .skill-desc .skill-flex{display:flex;justify-content:space-between;flex-wrap:wrap}.tft-popover-content .skill-desc .skill-flex div:last-child{margin-left:auto}.tft-popover-content .skill-desc .skill-text-white1{color:var(--el-text-color-regular)}.tft-popover-content .skill-desc .skill-text-white2{color:var(--el-text-color-secondary)}.tft-popover-content .recent-change-card .skill-diff ins{text-decoration:none;background-color:rgba(0,255,52,.32);font-weight:700;color:var(--el-text-color-primary);font-size:14px}.tft-popover-content .recent-change-card .skill-diff del{text-decoration:line-through;background-color:rgba(255,0,0,.1);color:var(--el-text-color-secondary);opacity:.7}@media (max-width: 900px){.tft-popover-content .entity-popover-shell{flex-direction:column}.tft-popover-content .recent-change-card{width:100%}}@media (max-width: 768px){.el-popover.el-popper.tft-popover-content{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);box-sizing:border-box;overflow:auto;overscroll-behavior:contain}.el-popover.el-popper.tft-popover-content .el-popper__arrow{display:none}.el-popover.el-popper.tft-popover-content .entity-popover-shell{flex-direction:column;align-items:center}.el-popover.el-popper.tft-popover-content .entity-popover-main,.el-popover.el-popper.tft-popover-content .recent-change-card{max-width:100%;min-width:0}.el-popover.el-popper.tft-popover-content .recent-change-card{align-self:center;flex-shrink:0}.el-popover.el-popper.tft-popover-content .hero-popover-card{flex:0 0 100%;min-width:0}}