.page-card{background:#fff;padding:12px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px;border-radius:8px}.page-card img{width:120px;height:100px;border-radius:4px;-o-object-fit:cover;object-fit:cover;margin:0}.page-card__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px}.page-card__text__title{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;word-break:break-all;font-family:PingFang SC;font-weight:400;font-size:16px;line-height:24px;letter-spacing:0px;color:#313C56}.page-card__text__time{font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;letter-spacing:0px;color:#95A4B3}.main-content.with-copyright{padding:0}.main{height:100vh;background-image:url("https://images.skylarkly.com/Fn_1CT52KJubPR8nOPqvRORLCy6b");background-position:top;background-size:contain;background-repeat:no-repeat;padding:80px 0 0;background-color:#F2F4F7}.main .tab{width:100%;overflow-x:scroll;overflow-y:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;padding:12px 15px;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:#FFFFFF}.main .tab-item{padding:8px 12px;font-family:PingFang SC;font-weight:400;font-size:16px;line-height:16px;letter-spacing:0px;text-align:center;color:#98A2B3;white-space:nowrap}.main .tab-item.active{color:#FFFFFF;background:#EF6820;border-radius:20px}.main .pages-box{padding:12px 16px;background-color:#F2F4F7;min-height:calc(100vh - 136px)}.main .pages-box .pages-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;display:none}.main .pages-box .tab-active{display:-webkit-box;display:-ms-flexbox;display:flex}