:root{--blog-main-color: #333;--blog-gray-color: #666;--swiper-navigation-color: #222;--blog-sticky-top: 0}#blog_outline_content{padding:20px 0px}.editor-btn{display:inline-block;line-height:2em;margin-bottom:0;text-decoration:none;vertical-align:middle;cursor:pointer;white-space:nowrap;text-align:center;padding:.5em 2em;color:#333;transition:all ease .25s;border:1px solid var(--blog-gray-color)}.editor-btn:hover{color:#fff;border-color:var(--blog-main-color);background-color:var(--blog-main-color)}.blog-rel-wrap{clear:both;display:flex;justify-content:space-between;align-items:center;margin-top:100px;margin-bottom:50px;border-top:1px solid;padding-top:30px}.blog-rel-wrap .blog-rel-item{width:50%;max-width:50%;text-align:right}.blog-rel-wrap .blog-rel-item.item-prev{border-right:1px solid;margin-right:1px}.blog-rel-wrap .blog-rel-item.item-prev .blog-rel-link{text-align:left;padding-left:50px;justify-content:flex-start}.blog-rel-wrap .blog-rel-item.item-next .blog-rel-link{text-align:right;justify-content:flex-end;padding-right:50px}.blog-rel-wrap .blog-rel-item.item-next .blog-rel-link .btn-title{margin-left:auto}.blog-rel-wrap .blog-rel-link{display:flex;align-items:center;width:100%;position:relative}.blog-rel-wrap .blog-rel-link .btn-info-block{display:flex;flex-direction:column;flex:1 1 auto}.blog-rel-wrap .blog-rel-link .btn-subtitle{font-size:.8rem;display:block}.blog-rel-wrap .blog-rel-link .btn-title{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:bold;font-size:1rem;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 20px)}@media(max-width: 600px){.blog-rel-wrap .blog-rel-link .btn-title{-webkit-line-clamp:2;max-width:calc(100% - 10px);font-size:.85rem}}.blog-rel-wrap .blog-rel-link .btn-icon{width:60px;height:60px;flex-shrink:0;position:absolute}.blog-rel-wrap .blog-rel-link .btn-icon.right{transform:rotate(180deg);margin-left:10px;margin-right:-18px;right:0}.blog-rel-wrap .blog-rel-link .btn-icon.left{margin-right:10px;margin-left:-18px;left:0}.blog__head{display:flex;flex-wrap:wrap}.blog__body{margin-top:3em}.blog__body__container{display:flex;align-items:flex-start}.blog__body__content{flex:4;min-width:0}@media(max-width: 768px){.blog__body__container{flex-direction:column}.blog__body__content,.blog__outline{width:100%}}.collapsing_header .main{overflow:unset}.blog__outline{margin:1em 0}.blog__outline__title{margin:0 0 .25em;font-size:1.25em}.blog__outline__list{list-style:none;padding-left:0}.blog__outline__li{position:relative}.blog__outline__sublist{list-style:none}@media(min-width: 769px){.blog__outline{position:sticky;display:block;top:var(--blog-sticky-top);flex:1;min-width:200px;max-width:400px;margin-right:3em;overflow-y:auto}.blog__outline__a{display:block;padding:.75em .75em .75em 1em;border-left:2px solid #eee}.blog__outline__a.active{background-color:#efefef;border-left:3px solid var(--blog-main-color);font-weight:bold}}@media screen and (max-width: 768px){.blog__outline{border:1px solid #ddd;padding:1.5em 2em;width:100%}.blog__outline__a{display:inline-block;padding:.5em 0}}.blog__outline__h3>.blog__outline__a{padding-left:2.4em}.blog__title{flex:1 1 auto;margin:.5em 0;width:100%;font-size:3em;font-weight:bold;line-height:1.5}.blog__cover{display:flex;width:100%;justify-content:center;align-items:center;flex:1 1 auto;max-height:50vh;overflow:hidden}.blog__cover img{width:100%;height:auto;object-fit:cover;object-position:center}.blog__info{display:flex;flex:1 1 auto;width:100%;margin-top:15px}.blog__info__author{margin-right:auto}.blog__info__date-modified::before{content:"/";padding:0 .5em}@media screen and (max-width: 767px){.blog__info{flex-direction:column}.blog__info__author{margin-right:0}.blog__info__date-modified::before{content:"";padding:0}}.blog-recommend-wrap{position:relative;width:100%}.blog-recommend-title{font-size:24px;font-weight:bold;margin:2em 0;text-align:center}.blog-swiper{padding-left:clamp(.5rem,.2857rem + 1.0714vw,1.25rem);padding-right:clamp(.5rem,.2857rem + 1.0714vw,1.25rem);height:85%}.blog-swiper .blog-item{padding:0 clamp(.5rem,.2857rem + 1.0714vw,1.25rem);height:100%}.blog-swiper .swiper-slide{height:auto}.blog-swiper .swiper-button-prev,.blog-swiper .swiper-button-next{width:var(--swiper-navigation-size);background-color:hsla(0,0%,100%,.8);border-radius:50%;border:1px solid #ddd}.blog-swiper .swiper-button-prev.swiper-button-disabled,.blog-swiper .swiper-button-next.swiper-button-disabled{opacity:0}.blog-swiper .swiper-button-prev:after,.blog-swiper .swiper-button-next:after{font-size:calc(var(--swiper-navigation-size)*.4)}.blog-swiper .swiper-button-prev:after{transform:translateX(-20%)}.blog-swiper .swiper-button-next:after{transform:translateX(20%)}@media(max-width: 320px){.blog-swiper .blog-swiper{padding-left:0;padding-right:0}}.blog__share{display:flex;align-items:center;margin:1em 0}.blog__share-btn,.blog__share__title{margin-right:10px}.blog__content{margin-bottom:2em}.blog__content h1,.blog__content h2,.blog__content h3,.blog__content h4{scroll-margin-top:80px;margin:1em 0;font-weight:bold;line-height:1.5}.blog__content h2{font-size:2em}.blog__content h3{font-size:1.5em}.blog__content h4{font-size:1.25em}.blog__content p{margin:1em 0}.blog__content img{max-width:100%;height:auto}.blog__content figcaption{margin:.5em 0;font-size:.8em;text-align:center}.blog__content ul{margin:1em 0;list-style:disc outside;padding-left:1.5em}.blog__content ul.timeline{list-style:none;padding:0}.blog__content ul.timeline .timeline-item{margin-bottom:20px}.blog__content ul.timeline .timeline-item article{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1)}.blog__content ul.timeline .timeline-item article a{display:flex;text-decoration:none;color:inherit;width:100%}.blog__content ul.timeline .timeline-item article .image-container{width:30%;height:auto;overflow:hidden}.blog__content ul.timeline .timeline-item article .image-container img{display:block;width:100%;height:auto;object-fit:cover}.blog__content ul.timeline .timeline-item article .content{width:70%;padding:20px;display:flex;flex-direction:column;justify-content:center}.blog__content ul.timeline .timeline-item article .content h3{margin-top:0;margin-bottom:10px;font-size:1.5em;color:#333}.blog__content ul.timeline .timeline-item article .content .text-in{line-height:1.6;color:#555;margin-bottom:0}.blog__content .grid-container{display:flex;flex-direction:column;gap:20px;padding:20px}.blog__content .grid-container .info-card{display:flex;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.1)}.blog__content .grid-container .info-card a{display:flex;text-decoration:none;color:inherit;width:100%}.blog__content .grid-container .info-card .image-container{width:30%;height:auto;overflow:hidden}.blog__content .grid-container .info-card .image-container img{display:block;width:100%;height:auto;object-fit:cover}.blog__content .grid-container .info-card .text-container{width:70%;padding:20px;display:flex;flex-direction:column;justify-content:center;line-height:1.6}.blog__content ol{margin:1em 0;list-style:decimal outside;padding-left:1.5em}.blog__content ::marker{text-align:left}.blog__content blockquote{margin:0;padding:0;border:0}.blog__content blockquote p{margin:1em 0;padding:1em 1em 1em 2em;border-left:4px solid var(--blog-main-color)}