.operation-item[data-v-02282fb3]{background:linear-gradient(180deg,#f4f4f7,#f4f4f700);border-radius:4px}.material-name[data-v-02282fb3]{color:#1a1a1e;font-family:Inter;font-weight:400}.material-label-text[data-v-02282fb3]{border-radius:2px;color:#545458;font-family:Inter;font-size:12px}.material-label[data-v-02282fb3]{left:0;opacity:0;overflow:hidden;padding-top:calc(100% + 36px);position:absolute;top:0;transition:all .2s;width:100%;z-index:3}@media screen and (width <= 992px){.material-label[data-v-02282fb3]{opacity:0;overflow:hidden;padding-top:calc(100% + 36px)}}@media screen and (width <= 992px) and (any-hover:hover){.material-label[data-v-02282fb3]:hover{opacity:0;padding-top:100%}}.material-card .ant-image{display:block;height:100%;left:0;position:absolute;top:0;width:100%}.material-card .material-card-img{background:#f6f6fa;border-radius:4px;height:0;overflow:hidden;padding-top:100%;position:relative;width:100%}.material-card .material-card-img .matrerial-top-label{background:linear-gradient(180deg,rgba(0,0,0,.2),transparent);height:36px;left:0;opacity:0;position:absolute;top:0;transition:all .3s;width:100%;z-index:3}.material-card .material-card-img img{height:100%;left:0;position:absolute;top:0;transition:transform .3s ease-in-out;width:100%}.material-card .material-card-img .loading-img-wrap{align-items:center;background-color:#f7f9fb;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.material-card .material-card-img .loading-img{display:flex;height:80px;position:relative;width:90px}@media (any-hover:hover){.material-card .material-card-img:hover .matrerial-top-label{opacity:1;top:0}}.material-card .effect-img{opacity:0;transition:all .2s ease-in;z-index:2}@media (any-hover:hover){.material-card:hover{box-shadow:0 4px 16px #00000014}.material-card:hover .material-card-img .image:not(.loading-img){transform-style:preserve-3d;z-index:1}.material-card:hover .material-card-img .effect-img{opacity:1;transform-style:preserve-3d;transition:all .2s ease-in;z-index:2}.material-card:hover .material-label{opacity:1;padding-top:100%}}.material-label-tips .ant-tooltip-arrow{display:none}.material-label-tips .ant-tooltip-inner{background-color:#1a1a1ef5;border-radius:2px;color:#f7f9fb;font-family:Inter;font-size:12px;font-weight:400;line-height:16px;min-height:auto;min-width:auto;padding:5px 8px;transform:translateY(-3px)}
