.blogspage__item{color:#000;border-radius:5px;width:100%;height:650px;margin-top:50px;text-decoration:none;transition:all .3s;overflow:hidden}.blogspage__item:hover{cursor:pointer;box-shadow:1px 5px 10px #b3b3b3,-1px 5px 10px #b3b3b3}.blogspage__item:hover .back_img{transition:all .3s;transform:scale(1.1)}.blogspage__item:hover .blogspage__item-title{color:#003cff}.blogspage__item .blogspage__item-header{align-items:center;gap:20px;height:12%;padding:15px;display:flex}.blogspage__item .blogspage__item-header .profile{object-fit:cover;border-radius:50%;width:50px;height:50px}.blogspage__item .blogspage__item-header .blogspage__hero-about{flex-direction:column;gap:10px;display:flex}.blogspage__item .blogspage__item-header .blogspage__hero-about .author{font-size:20px;font-weight:600}.blogspage__item .blogspage__item-header .blogspage__hero-about .spec{opacity:.9;font-size:14px}.blogspage__item .blogspage__item-main{height:50%;overflow:hidden}.blogspage__item .blogspage__item-main .back_img{object-fit:cover;width:100%;height:100%;transition:all .3s;display:block}.blogspage__item .blogspage__item-content{flex-direction:column;justify-content:space-between;gap:10px;height:38%;padding:20px;display:flex}.blogspage__item .blogspage__item-content .blogspage__item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blogspage__item .blogspage__item-content .blogspage__item-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blogspage__item .blogspage__item-content .blogs__block-footer{align-items:center;gap:20px;display:flex}.blogspage__item .blogspage__item-content .blogs__block-footer .date{opacity:.85}.blogspage__item .blogspage__item-content .blogs__block-footer .likes,.blogspage__item .blogspage__item-content .blogs__block-footer .comms{align-items:center;gap:10px;display:flex}.blogspage__item .blogspage__item-content .blogs__block-footer .likes svg,.blogspage__item .blogspage__item-content .blogs__block-footer .comms svg{fill:#000;width:15px;height:15px}@media (width<=430px){.blogspage__item{height:500px;margin-top:20px}.blogspage__item .blogspage__item-header{align-items:center;height:15%;padding:0}.blogspage__item .blogspage__item-header .profile{width:40px;height:40px}.blogspage__item .blogspage__item-header .blogspage__item-about .author{font-size:16px}.blogspage__item .blogspage__item-header .blogspage__item-about .spec{font-size:14px}.blogspage__item .blogspage__item-main{height:40%}.blogspage__item .blogspage__item-content{height:45%;padding:10px}.blogspage__item .blogspage__item-content .blogspage__item-title{font-size:18px}.blogspage__item .blogspage__item-content .blogspage__item-text{font-size:16px}.blogspage__item .blogspage__item-content .date{font-size:14px}}.blogspage__hero{isolation:isolate;color:#fff;text-shadow:0 1px 1px #000000e6,0 1px 3px #0009;background-color:#1f2a30;border-radius:10px;flex-direction:column;justify-content:space-between;gap:20px;height:450px;padding:30px;text-decoration:none;display:flex;position:relative;overflow:hidden}.blogspage__hero:before{content:"";z-index:-1;background:linear-gradient(#000000a6 0%,#0000 50%),linear-gradient(#0000 0%,#00000073 35%,#000000b3 60%,#000000e6 100%);position:absolute;inset:0}.blogspage__hero>*{z-index:2;position:relative}.blogspage__hero>.blogspage__hero-bg{object-fit:cover;object-position:center;z-index:-2;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.blogspage__hero:hover>.blogspage__hero-bg{transform:scale(1.1)}.blogspage__hero p{color:#fff}.blogspage__hero .blogspage__hero-header{align-items:center;gap:10px;padding-top:5%;display:flex}.blogspage__hero .blogspage__hero-header .profile{object-fit:cover;border-radius:50%;width:90px;height:90px}.blogspage__hero .blogspage__hero-header .blogspage__hero-about{flex-direction:column;gap:10px;display:flex}.blogspage__hero .blogspage__hero-header .blogspage__hero-about .author{font-size:20px;font-weight:600}.blogspage__hero .blogspage__hero-header .blogspage__hero-about .spec{font-size:14px}.blogspage__hero .blogspage__hero-content{flex-direction:column;gap:20px;width:60%;display:flex}.blogspage__hero .blogspage__hero-content .blogspage__hero-title{font-size:42px;font-weight:700;line-height:1.1}.blogspage__hero .blogspage__hero-content .blogspage__hero-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}@media (width<=430px){.blogspage__hero{height:350px;padding:10px}.blogspage__hero .blogspage__hero-header{padding-top:10%}.blogspage__hero .blogspage__hero-header .profile{width:50px;height:50px}.blogspage__hero .blogspage__hero-header .blogspage__hero-about .author{font-size:16px}.blogspage__hero .blogspage__hero-header .blogspage__hero-about .spec{font-size:14px}.blogspage__hero .blogspage__hero-content{width:100%}.blogspage__hero .blogspage__hero-content .blogspage__hero-title{font-size:18px}.blogspage__hero .blogspage__hero-content .blogspage__hero-text{font-size:16px}.blogspage__hero .date{font-size:14px}}.blogspage__blocks .blogspage__list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.blogspage .blogspage__title{margin-block:20px;font-size:40px}.blogspage .blogspage__intro{margin-bottom:20px}@media (width<=430px){.blogspage .blogspage__title{font-size:26px}.blogspage .blogspage__intro{font-size:18px}}