#app{width:100%}img{max-width:none}.ap-header{background:transparent;box-shadow:none}.ap-header.scrolled{background-color:hsla(0,0%,100%,.8);backdrop-filter:blur(10px)}.resource-content{width:100%;padding:0 20px 0;position:relative}.resource-content:before{content:"";z-index:-1;position:absolute;left:0;top:0;width:28.54%;height:875px;background:url(../png/shape.eec378a6.png) 0 0/100% auto no-repeat;opacity:.4}@media screen and (max-width:768px){.resource-content{padding-top:88px}.resource-content:before{width:170%}}.resource-content .resource-main{position:relative;padding:50px 20px 70px;margin-bottom:40px;background:url(../jpg/resource-bg.733d6b89.jpg) 50%/cover no-repeat;border-radius:20px;text-align:center;overflow:hidden}.resource-content .resource-main:before{left:-32px;top:-46px;background:url(https://cfcdn.apowersoft.info/projects/picwish/assets/img/main-bg-left.719268cd.svg) no-repeat;animation:bg-left 30s ease-in infinite}.resource-content .resource-main:after,.resource-content .resource-main:before{content:"";position:absolute;width:327px;height:288px;display:block;filter:blur(15px);pointer-events:none}.resource-content .resource-main:after{top:-5.46%;left:50.99%;background:url(https://cfcdn.apowersoft.info/projects/picwish/assets/img/main-bg-top.1b1c6b54.svg) no-repeat;animation:bg-top 30s ease-in infinite}@media screen and (max-width:768px){.resource-content .resource-main{padding:32px 20px;margin-bottom:32px}.resource-content .resource-main:after,.resource-content .resource-main:before{animation:none}}.resource-content .resource-main .main-title{font-weight:600;font-size:40px;line-height:60px;color:#55f}@media screen and (max-width:768px){.resource-content .resource-main .main-title{font-size:26px;line-height:39px}}.resource-content .resource-main .main-info{margin:8px 0 20px;font-size:20px;line-height:30px;color:#666}@media screen and (max-width:768px){.resource-content .resource-main .main-info{margin:5px 0 25px;font-size:16px;line-height:24px}}.resource-content .resource-main .main-search{display:flex;align-items:center;width:63%;margin:0 auto;padding:5px 5px 5px 20px;background:hsla(0,0%,100%,.5);border:1px solid rgba(85,85,255,.5);border-radius:100px;font-size:18px;overflow:hidden;transition:all .3s ease-in-out}.resource-content .resource-main .main-search:hover{border-color:#55f}.resource-content .resource-main .main-search:focus-within{background:#fff}.resource-content .resource-main .main-search:after{content:"";position:absolute;left:59%;top:126px;width:314px;height:314px;display:block;background:url(https://cfcdn.apowersoft.info/projects/picwish/assets/img/main-bg-bottom.e293f5f3.svg) no-repeat;filter:blur(15px);pointer-events:none;animation:bg-bottom 30s ease-in infinite}.resource-content .resource-main .main-search .search-room{flex:1;padding:5px 20px;background:transparent;border:none;font-size:16px}.resource-content .resource-main .main-search .search-room:focus{outline:none}.resource-content .resource-main .main-search .search-close{width:26px;height:26px;border-radius:50%;background:rgba(51,51,51,.1) url(https://cfcdn.apowersoft.info/projects/picwish/assets/img/main-search-close.d3cd4305.svg) 50%/10px no-repeat;cursor:pointer;transition:all .3s ease-in-out}.resource-content .resource-main .main-search .search-close:hover{background:#eb8787 url(https://cfcdn.apowersoft.info/projects/picwish/assets/img/main-search-close-hover.d9ee9bac.svg) 50%/10px no-repeat}.resource-content .resource-main .main-search .search-btn{width:70px;height:48px;margin-left:32px;background:rgba(85,85,255,.1) url(https://cfcdn.apowersoft.info/projects/picwish/assets/img/main-search-btn.97836899.svg) 50%/25px no-repeat;backdrop-filter:blur(20px);border-radius:100px;transition:all .3s ease-in-out}.resource-content .resource-main .main-search .search-btn:hover{background:#55f url(https://cfcdn.apowersoft.info/projects/picwish/assets/img/main-search-btn-hover.772dc264.svg) 50%/25px no-repeat}.resource-content .resource-main .main-search .search-btn input{width:100%;height:100%;cursor:pointer;border:none;background:transparent}@media screen and (max-width:768px){.resource-content .resource-main .main-search{width:100%;padding:5px 5px 5px 10px;font-size:12px;line-height:18px}.resource-content .resource-main .main-search:after{animation:none}.resource-content .resource-main .main-search .search-room{padding:5px 11px}.resource-content .resource-main .main-search .search-close{min-width:23px;width:23px;height:23px}.resource-content .resource-main .main-search .search-btn{margin-left:5px;width:35px;height:35px;background-size:15px}}.resource-content .resource-main .main-tags{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:20px;font-size:14px;line-height:21px;color:#000}.resource-content .resource-main .main-tags .tags-title a,.resource-content .resource-main .main-tags .tags-title span{display:inline-block;margin:8px 0;padding:5px 20px;color:#fff;border-radius:42px;transition:all .3s ease-in-out;cursor:pointer}.resource-content .resource-main .main-tags .tags-title a{margin:0 20px;background:#55f}.resource-content .resource-main .main-tags .tags-title a:hover{background:#3535f6;transform:translateY(-4px)}.resource-content .resource-main .main-tags .tags-title span{background:#52b4fe}.resource-content .resource-main .main-tags .tags-title span:hover{background:#39a5f6;transform:translateY(-4px)}@media screen and (max-width:430px){.resource-content .resource-main .main-tags .tags-title a{margin:0 16px 0 0}.resource-content .resource-main .main-tags .tags-title:last-child{margin-right:0}}.resource-content .resource-article{display:flex;justify-content:center;padding-bottom:80px}@media screen and (max-width:768px){.resource-content .resource-article{padding-bottom:64px}}.resource-content .resource-article .article-guide{margin-right:60px;width:240px;min-width:240px;box-shadow:0 0 20px rgba(140,139,153,.16);border-radius:24px}.resource-content .resource-article .article-guide .guide-title{width:100%;padding:12px 0;margin-bottom:10px;line-height:30px;font-weight:600;font-size:20px;text-align:center;color:#fff;border-radius:30px 30px 30px 0;background:linear-gradient(90deg,#5ea9f9,#545bf6)}.resource-content .resource-article .article-guide li{position:relative;padding:12px 0 12px 20px;font-size:16px;line-height:24px;color:#666;border-radius:96px;overflow:hidden;cursor:pointer;transition:all .6s ease-in-out}.resource-content .resource-article .article-guide li:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(94,169,249,.1),rgba(84,91,246,.1));opacity:0;transition:all .6s ease-in-out;z-index:-1}.resource-content .resource-article .article-guide li:hover{color:#55f}.resource-content .resource-article .article-guide li:hover:before{opacity:.5}.resource-content .resource-article .article-guide .guide-active{color:#55f}.resource-content .resource-article .article-guide .guide-active:before{opacity:1}@media screen and (max-width:768px){.resource-content .resource-article .article-guide{display:none}}.resource-content .resource-article .article-lists .lists-title{font-weight:600;font-size:32px;line-height:48px;color:#000}.resource-content .resource-article .article-lists .lists-list{width:900px;position:relative;display:flex;align-items:center;padding:32px 20px 32px 0;border-radius:24px;overflow:hidden;cursor:pointer}.resource-content .resource-article .article-lists .lists-list .list-img{width:200px;height:auto;object-fit:cover;border-radius:16px;border:1px solid #f9f9f9}.resource-content .resource-article .article-lists .lists-list .list-info{overflow:hidden;margin-left:20px}.resource-content .resource-article .article-lists .lists-list .list-info .info-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;font-size:20px;line-height:30px;color:#333;transition:all .6s ease-in-out}.resource-content .resource-article .article-lists .lists-list .list-info .info-resume{max-width:680px;margin:10px 0 12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;line-height:24px;color:#666;transition:all .6s ease-in-out}.resource-content .resource-article .article-lists .lists-list .list-info .info-time{line-height:21px;color:#999;display:flex;align-items:center}.resource-content .resource-article .article-lists .lists-list .info-praise{position:relative;overflow:hidden;display:inline-block;margin-left:20px;padding:2px 8px;font-size:12px;line-height:18px;color:#fff;border-radius:8px;background:linear-gradient(90deg,#6090ff,#5457fe 99.93%);transition:all .3s ease-in-out}.resource-content .resource-article .article-lists .lists-list .info-praise img{display:inline-block;pointer-events:none}.resource-content .resource-article .article-lists .lists-list .info-praise span{pointer-events:none}.resource-content .resource-article .article-lists .lists-list .info-praise:after,.resource-content .resource-article .article-lists .lists-list .info-praise:before{position:absolute;z-index:-1;content:"";width:101%;height:100%;top:0;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.resource-content .resource-article .article-lists .lists-list .info-praise:before{left:-100%;background:linear-gradient(270deg,#3babff,#55f)}.resource-content .resource-article .article-lists .lists-list .info-praise:after{left:0;background:linear-gradient(90deg,#3babff,#55f)}.resource-content .resource-article .article-lists .lists-list .info-praise:hover{transform:translateY(-4px)}.resource-content .resource-article .article-lists .lists-list .info-praise:hover:before{left:0}.resource-content .resource-article .article-lists .lists-list .info-praise:hover:after{left:100%}.resource-content .resource-article .article-lists .lists-list:before{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(94,169,249,.08),rgba(84,91,246,.08));opacity:0;transition:all .6s ease-in-out;z-index:-1}.resource-content .resource-article .article-lists .lists-list:hover:before{opacity:1}.resource-content .resource-article .article-lists .lists-list:hover .list-info .info-title{color:#55f}.resource-content .resource-article .article-lists .lists-list:hover .list-info .info-resume{color:#333}@media screen and (max-width:1366px){.resource-content .resource-article .article-lists .lists-list{width:700px}}@media screen and (max-width:768px){.resource-content .resource-article .article-lists{width:100%}.resource-content .resource-article .article-lists .lists-title{margin:0 0 16px 12px}.resource-content .resource-article .article-lists .lists-list{width:100%;flex-direction:column;padding:12px;margin:12px 0}.resource-content .resource-article .article-lists .lists-list .list-img{width:100%;height:auto}.resource-content .resource-article .article-lists .lists-list .list-info{width:100%;margin:16px 0 0}.resource-content .resource-article .article-lists .lists-list .list-info .info-title{font-size:18px;line-height:27px}.resource-content .resource-article .article-lists .lists-list .list-info .info-resume,.resource-content .resource-article .article-lists .lists-list .list-info .info-time{font-size:14px;line-height:21px}}.resource-content .resource-article .article-navigation{margin-top:48px;text-align:center;font-size:16px;line-height:24px}.resource-content .resource-article .article-navigation .current{position:relative;color:#55f;margin:0 10px}.resource-content .resource-article .article-navigation .current:after{content:"";position:absolute;left:-7px;top:-2px;width:17px;height:17px;border-radius:50%;background:linear-gradient(90deg,#6090ff,#5457fe 99.93%);opacity:.1}.resource-content .resource-article .article-navigation .page{margin:0 10px}.resource-content .resource-article .article-navigation .page:hover{color:#55f}.resource-content .resource-article .article-navigation .first,.resource-content .resource-article .article-navigation .last,.resource-content .resource-article .article-navigation .nextpostslink,.resource-content .resource-article .article-navigation .previouspostslink{margin:0 10px}.resource-content .resource-article .article-navigation .last:hover,.resource-content .resource-article .article-navigation .nextpostslink:hover,.resource-content .resource-article .article-navigation .previouspostslink:hover{color:#55f}@media screen and (max-width:768px){.resource-content .resource-article .article-navigation{margin-top:37px}.resource-content .resource-article .article-navigation .page{display:none}}@keyframes bg-top{0%{left:50.99%}20%{left:55%}40%{top:0}60%{left:45%}80%{top:-5.46%}to{left:50.99%}}@keyframes bg-left{0%{left:-32px}20%{left:22px}40%{top:-26px}60%{left:-52px}80%{top:-46px}to{left:-32px}}@keyframes bg-bottom{0%{left:59%}20%{left:65%}40%{top:156px}60%{left:53%}80%{top:126px}to{left:59%}}