.blog-interaction{background:rgba(0,60,255,.02);border:1px solid #e9e9e9;flex-direction:column;align-items:center;width:100%;min-height:100px;margin-top:40px;padding:16px;display:flex;position:relative;overflow:hidden}.blog-interaction__prompt{color:#111;text-align:center;margin:0;font-size:14px;font-weight:700;line-height:20px}.blog-interaction__actions{gap:16px;width:min(100%,310px);height:32px;margin-top:16px;display:flex}.blog-interaction__button{border:0;gap:4px;height:32px;padding:0 16px;font-size:14px}.blog-interaction__like{color:#111;background:#fff;border:1px solid #e1e1e1}.blog-interaction__like.is-liked{color:#fff;background:#003cff;border-color:transparent}.blog-interaction__reward{color:#fff;background:linear-gradient(90deg,#fa903a 0%,#eb5a0e 100%)}.blog-interaction__overlay{z-index:1000;box-sizing:border-box;background:rgba(17,17,17,.36);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.blog-interaction__desc{color:#111;margin-top:16px;font-size:16px;font-weight:700;line-height:22px}.blog-interaction__title{margin-top:34px;font-size:16px;font-weight:700;line-height:17.78px}.blog-interaction__dialog{box-sizing:border-box;background:#fff;flex-direction:column;align-items:center;width:min(360px,100%);padding:32px;display:flex;position:relative;box-shadow:0 16px 40px rgba(0,0,0,.18)}.blog-interaction__dialog h2{color:#111;text-align:center;margin:0;font-size:18px;font-weight:700;line-height:26px}.blog-interaction__dialog p{color:#666;text-align:center;margin:12px 0 0;font-size:14px;line-height:22px}.blog-interaction__close{color:#666;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;line-height:1;display:flex;position:absolute;top:8px;right:8px}.blog-interaction__close svg{width:16px;height:16px}.blog-interaction__qr-code{object-fit:contain;width:200px;height:200px;margin-top:20px;display:block}@media (max-width:480px){.blog-interaction{padding-left:8px;padding-right:8px}.blog-interaction__actions{gap:8px}.blog-interaction__button{flex:1 1 0;width:auto;min-width:0;max-width:none;padding-left:8px;padding-right:8px}.blog-interaction__dialog{padding:32px 20px 24px}}
.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;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)}
.blog-footer{flex-direction:column;padding:24px 0 0;display:flex}