.sider{position:sticky;top:0;padding:32px;border-left:1px solid var(--bc2);}.sider-panel{margin:40px 0;}.sider-panel h4{font-size:19px;font-weight:600;margin-bottom:16px;}.tag__wrap{display:flex;flex-wrap:wrap;}.tag__item{padding:8px 16px;cursor:pointer;background-color:var(--bc2);line-height:20px;border:1px solid transparent;border-radius:4px;margin:0 10px 8px 0;}.tag__item:hover,.tag__item.is-active{background-color:transparent;border-color:var(--bc10);}.hot-article h3{font-size:16px;font-weight:800;color:var(--bc11);transition:color 0.3s linear;}.hot-article h3 span{color:var(--bc9);font-weight:300;}.hot-article p{color:var(--bc10);margin-top:4px;}.hot-article+.hot-article{margin-top:16px;}.hot-article:hover h3{color:var(--bc-15);}@media screen and (max-width:767px){.sider{position:relative;margin-top:32px;padding:32px 0;border-left:none;}}.gqui-card-header{position:relative;}.gqui-card-header:hover .blog-header-labels{opacity:0;}.gqui-card-header .gi-loading{width:100%;}.blog-header-labels{position:absolute;left:0;top:0;z-index:1;display:flex;width:100%;background:rgba(0,0,0,.8);transition:opacity 0.4s ease;}.blog-label{border-radius:0;margin-right:6px;padding:2px 12px 4px 12px;background-color:transparent;}.blog-label .icon{margin-right:3px;}.blog-footer-labels{position:absolute;right:0;bottom:0;z-index:1;}.blog-footer-labels .blog-label{margin-right:0;margin-left:6px;}.articles{padding:32px;padding-left:0;}.articles>li{padding-bottom:24px;border-bottom:1px solid var(--bc2);}.articles>li+li{padding-top:24px;}.articles .gqui-card{--header-width:300px;--header-height:200px;display:flex;align-items:flex-start;background-color:transparent;border-top:none;border-bottom:0;box-shadow:none;}.articles .gqui-card:hover{transform:unset;box-shadow:none!important;}.articles .gqui-card:hover .gqui-card-body h3{color:var(--theme-color);}.articles .gqui-card-header{border-radius:0;overflow:hidden;background-color:var(--bc1);}.articles .gqui-card-body{padding:1rem 2rem;}.articles .gqui-card-body h3{font-size:1.6em;transition:color 0.4s ease;}.articles .gqui-card-body h3 b{margin-right:1rem;}.articles .gqui-card-body h3 em{font-size:0.9rem;display:inline-block;}.blog_labels{margin:0.1rem 0 1.4rem 0;}.blog_labels .gqui-label{background-color:var(--bc3);margin:0.6rem 0.6rem 0 0;border-radius:0;}@media screen and (max-width:767px){.articles{padding:16px 0;overflow:hidden;}.articles .gqui-card{--header-width:100%;--header-height:auto;display:block;}.articles .gqui-card-body{width:100%!important;padding:2rem 0 0 0;}}