#primary{min-height:86vh}.blog-list-row{width:100%;margin:50px auto 30px!important;display:grid;grid-template-columns:repeat(1,1fr);gap:30px}.blog-list-item{display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.15);border-radius:8px;padding:18px 20px;margin:10px;gap:20px}.blog-list-item:hover{box-shadow:0 4px 16px rgba(0,0,0,.25);transform:translateY(-3px);transition:all .3s ease}.blog-list-item .blog-list-img{width:100%;margin-bottom:6px;overflow:hidden;flex:1}.blog-list-item .blog-list-content{flex:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.blog-list-item .blog-list-content .blog-list-title{font-size:24px;font-family:Roboto-Bold,Roboto;font-weight:700;color:#191919;line-height:32px;margin-bottom:10px}.blog-list-item .blog-list-content .blog-list-descript{font-size:16px;font-family:Roboto-Regular,Roboto;font-weight:400;color:#666;line-height:30px;margin-bottom:6px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.blog-list-item .blog-list-content .blog-list-date{font-size:14px;font-family:Roboto-Regular,Roboto;font-weight:400;color:#999;line-height:25px}.all-blog-list{display:flex;gap:40px}.blog-list-header{padding:10px 20px;background:#9d9d9d;margin:auto;color:#fff;white-space:nowrap;cursor:pointer;border-bottom:1px solid #fff;border-radius:5px}.blog-list-header:hover,.selected-blog{background:#257973}@media(max-width:768px){#primary{padding:0 20px}.all-blog-list{flex-direction:column}.blog-list-row{margin:0 auto;grid-template-columns:repeat(1,1fr);gap:0;margin-bottom:0!important;margin-top:30px!important}.blog-list-item{display:block;margin-bottom:32px}.blog-list-item .blog-list-img{width:100%;height:auto;margin-right:0}.blog-list-item .blog-list-content{padding:10px 14px}.blog-list-item .blog-list-content .blog-list-title{font-size:20px;line-height:26px;margin-bottom:12px}.blog-list-item .blog-list-content .blog-list-descript{font-size:14px;line-height:22px;margin-bottom:10px}.blog-list-item .blog-list-content .blog-list-date{font-size:12px;line-height:20px}}.tutorial{margin-top:50px}.search-box{display:flex;justify-content:space-between;align-items:center;padding:40px;margin:30px 0;background:linear-gradient(170deg,#000851,#1697bb);border-radius:10px}.search-box .search-box-title{font-size:32px;font-weight:900;color:#fff}.search-box .free-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 20px;border:none;border-radius:10px;background:#2a82e4;color:#fff;cursor:pointer;font-size:16px}.search-box .free-btn:hover{background:#056cd3}.search-input{width:240px}@media(max-width:768px){.nav-tabs{display:flex;gap:10px;overflow-x:auto}}.breadcrumb[data-v-1c4c3a04]{margin:20px auto;list-style:none;border-radius:4px}.breadcrumb-item[data-v-1c4c3a04]{color:#000!important}.breadcrumb-item a[data-v-1c4c3a04]{color:#000!important;text-decoration:none}.breadcrumb-item a[data-v-1c4c3a04]:hover{color:#6beae4!important}.breadcrumb-item[data-v-1c4c3a04]:before{content:">";padding:0 6px;color:#000}[data-v-ccd8e7c6] .el-tabs--left .el-tabs__item.is-left{text-align:center;height:60px;line-height:60px;font-size:16px;font-weight:600}[data-v-ccd8e7c6] .el-tabs__item.is-active{color:#2c9aa1;background:#cef5ff}.icon[data-v-ccd8e7c6]{width:24px;height:24px;color:#fff}@media(max-width:768px){.search-box[data-v-ccd8e7c6]{flex-direction:column;gap:30px;align-items:flex-start}}