.tool-card-marvel{min-height:80vh;padding:36px 30px 30px;background:linear-gradient(180deg,#d0e3f5,#fff 28%,#dfeaf6 57%,#fcfdfe 100%,#fff 0);border-radius:8px;font-size:14px;line-height:20px}.tool-card-marvel .el-loading-mask{background-color:transparent}.tool-card-marvel .row{position:relative}.tool-card-marvel .row:not(:first-child){margin-top:20px}.tool-card-marvel .row .query-title{font-weight:700;--tw-text-opacity:1;color:rgba(31,31,31,var(--tw-text-opacity))}.tool-card-marvel .row .search-input{width:458px;border:none;background:transparent;outline:2px solid transparent;outline-offset:2px;padding-left:.25rem}.tool-card-marvel .row .ui-underline{position:absolute;bottom:-4px;left:56px;width:458px;height:3px;background:linear-gradient(135deg,#ff3a3a,#ac0000);border:1px solid #000}.tool-card-marvel .row .hero-list>li{display:inline-block;font-weight:700;margin-right:10px;text-align:center}.tool-card-marvel .row .cost-img{cursor:pointer;opacity:.5}.tool-card-marvel .row .cost-img.checked{opacity:1}.tool-card-marvel .row .type-list{width:200px;background:#9d0707;top:40px;left:44px;padding-top:.25rem;padding-bottom:.25rem;position:absolute;z-index:30}.tool-card-marvel .row .type-list>li{cursor:pointer;padding-top:.5rem;padding-bottom:.5rem;text-align:center;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.tool-card-marvel .show-checked{color:#6c8294}.tool-card-marvel .show-checked .checked-list{max-width:70%;display:flex;flex-wrap:wrap;align-items:center}.tool-card-marvel .show-checked .checked-list:not(:first-child){margin-left:10px}.tool-card-marvel .show-checked .checked-list>li{padding-left:.5rem;padding-right:.5rem}.tool-card-marvel .show-checked .clear-query{color:#9d0707;cursor:pointer;font-weight:700;margin-left:15px}.tool-card-marvel .query-result{margin-top:30px}.tool-card-marvel .query-result .result-total{color:#899aa8;text-align:center}.tool-card-marvel .card-list{display:grid;margin-top:20px;grid-column-gap:.5rem;-moz-column-gap:.5rem;column-gap:.5rem;grid-row-gap:.5rem;row-gap:.5rem;grid-template-columns:repeat(5,minmax(0,1fr))}.tool-card-marvel .card-list li{border-radius:.25rem;cursor:pointer;padding:10px;position:relative}.tool-card-marvel .card-list li .card-img{width:100%}.tool-card-marvel .card-list li .shade{--tw-bg-opacity:1;background-color:rgba(0,0,0,var(--tw-bg-opacity));--tw-bg-opacity:0.8;border-radius:.25rem;display:none;height:100%;padding-left:10px;padding-right:10px;position:absolute;top:0;left:0;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));width:100%;z-index:20}.tool-card-marvel .card-list li .shade .detail-info{padding-top:10px}.tool-card-marvel .card-list li .shade .detail-info .card-name{font-size:15px;font-weight:700;margin-bottom:10px}.tool-card-marvel .card-list li .shade .detail-info .card-info>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.5rem*var(--tw-space-x-reverse));margin-left:calc(0.5rem*(1 - var(--tw-space-x-reverse)))}.tool-card-marvel .card-list li .shade .detail-info .card-info{display:flex}.tool-card-marvel .card-list li .shade .detail-info .card-info>div{background:hsla(0,0%,100%,.2);--tw-border-opacity:1;border:1px solid rgba(255,255,255,var(--tw-border-opacity));font-size:12px;padding-left:.25rem;padding-right:.25rem}.tool-card-marvel .card-list li .shade .detail-info .skill-desc{font-size:12px;margin-top:20px}.tool-card-marvel .card-list li .shade .footer>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0.25rem*var(--tw-space-x-reverse));margin-left:calc(0.25rem*(1 - var(--tw-space-x-reverse)))}.tool-card-marvel .card-list li .shade .footer{display:flex;justify-content:space-around;position:absolute;bottom:10px}.tool-card-marvel .card-list li .shade .footer .red-btn{width:86px;background-color:#9d0707;--tw-border-opacity:1;border:2px solid rgba(0,0,0,var(--tw-border-opacity));cursor:pointer;display:flex;align-items:center;justify-content:space-around;font-size:14px;line-height:20px;padding-top:.25rem;padding-bottom:.25rem}.tool-card-marvel .card-list li .shade .footer .red-btn img{width:12px;height:12px}.tool-card-marvel .card-list li:hover .shade{display:block}.tool-card-marvel .parallelogramTag{min-width:60px;height:30px;line-height:26px;color:#471010;border:2px solid #471010;transform:skew(-20deg);cursor:pointer;font-weight:700;padding-left:.25rem;padding-right:.25rem;text-align:center}.tool-card-marvel .parallelogramTag>div{transform:skew(20deg)}.tool-card-marvel .parallelogramTag.checked{color:#fff;background:#471010}.tool-card-marvel .parallelogramSelect{min-width:200px;height:34px;line-height:30px;color:#fff;border:2px solid #000;background:linear-gradient(130deg,#af1919,#980303);transform:skew(-20deg);cursor:pointer;font-weight:700;padding-left:.5rem;padding-right:.5rem;position:relative}.tool-card-marvel .parallelogramSelect>div{transform:skew(20deg)}.marvel-keywords-modal .keywords-area{display:grid;grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;grid-row-gap:1rem;row-gap:1rem;grid-template-columns:repeat(5,minmax(0,1fr))}.marvel-keywords-modal .keywords-area .keyword-item{color:#1f1f1f;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));border-width:2px;cursor:pointer;font-weight:700;padding-top:.25rem;padding-bottom:.25rem;text-align:center}.marvel-keywords-modal .keywords-area .keyword-item.checked{color:#fff;background:#9d0707}.marvel-keywords-modal .confirm-keyword-btn{background-color:#9d0707;--tw-border-opacity:1;border-color:rgba(0,0,0,var(--tw-border-opacity));border-width:2px;padding:.25rem 20px;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}