.blog-page-header{text-align:center;margin-bottom:24px}.page-title{font-size:1.5rem;font-weight:700;color:#1a1a2e;display:inline-block;border-bottom:3px solid #e94560;padding-bottom:8px}.flash-message{background:#fff0f3;border:1px solid #fcd;color:#e94560;border-radius:8px;padding:12px 20px;font-weight:500}.btn-create{background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;border:none;border-radius:8px;padding:10px 32px;font-weight:600;transition:all .2s}.btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f34604d;color:#fff}.blog-list{display:flex;flex-direction:column;gap:12px}.blog-card{display:flex;align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;border:1px solid #e8e8f0;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer}.blog-card:hover{box-shadow:0 4px 20px #0000001a;background:#f0f1f8;text-decoration:none;color:inherit}.blog-card:hover .blog-arrow{color:#e94560;transform:translate(3px)}.blog-thumbnail{flex-shrink:0;width:180px;height:130px;overflow:hidden}.blog-thumbnail img{width:100%;height:100%;object-fit:cover}.blog-content{flex:1;padding:16px 20px;min-width:0}.blog-date{font-size:.8rem;color:#888;margin-bottom:8px}.blog-title{font-size:1.05rem;font-weight:600;color:#1a1a2e;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.blog-arrow{flex-shrink:0;padding:0 16px;color:#ccc;transition:all .2s}@media screen and (max-width:768px){.page-title{font-size:1.1rem}.blog-thumbnail{width:110px;height:100px}.blog-content{padding:12px 14px}.blog-title{font-size:.85rem}.blog-date{font-size:.7rem;margin-bottom:4px}.blog-arrow{padding:0 10px}}