.blog-list .card__media{aspect-ratio:16/9}.blog-list .card__media img{width:100%;height:100%;object-fit:cover}.blog-list .card__title{text-decoration:none;color:var(--md-sys-color-on-surface);display:block}.blog-list .card__title:hover{color:var(--md-sys-color-primary)}.blog-detail{max-width:720px}.blog-detail__cover{width:100%;border-radius:var(--md-sys-shape-corner-large);margin-bottom:24px;max-height:400px;object-fit:cover}.blog-detail__meta{display:flex;align-items:center;gap:16px;margin-bottom:16px;color:var(--md-sys-color-outline);font:var(--md-sys-typescale-body-medium)}.blog-detail__meta span{display:flex;align-items:center;gap:4px}.blog-detail__content{font:var(--md-sys-typescale-body-large);line-height:1.75}.blog-detail__content h2{font:var(--md-sys-typescale-title-large);margin:24px 0 12px;color:var(--md-sys-color-on-surface)}.blog-detail__content p{margin-bottom:16px}.blog-detail__content ul,.blog-detail__content ol{margin:0 0 16px 24px;list-style:disc}.blog-detail__content li{margin-bottom:8px;line-height:1.6}.blog-detail__content img{max-width:100%;border-radius:var(--md-sys-shape-corner-medium)}.blog-detail__tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.blog-like-btn,.blog-detail__like{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium);padding:6px 8px;border-radius:var(--md-sys-shape-corner-full);transition:color 0.15s,background 0.15s}.blog-like-btn:hover,.blog-detail__like:hover{background:rgba(231,30,99,0.08)}.blog-like-btn svg,.blog-detail__like svg{transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.blog-like-btn.is-animating svg,.blog-detail__like.is-animating svg{animation:like-bounce 0.4s cubic-bezier(0.34,1.56,0.64,1)}@keyframes like-bounce{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(0.9)}75%{transform:scale(1.15)}100%{transform:scale(1)}}.like-btn--active{color:var(--c-brand)}.like-btn--active svg{fill:var(--c-brand)}.blog-detail__actions{display:flex;align-items:center;gap:16px;margin:16px 0;flex-wrap:wrap}.blog-detail__like{padding:10px 16px;border:1px solid var(--md-sys-color-outline-variant);font-weight:500}.blog-detail__like.like-btn--active{border-color:var(--c-brand);background:rgba(231,30,99,0.06)}.blog-detail__like-label{font-size:14px}.blog-comments{margin-top:24px}.blog-comments__title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;margin-bottom:16px;color:var(--md-sys-color-on-surface)}.blog-comments__form{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px;background:var(--md-sys-color-surface-container-low);border-radius:16px;border:1px solid var(--md-sys-color-outline-variant)}.blog-comments__textarea{width:100%;min-height:80px;padding:12px 14px;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;font:inherit;background:var(--md-sys-color-surface);outline:none;resize:vertical;box-sizing:border-box}.blog-comments__textarea:focus{border-color:var(--md-sys-color-primary);border-width:2px;padding:11px 13px}.blog-comments__form .btn{align-self:flex-end}.blog-comments__login-prompt{padding:12px 14px;background:var(--md-sys-color-surface-container-low);border-radius:12px;text-align:center;margin-bottom:16px}.blog-comments__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.blog-comments__empty{text-align:center;padding:24px;color:var(--md-sys-color-on-surface-variant)}.blog-comment{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--md-sys-color-outline-variant)}.blog-comment:last-child{border-bottom:none}.blog-comment--reply{margin-left:36px;border-bottom:none;padding:8px 0}.blog-comment__avatar{width:36px;height:36px;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.blog-comment__body{flex:1;min-width:0}.blog-comment__header{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:4px}.blog-comment__author{font-weight:600;color:var(--md-sys-color-on-surface)}.blog-comment__date{font-size:12px;color:var(--md-sys-color-on-surface-variant)}.blog-comment__text{color:var(--md-sys-color-on-surface);line-height:1.55;word-wrap:break-word}.blog-comment__replies{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.blog-comment__delete-form{display:inline}.blog-comment__delete-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:4px 0;color:var(--md-sys-color-error);font-size:12px;cursor:pointer;margin-top:4px}.blog-comment__delete-btn:hover{text-decoration:underline}