.trait-popup-item{border:1px solid var(--el-card-border-color);border-radius:6px;background:rgba(0,0,0,.34);height:100%;box-sizing:border-box;color:var(--el-text-color-regular);padding:14px 10px 10px 20px}.trait-popup-item *{-webkit-user-select:text!important;user-select:text!important}.trait-popup-item .trait-line1{display:flex;align-items:center;margin-bottom:10px}.trait-popup-item .trait-line1 .trait-title{color:var(--el-text-color-primary);font-size:19px;margin-left:8px}.trait-popup-item .trait-line1 .trait-similar-inline-list{display:flex;flex-wrap:wrap;gap:4px;margin-left:10px}.trait-popup-item .trait-line1 .trait-similar-inline-item{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.1);cursor:help;line-height:1;min-height:20px}.trait-popup-item .trait-content{margin-bottom:18px}.trait-popup-item .trait-content .trait-introduce{font-size:13px;margin-bottom:10px;white-space:pre-line}.trait-popup-item .trait-content .trait-level{display:flex;align-items:flex-start;margin-bottom:10px}.trait-popup-item .trait-content .trait-level .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}.trait-popup-item .trait-content .trait-level .trait-level-num-1{border:1px solid #a5644a;background-color:#7f4f3e}.trait-popup-item .trait-content .trait-level .trait-level-num-2{border:1px solid #a7a399;background-color:#818181}.trait-popup-item .trait-content .trait-level .trait-level-num-3{border:1px solid #ae8b42;background-color:#ae8b42}.trait-popup-item .trait-content .trait-level .trait-level-num-4{border:1px solid #60dace;background-color:#d4f6f1;color:#1c1c1c}.trait-popup-item .trait-content .trait-level .trait-level-desc{font-size:13px;white-space:pre-line}.trait-popup-item .trait-content .trait-augment-divider{display:flex;align-items:center;gap:7px;margin:13px 0 11px}.trait-popup-item .trait-content .trait-augment-divider:before,.trait-popup-item .trait-content .trait-augment-divider:after{content:"";flex:1;min-width:24px;border-top:1px dashed rgba(215,194,138,.48)}.trait-popup-item .trait-content .trait-augment-divider .trait-augment-divider-icon{flex-shrink:0;border-radius:4px}.trait-popup-item .trait-content .trait-augment-divider .trait-augment-divider-title{flex-shrink:0;color:#d7c28a;font-size:12px;font-weight:600;line-height:22px}.trait-popup-item .trait-others-stargazer{display:flex;flex-wrap:wrap;margin:0 -8px -23.5%;transform:scale(.75);transform-origin:top left;width:133%}.trait-popup-item .trait-others-stargazer .trait-content-other{width:calc(33.333% - 16px);margin:0 8px 16px;background:rgba(255,255,255,.03);border-radius:6px;padding:10px;border:1px solid rgba(255,255,255,.05);box-sizing:border-box}.trait-popup-item .trait-others-accordion{margin-bottom:18px}.trait-popup-item .trait-others-accordion .trait-other-panel{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.024);border-radius:7px;overflow:hidden;margin-bottom:8px}.trait-popup-item .trait-others-accordion .trait-other-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;cursor:pointer;background:rgba(255,255,255,.027)}.trait-popup-item .trait-others-accordion .trait-other-trigger-title{color:var(--el-text-color-primary);font-size:13px;font-weight:650;line-height:1.3}.trait-popup-item .trait-others-accordion .trait-other-trigger-arrow{width:7px;height:7px;border-right:1.5px solid rgba(229,234,243,.82);border-bottom:1.5px solid rgba(229,234,243,.82);transform:rotate(45deg);transition:transform .2s ease;flex-shrink:0;margin-top:-1px}.trait-popup-item .trait-others-accordion .trait-other-trigger-arrow-expanded{transform:rotate(225deg);margin-top:3px}.trait-popup-item .trait-others-accordion .trait-content-other-expanded{margin-bottom:0;padding:8px 12px 1px}.trait-popup-item .trait-heros-wrapper{display:flex;align-items:center;flex-wrap:wrap}.trait-popup-item .trait-heros-wrapper .trait-hero-item{margin-right:10px;margin-bottom:8px}.trait-popup-item .trait-heros-wrapper .trait-hero-item-flexible{opacity:.5}.trait-popup-item .trait-similar-season{font-size:10px;color:#d7c28a}.trait-popup-item .trait-similar-name{font-size:11px;color:var(--el-text-color-primary)}
