#pc{min-width:1440px;min-height:100vh;display:flex;flex-direction:column}#pc .blog-list-page{display:flex;flex-direction:column;align-items:center;background-color:#f5f8fe;padding:210px 120px 160px}#pc .blog-list-page .page-main{height:380px;width:calc(100% - 40px);min-width:1360px;position:absolute;top:0;background-image:url(/assets/blogs-bg-DN0qC6r1.webp);background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;display:flex;align-items:center;justify-content:center}#pc .page-main .page-main-title{font-size:64px;color:#0f1a2f;line-height:75px;font-weight:700}#pc .page-main .page-main-title .highlight{color:#0052e2}#pc .blog-list-page .blog-list{display:grid;width:1200px;grid-template-columns:repeat(3,1fr);justify-content:space-around;gap:80px 0;z-index:1}#pc .blog-list-page .blog-list .blog-card{width:376px;height:410px;border-radius:8px;overflow:hidden;cursor:pointer;background-color:#fff;transition:.2s linear;position:relative}#pc .blog-list-page .blog-list .blog-card:hover{transform:translateY(-20px);position:relative}#pc .blog-list-page .blog-list .blog-card:hover:after{opacity:1}#pc .blog-list-page .blog-list .blog-card:after{content:"";opacity:0;height:6px;width:100%;position:absolute;bottom:0;left:0;transition:.2s linear;background-color:#0052e2}#pc .blog-card .blog-img{height:239px;width:100%}#pc .blog-card .blog-title{padding:0 20px;margin-top:20px;font-size:24px;color:#0f1a2f;font-weight:500;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#pc .blog-card .blog-link{height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 8px;position:absolute;left:18px;bottom:20px;color:#0052e2;font-weight:500}#pc .blog-card .blog-link .iconfont{font-size:20px;margin-left:8px}#pc .blog-card:hover .blog-link{background-color:#f0f5fd}#pc .blog-detail-page{min-width:1440px;display:flex;flex:1;flex-shrink:0;flex-direction:column;background-color:#f5f8fe;align-items:center;padding:0 0 160px}#pc .blog-detail-content{width:700px;border-radius:8px;min-height:100%;background-color:#fff}#pc .rich-text-content{padding:40px 20px 20px}#pc .rich-text-content *{white-space:unset!important}#pc .rich-text-content p{line-height:24px}#pc .rich-text-content table{max-width:100%!important}#pc .rich-text-content a{color:#1890ff;cursor:pointer}#mobile .blog-list-page{display:flex;flex-direction:column;align-items:center;background-color:#f5f8fe;padding:40px 0 60px}#mobile .blog-list-page .page-main{height:244px;width:100%;position:absolute;top:0;left:0;background-image:url(/assets/blogs-bg-DN0qC6r1.webp);background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;border-radius:0 0 16px 16px;padding-top:74px}#mobile .page-main-title{font-size:26px;color:#0f1a2f;line-height:33px;font-weight:700;text-align:center;z-index:1;margin-bottom:20px}#mobile .page-main-title .highlight{color:#0052e2}#mobile .blog-list-page .blog-list{display:grid;grid-template-columns:repeat(1,1fr);gap:30px 0;z-index:1;justify-content:center}#mobile .blog-list-page .blog-list .blog-card{width:320px;height:318px;border-radius:8px;overflow:hidden;cursor:pointer;position:relative;background-color:#fff}#mobile .blog-card .blog-img{height:182px;width:100%}#mobile .blog-card .blog-title{padding:0 16px;margin-top:20px;font-size:16px;color:#0f1a2f;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#mobile .blog-card .blog-link{height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 8px;position:absolute;left:16px;bottom:16px;color:#0052e2;font-weight:500;font-size:14px;background-color:#f0f5fd}#mobile .blog-card .blog-link .iconfont{font-size:20px;margin-left:8px}#mobile .blog-detail-page{display:flex;flex-direction:column;background-color:#f5f8fe;align-items:center;padding:0 16px 60px}#mobile .blog-detail-content{width:100%;border-radius:8px;min-height:100%}#mobile .rich-text-content *{white-space:unset!important}#mobile .rich-text-content p{line-height:24px}#mobile .rich-text-content table{max-width:100%!important}#mobile .rich-text-content a{color:#1890ff;cursor:pointer}
