.blog-pc{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 10px rgb(0 0 0 / .05);transition:all 0.4s cubic-bezier(.4,0,.2,1);border:1px solid rgb(0 0 0 / .04);display:flex;flex-direction:column;height:100%}.blog-pc:hover{transform:translateY(-6px);box-shadow:0 14px 40px rgb(0 0 0 / .1);border-color:rgb(193 122 74 / .12)}.blog-pc__img{display:block;position:relative;height:220px;overflow:hidden;background:#1a2d47}.blog-pc__img img{width:100%;height:100%;object-fit:cover;transition:transform 0.55s cubic-bezier(.4,0,.2,1)}.blog-pc:hover .blog-pc__img img{transform:scale(1.05)}.blog-pc__img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-secondary-darker) 0%,#233b5c 100%);color:rgb(255 255 255 / .15);font-size:3rem}.blog-pc__category{position:absolute;top:15px;right:15px;background:rgb(193 122 74 / .9);backdrop-filter:blur(5px);color:#fff;padding:6px 14px;border-radius:100px;font-size:.75rem;font-weight:600;z-index:2;display:inline-flex;align-items:center;gap:6px;box-shadow:0 4px 10px rgb(0 0 0 / .15)}.blog-pc__category i{font-size:.7rem}.blog-pc__body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-pc__meta-top{display:flex;align-items:center;gap:15px;font-size:.8rem;color:#6b7280;margin-bottom:12px}.blog-pc__meta-top span{display:inline-flex;align-items:center;gap:6px}.blog-pc__meta-top i{color:var(--color-primary)}.blog-pc__title{font-size:1.15rem;font-weight:800;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-pc__title a{color:#111827;text-decoration:none;transition:color 0.2s}.blog-pc__title a:hover{color:var(--color-primary)}.blog-pc__excerpt{font-size:.9rem;color:#4b5563;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-pc__actions{margin-top:auto;border-top:1px solid #f3f4f6;padding-top:16px}.blog-pc__btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;color:var(--color-secondary);text-decoration:none!important;transition:all 0.3s ease}.blog-pc__btn:hover{color:var(--color-primary)}.blog-pc__btn i{font-size:.75rem;transition:transform 0.3s ease}.blog-pc__btn:hover i{transform:translateX(-4px)}@media (max-width:768px){.blog-pc__img{height:180px}.blog-pc__body{padding:16px}.blog-pc__title{font-size:1.05rem}}