@media screen and (width<=800px){.card{width:46%!important}.hert-col{border-radius:20px!important}.card-bottom .el-icon{width:40%!important}.card-bottom div:nth-child(3),.card-bottom div:nth-child(4){display:none!important}.card--button{bottom:35%!important}}.card{aspect-ratio:1/.7;background-color:#ffffff1a;border:none;border-top:1px solid #ffffff80;border-left:1px solid #ffffff80;border-radius:15px;justify-content:center;align-items:center;width:21.5%;animation-name:slideTop;display:flex;position:relative;overflow:hidden;box-shadow:20px 20px 50px #00000080}.card .img-or-video{border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.card .img-or-video img,.card .img-or-video video{object-fit:cover;color:#0000;width:100%;height:100%}.card:hover .card-content{box-shadow:0 0 15px var(--fc-background-webkit);transform:translateY(0);opacity:1!important}.card .card-content{opacity:0;background-color:var(--card-background-webkit);border-radius:1.8vw;flex-direction:column;align-items:center;width:90%;height:80%;display:flex;overflow:hidden;transform:translateY(150px);transition:opacity .5s,transform .5s!important}.card .card--button{justify-content:center;width:100%;display:flex;position:absolute;bottom:15%}.card .col-card{width:3rem;height:.9rem;font-weight:500;position:relative}.card .labelDiv{width:90%;height:70%;text-shadow:2px 2px 8px var(--fc-background-webkit);flex-wrap:wrap;overflow:auto}.card .labelDiv,.card .labelDiv span{justify-content:center;align-items:center;display:flex}.card .labelDiv span{color:var(--font-background-webkit);border:1px solid #ccc;border-radius:50%;padding:2%;font-size:.25rem;font-weight:500;box-shadow:inset 0 0 10px #00000080}.card .card-bottom{background-color:var(--card-bottom-bg);white-space:nowrap;justify-content:space-around;width:100%;height:10%;font-size:100%;display:flex;position:absolute;bottom:0}.card .card-bottom .el-icon{width:20%}.card .card-bottom div{width:23%;color:var(--fc-background-webkit);justify-content:center;align-items:center;padding:5px;display:flex}.card .card-bottom div:nth-child(4){gap:3px}.pc-wallpaper-main{flex-direction:column;flex-grow:1;justify-content:space-around;margin-top:.3rem}.pc-wallpaper-main,.pc-wallpaper-main .col-list{align-items:center;width:100%;font-size:.2rem;display:flex}.pc-wallpaper-main .col-list{z-index:3;justify-content:center}.pc-wallpaper-main .pc-container-dad{width:100%}.pc-wallpaper-main .pc-container-dad .home-container{z-index:3;flex-wrap:wrap;justify-content:center;gap:1.2vw;width:100%;font-weight:500;display:flex}@media screen and (width<=800px){.pc-wallpaper-main .card{width:46%!important}.pc-wallpaper-main .hert-col{border-radius:20px!important}.pc-wallpaper-main .card-bottom .el-icon{width:40%!important}.pc-wallpaper-main .card-bottom div:nth-child(3),.pc-wallpaper-main .card-bottom div:nth-child(4){display:none!important}.pc-wallpaper-main .card--button{bottom:35%!important}}@keyframes slideTop{0%{opacity:0;transform:translate(10%,50%)scale(.8)}to{opacity:1;transform:translate(0)}}.pc-wallpaper-main .card{aspect-ratio:1/.7;background-color:#ffffff1a;border:none;border-top:1px solid #ffffff80;border-left:1px solid #ffffff80;border-radius:15px;justify-content:center;align-items:center;width:21.5%;animation-name:slideTop;display:flex;position:relative;overflow:hidden;box-shadow:20px 20px 50px #00000080}.pc-wallpaper-main .card .img-or-video{border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.pc-wallpaper-main .card .img-or-video img,.pc-wallpaper-main .card .img-or-video video{object-fit:cover;color:#0000;width:100%;height:100%}.pc-wallpaper-main .card:hover .card-content{box-shadow:0 0 15px var(--fc-background-webkit);transform:translateY(0);opacity:1!important}.pc-wallpaper-main .card .card-content{opacity:0;background-color:var(--card-background-webkit);border-radius:1.8vw;flex-direction:column;align-items:center;width:90%;height:80%;display:flex;overflow:hidden;transform:translateY(150px);transition:opacity .5s,transform .5s!important}.pc-wallpaper-main .card .card--button{justify-content:center;width:100%;display:flex;position:absolute;bottom:15%}.pc-wallpaper-main .card .col-card{width:3rem;height:.9rem;font-weight:500;position:relative}.pc-wallpaper-main .card .labelDiv{width:90%;height:70%;text-shadow:2px 2px 8px var(--fc-background-webkit);flex-wrap:wrap;justify-content:center;align-items:center;display:flex;overflow:auto}.pc-wallpaper-main .card .labelDiv span{color:var(--font-background-webkit);border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;padding:2%;font-size:.25rem;font-weight:500;display:flex;box-shadow:inset 0 0 10px #00000080}.pc-wallpaper-main .card .card-bottom{background-color:var(--card-bottom-bg);white-space:nowrap;justify-content:space-around;width:100%;height:10%;font-size:100%;display:flex;position:absolute;bottom:0}.pc-wallpaper-main .card .card-bottom .el-icon{width:20%}.pc-wallpaper-main .card .card-bottom div{width:23%;color:var(--fc-background-webkit);justify-content:center;align-items:center;padding:5px;display:flex}.pc-wallpaper-main .card .card-bottom div:nth-child(4){gap:3px}