.details-page{width:100%;height:100%;color:var(--color-text);flex-direction:column;justify-content:space-between;align-items:center;font-size:.2rem;display:flex;overflow:hidden}.details-page .preview-block{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:100%;display:flex;position:relative}.details-page .preview-block .col-md-2,.details-page .preview-block .col-md-4{background-color:var(--frosted-bg);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:25%;min-width:9rem;margin-top:.3rem;padding:0 .3rem .1rem;display:flex}.details-page .preview-block .col-md-2 .software-card,.details-page .preview-block .col-md-4 .software-card{margin-top:.4rem}.details-page .preview-block .col-md-2:before,.details-page .preview-block .col-md-4:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;height:100%;position:absolute}.details-page .preview-block .col-md-2 .col-4-son-1,.details-page .preview-block .col-md-4 .col-4-son-1{flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;font-weight:500;display:flex;position:relative}.details-page .preview-block .col-md-2 .col-4-son-1 .icon-all,.details-page .preview-block .col-md-4 .col-4-son-1 .icon-all{border-radius:20px;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%;margin-top:.2rem;display:flex}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico{white-space:nowrap;width:50%;color:var(--color-darkgray-text);padding:.4rem .6rem .3rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico:nth-child(7),.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico:nth-child(7){justify-content:center;align-items:center;width:100%;display:flex}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico-time,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico-time{padding:.2rem .6rem}.details-page .preview-block .col-md-2 .col-4-son-1 .haoHr,.details-page .preview-block .col-md-4 .col-4-son-1 .haoHr{background-color:var(--font-background-webkit);width:100%;margin:.2rem 0;height:.01rem!important}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico{justify-content:left;align-items:center;font-size:.27rem;display:flex}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-ico .color-bg,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-ico .color-bg{border-radius:50%;width:.3rem;height:.3rem;margin-left:.2rem;box-shadow:inset 0 0 2px #00000080,0 0 5px #ffffff80}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon{justify-content:center;align-items:center;width:100%;height:100%;margin-bottom:.2rem;font-weight:500;display:flex}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant{z-index:11;flex-direction:column;justify-content:center;align-items:flex-start;margin-top:.35rem;margin-left:.2rem;display:flex}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-1,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-1{justify-content:space-between;align-items:center;width:100%;display:flex;bottom:.1rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-1 .user-nick-name,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-1 .user-nick-name{color:var(--color-text);font-size:.3rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list{color:var(--color-cale-text);text-shadow:none;align-items:center;font-size:.24rem;display:flex}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count{text-align:center}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count .count,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count .count{color:var(--color-text);margin-left:.12rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count .fg,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .col-count-list .col-count .fg{margin:.2rem}.details-page .preview-block .col-md-2 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-2,.details-page .preview-block .col-md-4 .col-4-son-1 .col-son-bottom .col-son-bottom-oneSon .user-relevant .user-relevant-2{color:var(--color-text);align-items:center;margin-top:.15rem;font-size:.2rem;display:flex}.details-page .preview-block .col-md-2 .col-4-son-1 span,.details-page .preview-block .col-md-4 .col-4-son-1 span{font-weight:500}.details-page .preview-block .col-md-2 .col-4-son-1 .span-left,.details-page .preview-block .col-md-4 .col-4-son-1 .span-left{margin-right:.7rem}.details-page .preview-block .col-md-2 .col-son-bottom-twoSon,.details-page .preview-block .col-md-4 .col-son-bottom-twoSon{z-index:-1;border-radius:30px;justify-content:center;align-items:center;width:95%;margin-top:.2rem;display:flex;height:4rem!important}.details-page .preview-block .col-md-2 .col-4-son-2,.details-page .preview-block .col-md-4 .col-4-son-2{justify-content:space-around;align-items:center;width:100%;margin-top:.3rem;display:flex}@media (width<=850px){.details-page .preview-block .col-md-2 .col-4-son-2 .col-verification,.details-page .preview-block .col-md-4 .col-4-son-2 .col-verification{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}.details-page .preview-block .col-md-2 .col-4-son-2 .col-verification,.details-page .preview-block .col-md-4 .col-4-son-2 .col-verification{z-index:999;border-radius:.3rem;width:5rem;min-height:2rem;font-size:.4rem;display:flex;position:absolute;bottom:133%;left:-75%}.details-page .preview-block .col-md-2 .col-4-son-2 .col-verification:after,.details-page .preview-block .col-md-4 .col-4-son-2 .col-verification:after{content:"";border-style:solid;border-width:.3rem;border-color:var(--color-cale-text) #0000 #0000 #0000;margin-left:-.3rem;position:absolute;top:100.5%;left:50%}.details-page .preview-block .col-md-2 .col-4-son-2 .star,.details-page .preview-block .col-md-4 .col-4-son-2 .star{border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:.9rem;height:.9rem;display:flex;box-shadow:inset 0 0 10px #00000080}@keyframes bubbleFloat{0%,to{transform:translateY(-100%)translate(0)}50%{transform:translateY(-110%)translate(2px)}}.details-page .preview-block .col-md-2 .DownButtom,.details-page .preview-block .col-md-4 .DownButtom{width:2rem;position:relative}.details-page .preview-block .col-md-2{text-align:center;font-size:.3rem}.details-page .the-body-there{flex-direction:column;width:90%;font-weight:500;display:flex;position:relative}.details-page .the-body-there .contentSpen{flex-wrap:wrap;width:100%;min-height:1rem;padding-left:.1rem;display:flex}.details-page .the-body-there .contentSpen div{max-height:.8rem;text-shadow:0 0 10px var(--fc-background-webkit);background-color:var(--color-border);border-radius:20px;justify-content:center;align-items:center;margin-top:.2rem;margin-right:15px;padding:5px 12px;font-size:.3rem;display:flex;position:relative}.details-page .the-body-there .contentSpen div *{color:var(--color-text)}.details-page .the-body-there .contentSpen div:hover{background-color:var(--lable-card-bag)}.details-page .the-body-there .contentSpen div span{margin-left:4px}.details-page .bottom-module{flex-direction:column;align-items:center;width:100%;font-weight:500;display:flex}.details-page .bottom-module img{width:100%;height:100%}.details-page .bottom-module .title-span{width:90%}.details-page .bottom-module .col-list{z-index:100;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.2vw;width:100%;font-size:.2rem;display:flex}.details-page .bottom-module .empty{min-height:10rem}@media screen and (width<=800px){.details-page .bottom-module{scrollbar-width:thin!important}.details-page .bottom-module .user-favorite{overflow-x:scroll;width:100vw!important}.details-page .bottom-module .user-favorite .user-favorite-col-1{width:5rem;min-width:5rem;height:5rem;min-height:5rem}}.details-page .bottom-module .user-favorite{justify-content:space-between;align-items:center;width:90%;display:flex;position:relative}.details-page .bottom-module .user-favorite .user-favorite-col-1{width:15vw;height:15vw;position:relative}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-favorite-user-name{opacity:0;color:var(--color-text);white-space:nowrap;text-shadow:0 0 6px var(--color-text);font-size:20px;transition:text-shadow .5s,top .5s,opacity .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.details-page .bottom-module .user-favorite .user-favorite-col-1:hover .image-container{padding:20px!important}.details-page .bottom-module .user-favorite .user-favorite-col-1:hover .user-favorite-user-name{opacity:1;top:0!important}.details-page .bottom-module .user-favorite .user-favorite-col-1:hover .user-head-img{width:2rem;height:2rem;box-shadow:0 0 30px var(--color-text)}.details-page .bottom-module .user-favorite .user-favorite-col-1:hover .col-favorite-bg{transform:translate(-50%,-50%)rotate(80deg)}.details-page .bottom-module .user-favorite .user-favorite-col-1 .col-favorite-bg{content:"";width:70%;height:70%;box-shadow:inset 0 0 15px var(--color-text);z-index:-1;border-radius:30px;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-favorite-col-son-2{border-radius:20px;flex-wrap:wrap;justify-content:center;width:100%;height:100%;display:flex}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-favorite-col-son-2 .image-container{width:50%;height:50%;padding:.15rem;transition:padding .5s}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-favorite-col-son-2 .image-container img{object-fit:cover;border-radius:.3rem;width:100%;height:100%;transition:border-radius .5s}.details-page .bottom-module .user-favorite .user-favorite-col-1 .user-head-img{border-radius:50%;transition:width .5s,height .5s,box-shadow .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.details-page .title-span{align-items:center;padding:.3rem;font-size:.4rem;display:flex}.details-page .title-span span{margin-left:4px;font-weight:500}.macbook{flex-direction:column;align-items:center;width:100%;font-size:12px;display:flex}.macbook .apple-notch{z-index:100;background-color:#000;border-bottom-right-radius:.4vw;border-bottom-left-radius:.4vw;width:13%;height:4%;animation:1s 2s forwards fadeOut;position:absolute;top:1%}.macbook .apple-notch:after{content:"";aspect-ratio:1;background-color:#32cd32;border-radius:50%;width:4%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.macbook .screen{background-color:#000;border:.2em solid silver;border-bottom:none;border-radius:3% 3% 0 0/5%;justify-content:center;align-items:center;width:100%;height:28vw;min-height:5.5rem;display:flex;position:relative}.macbook .screen .bgLod{z-index:3;background-size:cover;border-radius:10px;width:97%;height:93%;position:absolute}.macbook .screen .img-or-video{z-index:3;box-sizing:border-box;border-radius:2% 2% 0 0/4%;width:100%;height:100%;padding:.35vw;position:absolute;top:0;left:0}.macbook .base{background:linear-gradient(#c6c2c2,#767676 55%,#999 60%,#222 90%,#0000001a);border-radius:0 0 10% 10%/0 0 50% 50%;width:130%;height:1.3vh;position:relative}.macbook .base:before{content:"";width:inherit;height:55%;position:absolute}.macbook .base:after{content:"";background-color:#2d2d2d;border-radius:0 0 7% 7%/0 0 95% 95%;width:2rem;height:50%;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:inset -.5em -.1em .3em #0003,inset .5em .1em .3em #0003}@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}}@keyframes slideTop{0%{opacity:0;transform:translate(10%,50%)scale(.8)}to{opacity:1;transform:translate(0)}}.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}.TheBodyTwo{justify-content:center;align-items:center;min-width:100vw;display:flex}img:not([src]),img[src=""]{opacity:0}.col-md-3{border-radius:40px;justify-content:center;width:45vw;min-width:8rem}.col-md-3,.col-md-3 .macbook{align-items:center;display:flex}.col-md-3 .macbook{flex-direction:column;width:100%;font-size:12px}.col-md-3 .macbook .apple-notch{z-index:100;background-color:#000;border-bottom-right-radius:.4vw;border-bottom-left-radius:.4vw;width:13%;height:4%;animation:1s 2s forwards fadeOut;position:absolute;top:1%}.col-md-3 .macbook .apple-notch:after{content:"";aspect-ratio:1;background-color:#32cd32;border-radius:50%;width:4%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.col-md-3 .macbook .screen{background-color:#000;border:.2em solid silver;border-bottom:none;border-radius:3% 3% 0 0/5%;justify-content:center;align-items:center;width:100%;height:28vw;min-height:5.5rem;display:flex;position:relative}.col-md-3 .macbook .screen .bgLod{z-index:3;background-size:cover;border-radius:10px;width:97%;height:93%;position:absolute}.col-md-3 .macbook .screen .img-or-video{z-index:3;box-sizing:border-box;border-radius:2% 2% 0 0/4%;width:100%;height:100%;padding:.35vw;position:absolute;top:0;left:0}.col-md-3 .macbook .base{background:linear-gradient(#c6c2c2,#767676 55%,#999 60%,#222 90%,#0000001a);border-radius:0 0 10% 10%/0 0 50% 50%;width:130%;height:1.3vh;position:relative}.col-md-3 .macbook .base:before{content:"";width:inherit;height:55%;position:absolute}.col-md-3 .macbook .base:after{content:"";background-color:#2d2d2d;border-radius:0 0 7% 7%/0 0 95% 95%;width:2rem;height:50%;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:inset -.5em -.1em .3em #0003,inset .5em .1em .3em #0003}.col-md-3.col-md-3--ultrawide{width:min(62vw,18.5rem);min-width:10rem}.col-md-3 .ultrawide-monitor{perspective:12rem;filter:drop-shadow(0 .32rem .42rem #00000052);flex-direction:column;align-items:center;width:100%;padding:.12rem 0 .18rem;display:flex;position:relative}.col-md-3 .ultrawide-monitor:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#ffffff1a,#fff0 64%);border-radius:.24rem;width:101%;height:3.2rem;position:absolute;top:.08rem;left:50%;transform:translate(-50%)rotateX(3deg)}.col-md-3 .ultrawide-monitor .screen{z-index:2;aspect-ratio:32/13;width:100%;aspect-ratio:var(--preview-screen-ratio,32/13);transform-origin:bottom;background:linear-gradient(#fbfcfd,#d9dce0 3%,#1b1f26 4%,#090b10 96%,#cfd3d8 97%,#fff);border:.01rem solid #ffffffd1;border-radius:.15rem;justify-content:center;align-items:center;min-height:3rem;max-height:41vh;padding:.045rem;display:flex;position:relative;overflow:hidden;transform:rotateX(1.5deg);box-shadow:inset 0 .025rem .035rem #ffffffdb,inset 0 -.025rem .04rem #00000075,0 .06rem .16rem #00000052}.col-md-3 .ultrawide-monitor .screen:before{content:"";z-index:4;pointer-events:none;border-radius:.105rem;position:absolute;inset:.045rem;box-shadow:inset 0 0 0 .018rem #020408f5,inset 0 0 0 .035rem #ffffff1f}.col-md-3 .ultrawide-monitor .screen:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(115deg,#ffffff1a,#fff0 62%);border-radius:.08rem;width:38%;height:45%;position:absolute;top:.06rem;left:.06rem}.col-md-3 .ultrawide-monitor .screen .bgLod{z-index:3;background-size:cover;border-radius:.075rem;width:auto;height:auto;position:absolute;inset:.063rem}.col-md-3 .ultrawide-monitor .screen .img-or-video{z-index:3;object-fit:cover;background-color:#020307;border-radius:.075rem;width:calc(100% - .126rem);height:calc(100% - .126rem);position:absolute;inset:.063rem;box-shadow:inset 0 0 .08rem #0000006b}.col-md-3 .ultrawide-monitor .monitor-chin{z-index:3;background:linear-gradient(#f7f8fa,#c8ccd1 58%,#fff);border-radius:0 0 .06rem .06rem;width:88%;height:.065rem;margin-top:-.072rem;position:relative;box-shadow:inset 0 .014rem .018rem #ffffffe0,0 .025rem .055rem #0000002e}.col-md-3 .ultrawide-monitor .monitor-chin:after,.col-md-3 .ultrawide-monitor .monitor-chin:before{content:"";color:#000;letter-spacing:.055rem;text-shadow:0 .012rem .026rem #0000002e;font-size:.07rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.col-md-3 .ultrawide-monitor .monitor-chin:before{content:"HAO WALLPAPER";left:.32rem}.col-md-3 .ultrawide-monitor .monitor-chin:after{content:"";background:#36d46a;border-radius:50%;width:.04rem;height:.04rem;right:.26rem;box-shadow:0 0 .06rem #36d46ab8}.col-md-3 .ultrawide-monitor .monitor-neck{z-index:2;background:linear-gradient(90deg,#8e939b,#d7dade 24%,#fbfcfd 48%,#c0c4ca 72%,#7f858e);border-radius:.025rem .025rem .035rem .035rem;width:.58rem;height:1.55rem;margin-top:.035rem;position:relative;box-shadow:inset .045rem 0 .075rem #ffffff8c,inset -.055rem 0 .075rem #545a634d,0 .055rem .1rem #00000038}.col-md-3 .ultrawide-monitor .monitor-neck:before{content:"";background:#4e545d99;border-radius:999px;width:.22rem;height:.022rem;position:absolute;top:.08rem;left:50%;transform:translate(-50%);box-shadow:0 .012rem .025rem #ffffff73}.col-md-3 .ultrawide-monitor .monitor-neck:after{content:"";background:linear-gradient(#f0f2f4,#a9aeb6);border-radius:.025rem;width:.76rem;height:.045rem;position:absolute;bottom:-.024rem;left:50%;transform:translate(-50%)}.col-md-3 .ultrawide-monitor .monitor-foot{z-index:1;transform-origin:top;clip-path:polygon(24% 0,76% 0,100% 68%,85% 100%,15% 100%,0 68%);background:linear-gradient(#fff,#d6d9de 38%,#979ea7);border-radius:.018rem;width:3.55rem;height:.2rem;margin-top:.005rem;position:relative;transform:perspective(1.45rem)rotateX(68deg);box-shadow:inset 0 .022rem .03rem #ffffffd1,inset 0 -.032rem .045rem #585e6752,0 .075rem .13rem #00000042}.col-md-3 .ultrawide-monitor .monitor-foot:before{content:"";background:linear-gradient(#fffffff0,#ffffff29);border-radius:999px;width:62%;height:.02rem;position:absolute;top:.03rem;left:50%;transform:translate(-50%)}@media screen and (width<=900px){.col-md-3.col-md-3--ultrawide{width:94vw;min-width:0}.col-md-3 .ultrawide-monitor .screen{min-height:0}}