@media screen and (min-width:768px){.BlogPage[data-v-5adfa86f]{margin-top:-72px;min-width:1200px}.BlogPage .banner[data-v-5adfa86f]{background-image:url(./banner-bg.CmsA3PVW.webp);background-size:100% 100%}.BlogPage .banner .content[data-v-5adfa86f]{margin:0 auto;padding-top:152px;width:1200px}.BlogPage .banner .content h1[data-v-5adfa86f]{color:#141424;font-size:36px;font-weight:600;line-height:45px;text-align:center}.BlogPage .banner .content>p[data-v-5adfa86f]{color:#141424;font-size:16px;font-weight:400;line-height:20px;margin:16px auto;text-align:center;width:498px}.BlogPage .banner .content main[data-v-5adfa86f]{display:flex;justify-content:space-between;margin-top:40px}.BlogPage .banner .content main .left[data-v-5adfa86f]{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#fff;border:1px solid #f0f0f2;border-radius:8px;display:flex;padding:30px}.BlogPage .banner .content main .left>.cover[data-v-5adfa86f]{background-position:50%;background-size:100% auto;border-radius:6px;flex:0 0 690px;height:320px}.BlogPage .banner .content main .left>div[data-v-5adfa86f]{margin-left:30px}.BlogPage .banner .content main .left>div h5[data-v-5adfa86f]{background:#f9f4ea;border-radius:13px;color:#ff7509;font-size:12px;font-weight:400;height:26px;line-height:26px;padding:0 10px;width:-moz-fit-content;width:fit-content}.BlogPage .banner .content main .left>div a[data-v-5adfa86f]{color:#141424;display:block;font-size:28px;font-weight:600;line-height:35px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;transition:all .3s;line-clamp:3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-all}.BlogPage .banner .content main .left>div a[data-v-5adfa86f]:hover{color:var(--primary-color)}.BlogPage .banner .content main .left>div p[data-v-5adfa86f]{color:#555462;font-size:16px;font-weight:400;line-height:20px;margin-top:16px;max-height:80px;overflow:hidden;text-overflow:ellipsis;line-clamp:4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;word-break:break-all}.BlogPage .banner .content main .left>div .info[data-v-5adfa86f]{color:#91919b;font-size:14px;font-weight:400;line-height:18px;margin-top:50px}.BlogPage .banner .content main .left>div .author[data-v-5adfa86f]{align-items:center;display:flex;margin-top:12px}.BlogPage .banner .content main .left>div .author img[data-v-5adfa86f]{border-radius:50px}.BlogPage .banner .content main .left>div .author span[data-v-5adfa86f]{color:#141424;font-size:16px;font-weight:500;line-height:20px;margin-left:10px}.BlogPage .articles[data-v-5adfa86f]{margin:70px auto 110px;width:1200px;--td-comp-size-m:30px}.BlogPage .articles h2[data-v-5adfa86f]{color:#141424;font-size:30px;font-weight:600;line-height:38px}.BlogPage .articles .empty[data-v-5adfa86f]{align-items:center;display:flex;flex-direction:column;padding:200px 0;width:1200px}.BlogPage .articles .empty h5[data-v-5adfa86f]{color:#141424;font-size:24px;font-weight:600;line-height:30px;margin-top:20px}.BlogPage .articles .empty p[data-v-5adfa86f]{color:#555462;font-size:16px;font-weight:400;line-height:20px;margin-top:12px;text-align:center;width:424px}}@media screen and (max-width:768px){.BlogPage[data-v-5adfa86f]{margin-bottom:5rem}.BlogPage .banner[data-v-5adfa86f]{background-image:url(./banner-bg.BGpJY2pL.webp);background-size:100% 100%}.BlogPage .banner .content[data-v-5adfa86f]{padding:9.4rem 1.6rem 4.5rem}.BlogPage .banner .content h1[data-v-5adfa86f]{color:#141424;font-size:2.6rem;font-weight:600;line-height:3.3rem;text-align:center}.BlogPage .banner .content>p[data-v-5adfa86f]{color:#141424;font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:1rem;text-align:center}.BlogPage .banner .content main .left[data-v-5adfa86f]{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#fff;border:.1rem solid #f0f0f2;border-radius:.8rem;margin-top:2.4rem;padding:1.5rem}.BlogPage .banner .content main .left>.cover[data-v-5adfa86f]{background-position:50%;background-size:100% auto;border-radius:.6rem;height:15rem;width:100%}.BlogPage .banner .content main .left div h5[data-v-5adfa86f]{align-items:center;background:#f9f4ea;border-radius:1.3rem;color:#ff7509;display:flex;font-size:1.2rem;font-weight:400;height:2.6rem;line-height:1.5rem;margin-top:1.6rem;padding:0 1rem;width:-moz-fit-content;width:fit-content}.BlogPage .banner .content main .left div a[data-v-5adfa86f]{color:#141424;display:block;font-size:2rem;font-weight:600;line-height:2.5rem;margin-top:1rem}.BlogPage .banner .content main .left div p[data-v-5adfa86f]{color:#555462;font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:1rem}.BlogPage .banner .content main .left div .info[data-v-5adfa86f]{color:#91919b;font-size:1.2rem;font-weight:400;line-height:1.5rem;margin-top:2.5rem}.BlogPage .banner .content main .left div .author[data-v-5adfa86f]{align-items:center;display:flex;margin-top:2.4rem}.BlogPage .banner .content main .left div .author img[data-v-5adfa86f]{height:3.2rem;width:3.2rem}.BlogPage .banner .content main .left div .author span[data-v-5adfa86f]{color:#141424;font-size:1.4rem;font-weight:500;line-height:1.8rem;margin-left:1rem}.BlogPage .banner .content main .right[data-v-5adfa86f]{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:#fff;border:.1rem solid #f0f0f2;border-radius:.8rem;margin-top:1.6rem;padding:1.6rem;--td-comp-size-m:4rem}.BlogPage .banner .content main .right h3[data-v-5adfa86f]{align-items:center;display:flex;margin-top:1.8rem}.BlogPage .banner .content main .right h3 img[data-v-5adfa86f]{flex:0 0 2.4rem;height:2.4rem}.BlogPage .banner .content main .right h3 span[data-v-5adfa86f]{color:#141424;font-size:1.6rem;font-weight:500;line-height:2rem;margin-left:.8rem}.BlogPage .banner .content main .right .list[data-v-5adfa86f]{margin-top:1.6rem}.BlogPage .banner .content main .right .list a[data-v-5adfa86f]{color:#555462;font-size:1.6rem;font-weight:400;line-height:2rem;overflow:hidden;text-overflow:ellipsis;line-clamp:2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all}.BlogPage .banner .content main .right .list a+a[data-v-5adfa86f]{margin-top:1.2rem}.BlogPage .banner .content main .right .share[data-v-5adfa86f]{display:flex;gap:2rem;margin-top:2rem}.BlogPage .banner .content main .right .share .item[data-v-5adfa86f]{cursor:pointer;height:2.4rem;position:relative;width:2.4rem}.BlogPage .banner .content main .right .share .item img[data-v-5adfa86f]{top:0;right:0;bottom:0;left:0;position:absolute;transition:all .3s}.BlogPage .banner .content main .right .share .item img[data-v-5adfa86f]:first-child{opacity:1}.BlogPage .banner .content main .right .share .item img[data-v-5adfa86f]:hover:first-child,.BlogPage .banner .content main .right .share .item img[data-v-5adfa86f]:last-child{opacity:0}.BlogPage .banner .content main .right .share .item img[data-v-5adfa86f]:hover:last-child{opacity:1}.BlogPage .articles[data-v-5adfa86f]{margin-top:.5rem;padding:0 1.6rem}.BlogPage .articles h2[data-v-5adfa86f]{color:#141424;font-size:2rem;font-weight:600;line-height:2.5rem}.BlogPage .m-pagination[data-v-5adfa86f]{--td-comp-size-m:3rem;margin-top:2rem}.BlogPage .empty[data-v-5adfa86f]{margin:10rem 0}.BlogPage .empty img[data-v-5adfa86f]{height:auto;margin:0 auto;width:10rem}.BlogPage .empty h5[data-v-5adfa86f]{color:#141424;font-size:1.8rem;font-weight:600;line-height:2.3rem;margin-top:2rem;text-align:center}.BlogPage .empty p[data-v-5adfa86f]{color:#555462;font-size:1.4rem;font-weight:400;line-height:1.8rem;margin-top:1rem;text-align:center}}