.page-blog-detail{isolation:isolate;z-index:0;background-color:#f9f9f9;position:relative}@media (max-width:640px){.page-blog-detail{background-color:#f9f9f9}}.page-blog-detail:before{content:"";pointer-events:none;background:url(../media/blog-list-banner-desktop.a5017df7.png) top/100% 100% no-repeat;width:1920px;height:360px;position:absolute;top:0;left:50%;transform:translate(-50%)}.page-blog-detail .blog-detail-main{box-sizing:border-box;width:min(100%,1000px);margin:0 auto;padding:220px 0 160px;position:relative}@media (max-width:1080px){.page-blog-detail .blog-detail-main{padding-left:24px;padding-right:24px}}@media (max-width:640px){.page-blog-detail .blog-detail-main{padding:116px 16px 80px}.page-blog-detail:before{background-image:url(../media/blog-list-banner-mobile.302a2c79.svg);background-position:top;background-repeat:no-repeat;background-size:auto;width:720px;height:135px;top:36px}}.page-blog-detail .blog-detail-back-row{width:min(100%,800px);margin:0 auto 40px}@media (max-width:640px){.page-blog-detail .blog-detail-back-row{width:100%;margin-bottom:32px;display:none}}.page-blog-detail .blog-detail-back{color:#fff;background:#003cff}.page-blog-detail .rui-button--default{border:none}.page-blog-detail .blog-detail-card{box-sizing:border-box;background:#fff;width:min(100%,800px);margin:0 auto;padding:40px}@media (max-width:640px){.page-blog-detail .blog-detail-card{background-color:transparent;width:100%;padding:24px 16px 32px}}.page-blog-detail .blog-detail-header,.page-blog-detail .blog-detail-hero,.page-blog-detail .blog-detail-related{max-width:100%;margin:0 auto}.page-blog-detail .blog-detail-header{flex-direction:column;gap:24px;margin-bottom:40px;display:flex}.page-blog-detail .blog-detail-title-group{flex-direction:column;gap:12px;display:flex}.page-blog-detail .blog-detail-title-group h1{margin:0;font-size:24px;font-weight:700;line-height:32px}.page-blog-detail .blog-detail-info{flex-direction:column;gap:8px;display:flex}.page-blog-detail .blog-detail-meta{color:#999;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;line-height:18px;display:flex}.page-blog-detail .blog-detail-meta span:first-child{color:#666}.page-blog-detail .blog-detail-divider{color:#e4e5e7}.page-blog-detail .blog-detail-tags{flex-wrap:wrap;gap:8px;display:flex}.page-blog-detail .blog-detail-tags span{color:#666;background:#f2f2f2;align-items:center;height:20px;padding:0 8px;font-size:12px;line-height:16px;display:inline-flex}.page-blog-detail .blog-detail-hero{width:720px;max-width:100%;height:540px;overflow:hidden}.page-blog-detail .blog-detail-hero img{object-fit:cover;width:100%;height:100%;display:block}@media (max-width:640px){.page-blog-detail .blog-detail-hero{aspect-ratio:4/3;width:100%;height:auto}}.page-blog-detail .blog-detail-hero--default img{object-position:center}.page-blog-detail .blog-detail-related{border-top:1px solid #e4e5e7;margin-top:80px;padding-top:40px}.page-blog-detail .blog-detail-related h2{margin:0 0 24px;font-size:16px;font-weight:700;line-height:22px}.page-blog-detail .blog-detail-related-list{flex-direction:column;display:flex}.page-blog-detail .blog-detail-related-list a{color:#111;border-bottom:1px solid #e4e5e7;justify-content:space-between;align-items:center;min-height:58px;font-size:16px;line-height:22px;text-decoration:none;transition:color .2s;display:flex}.page-blog-detail .blog-detail-related-list a:hover{color:#165dff}.page-blog-detail .blog-detail-related-list a:last-child{border-bottom:0}.page-blog-detail .blog-detail-related-icon{color:currentColor;transform:rotate(180deg)}