.mcard{--m-ink: #0E3746;--m-red: #BE2623;--m-sand: #EAE8DC;position:relative;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e6e2d6;transition:transform .25s ease,box-shadow .25s ease}.mcard:hover{transform:translateY(-3px);box-shadow:0 18px 34px -20px #0e374673}.mcard-img{display:block;position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--m-sand)}.mcard-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.mcard:hover .mcard-img img{transform:scale(1.045)}.mcard-play{position:absolute;inset-inline-start:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:#0e3746e0}.mcard-play:after{content:"";position:absolute;top:12px;left:15px;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}.mcard-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}.mkicker{align-self:flex-start;color:var(--m-red, #BE2623);font-weight:800;font-size:.78rem;text-decoration:none;letter-spacing:0;border-bottom:2px solid currentColor;line-height:1.6}.is-news .mkicker{color:#0e3746}.mcard-title{font-size:1.08rem;line-height:1.55;margin:0}.mcard-title a{color:#0e3746;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1.5px no-repeat;transition:background-size .3s}.mcard:hover .mcard-title a{background-size:100% 1.5px}.mcard-title a:after{content:"";position:absolute;inset:0}.mcard .mkicker{position:relative;z-index:1}.mcard-ex{color:#4c5a5e;font-size:.92rem;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mmeta{display:flex;flex-wrap:wrap;gap:4px 12px;color:#6b7778;font-size:.8rem;margin:auto 0 0}.hblog-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.hblog-h a{font-weight:700;text-decoration:none}.hblog{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:640px){.hblog{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.hblog{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){.mcard,.mcard-img img,.mcard-title a{transition:none}.mcard:hover,.mcard:hover .mcard-img img{transform:none}}
