.blog-detail[data-v-3c96f50e]{align-items:flex-start;display:flex}.blog-detail .middle[data-v-3c96f50e]{flex:1;margin:0 9%}.blog-detail .middle h1[data-v-3c96f50e]{font-size:32px;font-weight:600;line-height:43px;text-align:center}.blog-detail .middle h3[data-v-3c96f50e]{color:#515870;font-size:16px;font-weight:400;line-height:22px;margin-top:14px;text-align:center}.blog-detail .middle .date[data-v-3c96f50e]{color:#878787;line-height:20px;margin-top:8px;text-align:center}.blog-detail .right[data-v-3c96f50e]{position:sticky;top:80px;width:230px}.blog-detail .keywords[data-v-3c96f50e]{align-items:flex-start;border-left:1px solid #dedede;display:flex;flex-direction:column;padding-left:10px}.blog-detail .keywords .keywords-title[data-v-3c96f50e]{font-size:20px;line-height:28px;margin-bottom:16px}.blog-detail .keywords .item[data-v-3c96f50e]{font-size:12px;line-height:20px;margin-bottom:8px}@media screen and (max-width:750px){.blog-detail[data-v-3c96f50e]{flex-direction:column}.blog-detail .right[data-v-3c96f50e]{display:none}.blog-detail .side-nav[data-v-3c96f50e]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;position:static;width:100%}.blog-detail .side-nav[data-v-3c96f50e] .item{font-size:12px;height:70px}.blog-detail .side-nav[data-v-3c96f50e] .item svg{margin-top:10px}.blog-detail .middle[data-v-3c96f50e]{margin:0}}